👉Опубликовали кейс на Behance — редизайн мобильного приложения банка.

👉Седьмая эвристика Якоба Нильсена

Представьте программу, которой пользуетесь для ежедневной работы. Ее интерфейс будет знаком, не составит труда вспомнить внешний вид, наличие большинства функций и комбинаций клавиш, которыми вы уже привычно пользуетесь для ускорения и удобства выполнения своих задач.

А теперь вспомните, когда только начинали работать в этой программе. Функции, которые удобны для вас сейчас были еще незнакомы и вы ускоряли свою работу другими способами.

Один из важнейших принципов качественного интерфейса — Гибкость и эффективность использования. Принцип подчеркивает важность проектирования систем, которые подходят как для новичков, так и для опытных пользователей, предлагая настраиваемые функции, ускорители и сочетания клавиш. Гибкая программа позволит пользователям выполнять задачи быстро и эффективно, а также приспосабливаться к разным уровням знаний.

Основные аспекты этого принципа:
✔️ Настройка: пользователи должны иметь возможность настраивать интерфейс для своего удобства, будь то перестановка панелей инструментов, настройка параметров или создание ярлыков.
✔️Ускорители: Опытные пользователи программ и сайтов на WEB должны иметь доступ к сочетаниям клавиш или расширенным функциям, которые позволяют им выполнять задачи быстрее, не затрачивая лишнее время.
✔️Навигация: пользователи должны иметь возможность перемещаться по системе с минимальными усилиями, используя знакомые шаблоны или интуитивные пути.

В Microsoft Word пользователи могут использовать сочетания клавиш, например, для жирного текста CTRL+ B или сохранения документа CTRL+S. Эти сочетания клавиш позволяют опытным пользователям работать более эффективно без необходимости навигации по меню. Начинающие пользователи по-прежнему могут использовать параметры панели инструментов, но опытные пользователи могут воспользоваться этими ускорителями, чтобы ускорить свой рабочий процесс.

В интернет-магазинах пользователи могут фильтровать результаты поиска по цене, бренду, рейтингам и другим критериям. Опытные пользователи могут быстро сузить свои возможности, используя эти фильтры, в то время как случайные покупатели могут просматривать без необходимости их использования. Гибкость системы фильтрации позволяет пользователям эффективнее находить товары на основе своих предпочтений, что улучшает общий процесс покупок.

➡️В Фотошопе пользователи могут записывать макросы для автоматизации повторяющихся задач. Например, аналитик данных может создать макрос для форматирования электронной таблицы определенным образом, экономя время на ручных корректировках. Макросы позволяют опытным пользователям оптимизировать свой рабочий процесс, в то время как начинающие пользователи могут выполнять задачи вручную, не разбираясь в расширенных функциях.

Гибкость и эффективность использования — это баланс между простотой и сложностью. Хорошо спроектированная система должна подходить как новичкам, так и опытным пользователям, предоставляя интуитивно понятные интерфейсы для новичков и мощные инструменты для продвинутых пользователей.

Такие функции, как настройка, ускорители и расширенные настройки, дизайнеры могут создавать системы, которые одновременно являются гибкими и эффективными, в конечном итоге улучшая пользовательский опыт.

Источники:
— Flexibility and Efficiency of Use (Usability Heuristic #7)
— Usability Heuristics Every Designer Should Know
— Usability heuristics – principles that differentiate good and poor UX

#дизайн #интерфейс #продуктовыйдизайн #UXUI #SimbirSoft_Design #SS_Design #Ульяновск #simbirsoft

👀8 эвристика Якоба Нильсена

В интерфейсе не должно быть элементов, которые не используются или редко используются. Чем меньше лишней информации, тем проще пользователям воспринимать продукт. Об этом говорит 8-я эвристика Нильсена — «Эстетичный и минималистичный дизайн».

Перегруженный интерфейс, информационный шум, избыточные требования мешают пользователю решать задачи и ухудшают юзабилити. Хороший же интерфейс, напротив, не содержит ненужных элементов. Но и излишний минимализм может стать оборотной стороной медали, если пользователь не поймет, что делать и как решить задачу.

Убирайте ненужное
Ненужные кнопки, элементы интерфейсы, формы ввода — всё, без чего пользователь может обойтись на конкретном этапе, удаляйте. Можно обойтись без этой кнопки? Удаляйте. Можно убрать это поле? В корзину. Линии, плашки, обводки? Если их убрать и ничего не поменяется, удаляйте.

Важное — вперед
Дизайнер и команда должны определить, что нужно пользователю в конкретном клиентском пути и на конкретном экране и поставить это на первое место. Возьмем Гугл. В центре главной страницы — поисковая строка, и всё. На этом этапе пользователю ничего больше не нужно.

Возьмем пример посложнее. Дизайнеры SimbirSoft работали над веб-приложением для нефтегазовой компании. На одном экране у пользователя было 4 функции:

— Распечатать договор, с которым к нему пришел клиент
— Отправить договор на проверку
— Сохранить договор в черновике
— Выйти

Сначала, на этапе прототипирования и уточнения требований от бизнеса, эти 4 функции были представлены как кнопки. Во время UX-тестов респонденты при виде этих кнопок останавливались и долго размышляли. В среднем на это уходило 3,41 секунды. Стало очевидно, что 4 кнопки — перебор. Дизайнеры приняли решение, что важнейшая функция — «Отправить договор на проверку», и защитили это решение у бизнеса. Это и стало единственной кнопкой в форме. С остальными функциями поступили так:
— «Распечатать договор» превратилась в иконку ксерокса сверху, потому что печатают договор не часто.
— «Сохранить договор» убрали, потому что система сохраняет все черновики и пользователю не нужно постоянно нажимать на эту кнопку, боясь, что всё потеряется.
— «Выйти» стал крестиком в правом верхнем углу, который закрывал клиентский путь.

Так из 4 кнопок, которые клиент изначально планировал внедрить в продукт, осталась одна — «Отправить договор на проверку». На UX-тестах на пользователях среднее время принятия решения составило уже 1,78 секунды.

Стройте визуальную иерархию
Контраст, размер, типографика, цвет и расположение элементов интерфейса поможет пользователю отличить главное от второстепенного. Используйте акцентные элементы, а всё, что не представляет ценности, убирайте на второй план или удаляйте. Чем меньше пользователь будет отвлекаться на своем пути, тем лучше.

Сделать просто — не значит сделать примитивно. Интерфейс может быть минималистичным, хотя в нём есть несколько цветов и кеглей, есть картинки, видео, формы, кнопки и другие элементы интерфейса. Но если с этим грамотно поработать, то пользователи будут довольны продуктом, который помогает им решать задачи, а бизнес получит лояльных клиентов.