Прежде, чем мы начнем погружаться в понятие интерфейса и процесс его проектирования, предлагаю ответить вам на вопрос: в каких из этих объектов компании Apple присутствует интерфейс, а в каких его нет?
Продукция компании Apple
В 2024 году превалирующее число объектов, которые вас окружают, наделены интерфейсом. Эти предметы коммуницируют с пользователями на интуитивном (и не только) уровне, зачастую вы даже не замечаете диалога с вещами. Через 10 лет количество таких объектов только возрастет, а значит сейчас самое время изучить, как наделить ваш предмет такой коммуникацией, проектируя удобочитаемые интерфейсы.
Зеркало с интерфейсом. Производство Arkelli, 2023 г.
Хороший пользовательский интерфейс учитывает человеческие слабости, перекладывает работу на машину, минимизирует ошибки и раздражение пользователя.
Под термином «интерфейс» принято понимать набор средств, используемых для взаимодействия двух систем.
UI — user interface, пользовательский интерфейс. UX — user experience, пользовательский опыт.
В переводе с английского языка слово «interface» буквально означает «место соприкосновения», а под системами, между которыми осуществляется такое взаимодействие, могут подразумеваться различные объекты, связанные между собой.
На практике нет прямого деления на UX-дизайнеров и UI-дизайнеров: кто-то сильнее склоняется в сторону визуала, а кто-то — в аналитику и продумывание Customer Journey Map.
Например, заказ такси. Раньше машину необходимо было вызывать по телефону. Процесс был сложным: нужно набрать номер, объяснить оператору свое местоположение, продиктовать адрес назначения и ждать, пока оператор перезвонит и назовет номер автомобиля. Сейчас же заказать такси — это сделать несколько тапов по экрану смартфона. Разблокировать телефон, ткнуть на приложение, нажать «заказать». Пара минут — и машина подана. Приложение само определит локацию пользователя, требуется только ввести адрес и выбрать класс машины.
Пользовательский опыт в двух этих сценариях отличается разительно, с большим перевесом в пользу второго.
Задание: Выберите 3 объекта с интерфейсами, опишите в формате таблицы со скриншотами, какие визуальные компоненты интерфейса относятся к UX, а какие к UI.
Результат: Таблица с описанием и скриншотами компонентов интерфейса для 3 объектов, защита в группе.
Какие задачи решают интерфейсы?
Интерфейс можно кратко описать как оформление, хотя на самом деле — это системная структура. Его назначение — эффективное использование и взаимодействие с объектом.
Типы и виды интерфейсов
Цель любого интерфейса — диалог двух систем, продуктивное взаимодействие. С пользовательским интерфейсом каждый сталкивается ежедневно. Поэтому самая важная задача — обеспечить легкое, интуитивно понятное управление устройством.
Задание: Выберите 3 объекта, у которых нет коммуникативных функций, наделите ими объекты визуально, какие, на ваш взгляд, визуальные коммуникации можно добавить к таким объектам с учетом типа интерфейса?
Результат: Презентация с обоснованием выбора объектов, визуализация коммуникативных функций в интерфейсе для 3 объектов, защита в группе.
Принципы восприятия интерфейса
Кристофер Викенс (англ. Christopher Wickens) выделил 12 принципов разработки дисплея в своей книге «An Introduction to Human Factors Engineering». Эти принципы могут быть использованы для создания эффективного прототипа интерфейса. Сокращение количества ошибок, требуемого времени, повышение результативности и увеличение уровня удовлетворённости пользователей — это те из многих потенциальных выгод, которые могут быть достигнуты путём применения данных принципов.
«An Introduction to Human Factors Engineering» Christopher Wickens, 2019 г.
Для удобства запоминания они разделены на тематические блоки: 1. Принципы восприятия 2. Принципы метальной модели 3. Принципы, основанные на внимании 4. Принципы памяти
Принципы восприятия
Принципы метальной модели
Принципы, основанные на внимании
Принципы памяти
Задание: Определите задачи, выполняемые интерфейсом вашего объекта (например, навигация, управление, обучение, развлечение). Составьте генеративную карту с блоками информации с учетом принципов восприятия интерфейса.
Результат: Презентация с картой блоков задач, которые решает интерфейс для выбранного объекта, защита в группе.
