В честь профессионального праздника - Всемирного дня юзабилити, собрала наглядные примеры собственных решений в интерфейсе, которые отвечают принципам Якоба Нильсена
Я дизайню маркетплейс космических снимков. Все примеры ниже приведены из личного кабинета пользователя. По каждому принципу эргономичности я демонстрирую пример из интерфейса:
1. Видимость состояния системы
Даю обратную связь для пользователя в виде подтверждения успешного статуса смены номера телефона - наделила навбар дополнительной функцией, чтобы не отображать лишние окна с информацией
2. Соответствие между системой и реальным миром
Наделяю администратора организации правами для добавления или отклонения заявки участника в организацию - все, как в жизни, директор может нанять или уволить сотрудника
3. Контроль и свобода выбора
Даю пользователю возможность исправить ошибку с помощью снекбара - можно вернуть исключенного сотрудника в организацию в течении 10 секунд
4. Последовательность и стандартизированность
Соблюдаю пользовательские паттерны и располагаю корзину в правом верхнем углу, как и большинство маркетплейсов
5. Предотвращение ошибок
Отображаю плейсхолдер с заданным форматом номера телефона (в мобильной версии в зависимости от вида данных можно открывать соответствующую раскладку - для телефона открываем клавиатуру с цифрами)
6. Распознавание и диагностика ошибок
Информирую пользователя об ошибке ввода почты состоянием инпута
7. Распознавание лучше вспоминания
Показываю пользователю раздел личного кабинета, в котором он сейчас находится, в навбаре с помощью "хлебных крошек"
8. Гибкость и эффективность использования
Подстраиваю разделы личного кабинета в зависимости от типа пользователя - функционал управления организацией не отображается для пользователей без соответствующих прав
9. Понятный и простой дизайн
Использую компоненты из дизайн-системы для всех наших интерфейсов
10. Подсказки и помощь
Не нагружаю пользователя и система сама рассчитывает сумму доплаты по заказу
В рамках формата статьи постаралась максимально компактно поделиться своим опытом, нужны еще примеры удобного интерфейса? Дай мне знать комментарием или лайком
Спасибо за твоё время! Подпишись, чтобы не пропустить следующую статью
Больше о дизайне в моём телеграм-канале
