Услуги UI/UX-дизайна

Что входит в услугу UI/UX-дизайна?

Услуга UI/UX-дизайна — это весь комплекс работ, который определяет, как будут пользоваться цифровым продуктом: от исследования пользователей и информационной архитектуры до прототипирования, дизайна интерфейсов и юзабилити-тестирования. Цель — упростить путь пользователя, прежде чем делать экраны красивыми.

В зависимости от проекта в объём работ могут входить следующие результаты:

• 01

  Результаты исследования

  Сводка потребностей, ожиданий и проблемных мест пользователей.

• 02

  Информационная архитектура

  Организация контента и функций в структуру меню, страниц и категорий.

• 03

  Пользовательские сценарии

  Пошаговая карта ключевых действий: регистрации, подачи заявки или покупки.

• 04

  Вайрфреймы

  Схематичные эскизы расположения элементов на экранах, без цвета и изображений.

• 05

  Интерактивный прототип

  Рабочая модель, в которой можно прокликать переходы между экранами.

• 06

  Дизайн интерфейсов

  Экраны для разных устройств в соответствии с визуальным стилем вашего бренда.

• 07

  Описание компонентов и правил использования

  Правила и заметки для разработчиков по переиспользуемым элементам — от кнопок до форм.

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

Почему исследование пользовательского опыта идёт перед дизайном?

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

На этапе исследования мы прежде всего ищем ответы на такие вопросы:

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

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

Что вайрфреймы и прототипы проясняют до начала разработки?

Вайрфрейм показывает каркас экрана, а прототип — взаимодействие между экранами; вместе они позволяют увидеть и опробовать сценарии ещё до разработки ПО. Так решения обсуждаются до написания кода — на этапе, когда вносить изменения проще.

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

Сценарии, отработанные на прототипе, затем переходят в разработку индивидуального веб-ПО или мобильного приложения с меньшей неопределённостью.

Как проводится юзабилити-тестирование?

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

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

Тестирование можно проводить как на этапе прототипа, так и на работающем продукте. Раннее тестирование позволяет выявить проблемы, пока их ещё проще исправить.

Как развивается UI/UX-проект?

UI/UX-проект состоит из этапов: изучение текущего состояния, построение сценариев, проверка дизайна и передача команде разработки.

1. 01

   Изучаем текущее состояние и цели

   Оцениваем ваш продукт, пользователей и бизнес-цели. Если есть текущие экраны, данные об использовании и отзывы пользователей, разбираем их вместе.

2. 02

   Выстраиваем сценарии и информационную архитектуру

   Определяем основные пути пользователя и структуру экранов и делаем их наглядными с помощью вайрфреймов и прототипов.

3. 03

   Тестируем и проектируем интерфейс

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

4. 04

   Передаём команде разработки

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

На что обратить внимание при выборе UI/UX-агентства?

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

На встречах рекомендуем задать такие вопросы:

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

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