Дизайнер проектирует необходимые интерфейсы, опираясь на визуальную коммуникацию объекта с пользователем. Такая коммуникация может быть простой, а может быть супер сложной. Отсюда логично предположить, что существуют простые и сложные интерфейсы.
В чем разница?
Простой интерфейс приложения для заказа такси
Учитывайте вызов интерфейса — то, какими задачами апеллирует информационный контекст интерфейса.
Сложный интерфейс мнемосхемы газового оборудования
Первое отличие сложных систем от простых — сами пользователи. Второе отличие — различная работа с пространством, где во втором случае без мануала будет практически невозможно разобраться в кнопках с подписями и без них в отличии от простого интерфейса с меньшей долей негативного пространства на экране.
«Простые интерфейсы» не означает «простота проектирования».
Существуют также смешанные интерфейсы, которые включают в себя долю сложных систем в основе простых решений в визуальной коммуникации. Таким образом, в интерфейсах обязательно существуют зоны, которые будут разрабатываться для сложных систем, а какие-то для простых и наоборот.
Задание: Приведите 5 примеров сложного и простого интерфейса, выделите в них такие компоненты, как: — Иерархия; — Сценарий пользования.
Результат: Презентация с визуализацией интерфейсов и подробным анализом их компонентов, защита в группе.
Работа с пространством
Когда мы с вами пытаемся решить какую-то задачу, то мы в обязательном порядке должны ее декомпозировать.
Декомпозиция и разбивка объектов интерфейса на группы гарантирует удобочитаемость и простоту сложного интерфейса.
Когда вы собираете пазл, то вы декомпозируете сначала по зоне границ поля, далее по цветам (фон, картинка, контуры) и тогда процесс сбора ускоряется в разы, т. к. есть последовательность действий и группы, которые с легкостью можно соединить между собой.
Зона границ поля кстати относится и к понятию иерархии в интерфейсе, ведь сначала вы собираете границы пазла и только потом переходите к содержанию.
Блок-схемы сложных интерфейсов
В гештальт-психологии описывается важность умения работать со сложными структурами, разъединяя объекты так, чтобы была была возможность упростить сложный интерфейс для восприятия.
Задание: Составьте блок-схему для сложного интерфейса промышленного объекта (на выбор) и декомпозируйте на элементы, а затем продемонстрируйте в виде блок-схемы со структурированным интерфейсом.
Результат: Презентация с демонстрацией разницы сложного интерфейса и интерфейса, который был собран заново и упрощен, защита в группе.
Работа с пользователями в сложных и простых интерфейсах
Существуют множество вариантов каким образом можно исследовать пользователя: подключение счетчиков к интерфейсу, a/b-тестирования, тепловые карты, фокус-группы. Все эти способы делятся на два метода тестирования:
Оба метода отлично работают и подходят для использования в тестировании пользователей, но с неопросными методами есть нюанс, который мы рассмотрим на примере тепловой карты.
Тепловая карта — это карта взаимодействий пользователей. Она показывает общий сценарий и проход по внутренним экранам простого интерфейса. Такой способ помогает понять общую зону интуитивного направления массового пользователя, некое коллективное бессознательное только если интерфейс наделен небольшим количеством сценариев, то есть относящийся к простым интерфейсам.
В сложных интерфейсах больше сценариев, нужен подробный способ тестирования, к нему относится опросный метод и его вариации.
Задание: Проведите исследование своего пользователя одним из методов (на выбор), а затем продемонстрируйте в виде таблицы с результатами.
Результат: Презентация с демонстрацией выводов пользовательского портрета, защита в группе.
