Дизайн сайтов

UX-аудит проводится в несколько этапов:

• Изучаем бриф заполненный клиентом, в котором отражена текущая ситуация и обозначены приоритетные цели
• Анализируем данные в системах веб-аналитики Яндекс Метрике и Google Analytics. Обращаем внимание на страницы входа/ выхода, исследуем сценарии взаимодействия
• Изучаем существующий брендбук компании
• Даем первичную оценку существующему интерфейсу

По итогу проведенного аудита будет готов отчет с гипотезами и рекомендациями. 

На текущем этапе, мы:

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

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

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

Тестирование проводится в несколько этапов:

• определение цели;
• создание плана тестирования;
• определение количества исследователей;
• получение пользовательского согласия;
• проведение наблюдения;
• анализ.

Данное тестирование можно проводить как при уже существующем продукте, так при создании и внедрении нового.

Этапы конкурентного анализа:

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

После анализа и составления портретов целевой аудитории, мы составляем UJM и User Flow.

User Journey Map - помогает зафиксировать пользовательский опыт во время взаимодействия с продуктом. Это некое визуализирование путешествия пользователя по продукту.

User Flow - подразумевает формирование пользовательских сценариев, которые иллюстрируют весь путь пользователя в продукте целиком. Это нечто похожее на прототип, только в виде блок-схем.

Wireframing – это каркас будущего прототипа. Он содержит:

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

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

Отрисовка дизайн-макетов:

• Дизайн-макеты выполняются в Figma или Sketch
• Отрисовка макетов делается по заранее утвержденным прототипам
• Первым выполняется дизайн главной страницы, который затем утверждается заказчиком, и только после этого, выполняется дизайн последующих страниц

В итоге, готовые дизайн-макеты передаются в разработку.