Взаимодействие с компьютерными системами
Кнопки, которые вы используете в мозгу, — это начало базового пользовательского интерфейса (UI). Пользовательский интерфейс — это пространство, которое позволяет пользователю взаимодействовать с компьютерной системой (или машиной). Когда вы запрограммировали кнопки в мозгу, вы дали пользователям возможность взаимодействовать с Clawbot, чтобы они могли поднимать и опускать руку. Существуют и другие типы пользовательских интерфейсов (UI), включая графические пользовательские интерфейсы (GUI), такие как сенсорные экраны в автомобилях и смартфонах. Когда вы взаимодействуете с сенсорным экраном на одном из ваших устройств (планшете, смартфоне, умных часах), эти экраны часто являются единственным интерфейсом, который у вас есть. Возможно, на вашем устройстве также есть кнопки регулировки громкости или питания, но вы в основном взаимодействуете с экраном.
На пульте дистанционного управления телевизора есть кнопки, которые запрограммированы на выключение телевизора или увеличение громкости при их нажатии. Некоторые примеры пользовательского интерфейса включают кнопки контроллера видеоигры или кнопки микроволновой печи. Способы разработки этих пользовательских интерфейсов зависят от того, как работает устройство и как с ним взаимодействуют пользователи.
Эти принципы дизайна составляют основу пользовательского опыта (UX) при использовании пользовательского интерфейса. Пользовательский опыт — это то, насколько хорошо интерфейс позволяет мне, как пользователю, делать то, что я пытаюсь сделать. Работает ли интерфейс так, как я ожидал? Реагирует ли он на то, что я пытаюсь передать с помощью своей печатной машины? Хорошо ли он организован, или в будущих версиях пользовательского интерфейса кнопки следует переместить, чтобы было проще? Как вообще выглядит интерфейс? Приятно ли на него смотреть и вызывает ли это желание использовать его чаще?
Когда пользовательский интерфейс все еще разрабатывается и проходит итерации, разработчики собирают данные о том, что работает так, как запланировано, а что необходимо исправить или улучшить. Эти данные затем используются для следующего раунда итеративного проектирования. Некоторые из рекомендуемых изменений пользовательского интерфейса происходят до выпуска устройства. Но устройство также может продаваться как есть, и эти изменения будут внесены позже, прежде чем следующая версия будет предложена широкому потребителю.
Расширьте свое обучение
Предложите учащимся выбрать смарт-устройство (например, iPhone) и выяснить, как с каждой новой версией устройства менялся пользовательский интерфейс. Они могут использовать скриншоты из Интернета и описывать, что, по их мнению, отличается от одной версии к другой. Часто имеется документация компании, в которой перечислены изменения по сравнению с предыдущим выпуском. Студенты должны создать свои собственные временные шкалы выбранных ими интеллектуальных устройств.
Предложите учащимся сравнить устройства определенной марки/модели, чтобы они не сравнивали совершенно разные телефоны. Некоторые модели могли начаться с приподнятых кнопок, а затем перейти на сенсорные экраны. Следует отметить, что более поздний интерфейс с сенсорным экраном больше ориентирован на технологические достижения, чем исключительно на улучшение пользовательского опыта.
Мотивировать обсуждение
Дизайнеры и
пользовательских интерфейсов
В: Есть профессиональные дизайнеры и/или инженеры, чья работа состоит в том, чтобы максимально повысить удобство взаимодействия пользователя с устройством. Как вы думаете, какими навыками должен обладать один из этих специалистов?
A: Ответы, вероятно, будут разными, но есть некоторые аспекты этой работы, которые студентам следует учитывать. По крайней мере, эти профессионалы должны быть опытными графическими дизайнерами и программистами. Возможно, им понадобится знать о типографике — технике расположения типов текста, чтобы сделать его разборчивым и привлекательным при отображении. Возможно, им нужно знать об эстетике – принципах, объясняющих природу того, что мы считаем красивым или приятным визуально. Им, возможно, потребуется знать о человеческом факторе, когнитивной науке или эргономике — о том, как люди думают и используют устройства для продуктивной работы, — чтобы они могли оптимизировать дизайн для удовлетворения этих потребностей.
В: Дизайнеры пользовательского интерфейса очень серьезно относятся к «соответствию ожиданиям пользователей». Как вы думаете, что это означает и как, по вашему мнению, это влияет на дизайн интерфейса?
A: Студентам необходимо сначала определить «соответствие ожиданиям пользователя» как то, чтобы интерфейс выглядел и реагировал на действия пользователя так, как ожидалось. Итак, первая часть заключается в том, что это выглядит знакомо или, по крайней мере, интуитивно понятно. Вторая часть заключается в том, что когда пользователь взаимодействует с ним, он должен реагировать на действия пользователя так, как пользователь ожидает и планирует. Они оба влияют на дизайн, потому что дизайнеры хотят, чтобы пользовательский опыт был как можно лучше. На практике иногда это означает необходимость сохранить аналогичный интерфейс с небольшими изменениями вместо совершенно нового интерфейса с большей частью изменений. Если весь интерфейс новый, то опыт не готовит пользователей к ожиданиям того, как с ним взаимодействовать.
В: Представьте, что вам нужно создать совершенно новый пользовательский интерфейс, которого никто раньше не видел. Это означает, что у пользователей нет никакого опыта, на который можно было бы опираться при его использовании. Что вы могли бы включить в интерфейс, чтобы он соответствовал ожиданиям пользователей? Подсказка: подумайте о функциях, включенных в VEXcode IQ.
A: Ожидания пользователей не обязательно должны основываться на предыдущем опыте работы с другими интерфейсами. В некоторых ситуациях ожидания пользователей формируются, когда они впервые смотрят на пользовательский интерфейс. В таких случаях дизайнерам необходимо сделать пользовательский интерфейс простым. Маркировка, цветовое кодирование, в том числе несколько окон/экранов, которые появляются при необходимости, минимизация постороннего текста/изображений/цветов и использование других подсказок могут помочь пользователю быстрее понять, как работает новый пользовательский интерфейс.
VEXcode IQ использует блоки с цветовой кодировкой, примеры проектов, справочную информацию для блоков и, что наиболее важно, учебные пособия, чтобы продемонстрировать пользователям, как лучше всего взаимодействовать с VEXcode IQ.