Перейти к основному содержимому

UX/UI: краткий обзор

UX (User Experience — «пользовательский опыт») отвечает за то, как интерфейс работает.

UI (User Interface — «пользовательский интерфейс») отвечает за то, как интерфейс выглядит.

Цели UI/UX дизайна​

  • UX: обеспечить позитивный опыт пользователя при взаимодействии с продуктом с учетом его потребностей, ожиданий и контекста использования.
  • UI: сделать интерфейс интуитивно понятным и легким в использовании, а также привлекательным визуально.

UX​

Примеры UX-анализа​

  • Исследование пользовательского поведения: взаимодействие с веб-сайтом или приложением, анализ переходов между страницами, время пребывания на страницах, клики на элементы и т. д.
  • Тестирование пользовательского интерфейса: удобство использования, понятность и эффективность. Например, тесты сценариев использования или A/B-тестирования.
  • Сбор обратной связи от пользователей: анализ отзывов о продукте, определение их потребностей и предпочтений, выявление проблем, с которыми пользователи сталкиваются.

Основные принципы UX​

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

Usability ≠ UX​

Usability - лишь часть хорошего UX.

  • Usability: удобство и легкость взаимодействия пользователя с продуктом.
    • Цель: сделать задачу легко, интуитивно и быстро.
    • Вопрос: Достиг ли пользователь цели максимально удобным способом?
  • UX: опыт взаимодействия пользователя, восприятие и совокупность эмоций, возникающих в результате использования продукта.
    • Цель: сделать пользователя счастливым до, во время и после использования продукта.
    • Вопрос: Был ли опыт пользователя максимально положительным?

UI​

Примеры UI-анализа​

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

Основные принципы UI​

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

Адаптивная верстка​

Это подход к созданию веб-страниц, при котором страницы адаптируются к различным устройствам и разрешениям экрана.

Этапы разработки UX/UI​

  1. Исследование и анализ: исследование аудитории и их потребностей, изучение рынка и конкурентов.
  2. Проектирование: создается структура и навигация, выбирается цветовая гамма и шрифты.
  3. Прототипирование: создаются прототипы интерфейса для проверки удобства использования.
  4. Тестирование и итерации: прототипы тестируются среди пользователей.
  5. Разработка и реализация: на основе утвержденных прототипов.
  6. Мониторинг и оптимизация: после запуска продукта сбор аналитики для оптимизации интерфейса.

Подборка материалов по UX/UI​

  1. Принципы проектирования UX/UI в веб-разработке
  2. UX- и UI-дизайна: суть и принципы
  3. Принципы UX и UI дизайна: как сделать стильно и красиво
  4. Ресурсы для начинающих UX/UI дизайнеров
  5. Магия взаимодействия SA и UX-designer
  6. 20 методов UX-исследований от NNGroup
  7. 19 принципов построения интерфейсов
  8. Разбор UI/UX на примере прототипа в Figma
  9. Основные элементы интерфейса
  10. Методы UX-исследований
  11. Интеграция UX опросов в разработку
  12. UX/UI-аудит
  13. Как и зачем проводить UI/UX тестирование
  14. 9 методов UX-тестирования
  15. UX/UI-дизайн: как проектировать удобные интерфейсы
  16. Для чего UX/UI бизнес-аналитику?⁠⁠

Видео​

  1. Вебинар Fastuna "Тестирование интерфейсов (UX/UI)
  2. Веб аналитика и а/б тестирование
  3. Об А/B ТЕСТИРОВАНИЕ просто
  4. Цикл: Прикладная статистика | АБ-тесты
  5. Цикл: UX&Product Design
  6. UX и аналитика в веб-дизайне
  7. UX/UI Design: Аналитика для дизайнера
  8. UX / UI - Проектирование: учимся делать удобно

Конференции​

  1. UX, UI, Usability - как не запутаться в модных понятиях
  2. UX на примере кетчупа и топора
  3. Анализ требований с точки зрения UX
  4. Почему хорошее ТЗ еще не означает хороший UI?
  5. Анализ пользовательского опыта (UX) – успешный продукт из первых рук
  6. Зачем аналитику UX

Книги​