Найти в Дзене
Эмма & веб-дизайн

Пять уровней UX

Пять уровней UX - модель, которая позволяет разрабатывать простые и интуитивные интерфейсы, была придумана Джесси Гарреттом в 2000-х годах. Эта модель помогает понять, как устроен процесс проектирования пользовательского опыта и определиться с тем, что нужно юзерам. Модуль подразумевает 5 уровней: 1. Стратегия Является самым абстрактным уровнем. На данном уровне мы выясняем цели, которые преследует наш продукт. Порой даже заказчик может давать расплывчатые цели сайта, иногда даже скрывать их. Вместе с целями мы определяем целевую аудиторию, делаем предположения. В общем, делаем все, чтобы понять, насколько полезным будет сайт для пользователем. Для этого надо ответить на ряд вопросов: Уже на этом этапе мы можем провести некоторые исследования, чтобы понять, близок ли наш продукт пользователям. 2. Набор возможностей Здесь мы определяем функциональность сайта и тип контента, который необходим для достижения вышепоставленных целей. Снова отвечаем на вопросы: В итоге мы получаем полное оп

Пять уровней UX - модель, которая позволяет разрабатывать простые и интуитивные интерфейсы, была придумана Джесси Гарреттом в 2000-х годах. Эта модель помогает понять, как устроен процесс проектирования пользовательского опыта и определиться с тем, что нужно юзерам.

Модуль подразумевает 5 уровней:

  1. Стратегия
  2. Набор возможностей
  3. Структура
  4. Компоновка
  5. Поверхность

1. Стратегия

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

  • Для чего мы создаем сайт?
  • Какие цели преследуем?
  • Для кого мы делаем сайт?
  • Какие проблемы мы поможем решить пользователям?
  • Почему они будут пользоваться нашим продуктом?

Уже на этом этапе мы можем провести некоторые исследования, чтобы понять, близок ли наш продукт пользователям.

2. Набор возможностей

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

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

В итоге мы получаем полное описание функций сайта, учитывая потребности целевой аудитории.

3. Структура

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

  • Как помочь пользователю решить проблему за минимальное количество шагов?
  • Понятна ли информационная архитектура пользователю?
  • Соответствует ли дизайн целевой аудитории?
  • Можно ли менять архитектуру при необходимости?

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

Карта сайта
Карта сайта

4. Компоновка

На этом этапе мы наконец переходим от анализа к действиям. Создаем прототип сайта, исходя из той информации, что мы получили ранее. Отвечаем на вопросы:

  • Соответствует ли прототип требованиям структуры?
  • Удобно ли расположен контент?
  • Удобная ли система навигации?
  • Это оптимальное решение или его можно улучшить?

В итоге мы получаем прототип, который соответствует информационной архитектуре и требованиям целевой аудитории.

Пример прототипа
Пример прототипа

5. Поверхность

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

  • Насколько удобен интерфейс?
  • Решает ли он проблемы, поставленные на ранних этапах?
  • Все ли функции работают?
  • Помогает ли дизайн пользователю?

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

Пример дизайна сайта
Пример дизайна сайта