6 этапов процесса проектирования UX/UI

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

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

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

Шаг 1: Понять своих клиентов и их ценности

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

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

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

Совет: Не забывайте документировать каждый этап процесса - это послужит резервной копией, если в какой-то момент возникнет путаница, а также весомым доказательством вашей работы.

Здесь также следует учесть следующие моменты: рассылка вопросов о продукте, на которые клиент должен ответить, выбор контактного лица (людей, ответственных за проект со стороны клиента), составление списка конкурирующих продуктов.

Шаг 2: Изучение конкурентов

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

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

Исследование должно помочь определиться с общим стилем продукта (следовать повторяющимся темам или разветвляться), не вдаваясь в подробности, какие шрифты, графику или цвета использовать. На этом этапе можно также продумать возможный макет сайта. Создание доски настроений, на которой собраны все идеи, и демонстрация ее клиенту - отличный способ, опять же, получить обратную связь, прежде чем приступать к самому процессу проектирования. Постоянное общение с клиентом помогает нам избежать ошибок и недоразумений.

Шаг 3: Эскиз вашего продукта

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

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

Не забудьте задокументировать ход работы и прогресс в виде презентации.

Шаг 4: Разработка продукта

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

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

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

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

Шаг 5: Реализация решения на веб-странице

Когда клиент принимает ваш дизайн, его можно реализовать на веб-странице. Если вы не занимаетесь реализацией дизайна, важно как можно раньше начать сотрудничество с командой front-end. Здесь пригодятся такие инструменты передачи дизайна, как Zeplin.

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

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

Шаг 6: Оценить работу и улучшить ее

Последним этапом пути UX является оценка работы. Хотя процесс учитывает сотрудничество на каждом этапе разработки, необходимо провести окончательную проверку качества. Фактически, проверка качества дизайна должна быть неотъемлемым этапом процесса. Проведение тестов на удобство использования и создание отчетов. После запуска продукта в эксплуатацию необходимо использовать такие инструменты, как HotJar и Google Analytics, для отслеживания пути пользователей, чтобы выяснить, как именно они используют ваш продукт.

После некоторого времени работы продукта стоит вернуться к нему, чтобы еще раз проверить, все ли работает должным образом, и, возможно, выявить области, требующие доработки.