Понятие пользовательский опыт (UX) намного шире понятия пользовательский интерфейс (UI). Иногда называют клиентский опыт. Это все способы, которыми пользователи реализуют ценность продукта, взаимодействуя с ним некоторое время.
UX‑дизайн в значительной степени фокусируется на глубоком понимании пользователей, их потребностей и ценностей, их возможностей и ограничений. UX‑дизайнеры фокусируются на том, как работает продукт и как пользователи взаимодействуют с ним. Они стремятся создавать продукты, которые одновременно функциональны и удобны для пользователя. О факторах UX автор книги рассказывает в следующей главе.
Дизайн пользовательского интерфейса в свою очередь фокусируется на визуальных элементах интерфейсов продукта. UI‑дизайнеры отвечают за все: от цветовых палитр и типографики до тонкой настройки макета и общей эстетики. Из‑за этого фокуса на объединении эстетики с удобством использования UI‑дизайнеры должны иметь четкое понимание принципов визуального дизайна.
Чем проще и понятнее интерфейс, тем ниже нужен уровень обученности пользователя для его использования.
Чтобы пользователю было легче использовать интерфейс, нужно использовать наглядные и удобные, структурированные элементы
Когнитивной нагрузкой называется количество данных, которые требуется удерживать одновременно в рабочей памяти. Снижение когнитивной нагрузки улучшает качество пользовательского опыта. Из-за сокращения нагрузки ускоряется взаимодействие, а значит, и привыкание к продукту
Важно понимать, что чаще всего UX и UI идут рука об руку, и все же можно говорить о том, что UX может обойтись без UI (имею в виду API, к примеру).
В чем разница между UX- и UI-дизайном?
«UI-дизайн – про красоту, а UX-дизайн – про удобство»
UX это брендинг, Пиар, Функциональность, Экосистема, Контент, Ценообразование и др.
UI это - Компоновка, Оформление, Анимация, Паттерны, Элементы интерфейса
User Experience - это опыт взаимодействия пользователя с вашим продуктом, и это не всегда про дизайн.
Принципы
1. Оповещение состояния
Ваша система всегда должна информировать пользователей о том, что происходит, посредством соответствующей обратной связи и в разумные сроки.
Пример: при добавлении в корзину меняется иконка
2. Соответствие между системой и реальностью.
Система должна говорить на языке пользователей, используя слова, фразы, знакомые пользователю, а не узкие термины
3. Контроль и свобода пользователей
Пользователи часто допускают ошибки и им требуется четко обозначить "выход", чтобы они могли просто без необходимости заново проходить сложный путь
Пример: шаг назад при регистрации
4. Последовательность и единые стандарты
Одни и те же слова - одно и то же действие.
Разные шрифты в оформлении. Разные кнопки на одних действиях
5. Предотвращение ошибок
Устраните условия возникновения ошибок. Предоставьте пользователям вариант подтверждения
6. Распознавание, вместо необходимости вспоминать.
Создавайте такой функционал, который облегчает нагрузку на память пользователей. Пользователь не должен запоминать информацию из одной части диалога чтобы затем применить ее в другой. Инструкции и подсказки должны быть видимыми и легко извлекаемыми
7. Гибкость и эффективность использования
Делать удобство за счет шпаргалок, фильтров, тегов при усложнении сервиса
8. Эстетика и минималистичный дизайн
Нужно убрать ненужную и редко необходимую информацию
Пример: убрать большое количество полей при регистрации, иначе будут бросать
9. Помогать пользователям распознавать, диагностировать и устранять ошибки.
Сообщения об ошибках простые и предлагать решение
10. Справка и документация
Помощь при поиске информации. Поддержка
// Тестирование Usability я (около 35 минут для часового тестирования)
-Создать учетную запись
- Войти с помощью существующих имени пользователя и пароля
- Восстановить забытый пароль
- Найти психолога с помощью фильтров
Тест
- Приветствие. Рассказать как устроен тест
- Вопросы. Несколько вопросов, чтобы участник расслабился и успокоился
- Обзор главной страницы. Открыть и предложить рассказать о чем сайт
- Задания. Давать задания и просить выполняя вслух комментировать
- Завершение.
После теста.
- Составить список вопросов и проблем по важности
- Оценить по 10 шкале