Разработка дизайна сайта - многогранный процесс. Для более глубокого его понимания, мы разбили его на 10 этапов, из которых обязательно состоит работа над каждым проектом.

Исследование

Для создания правильного продукта, дизайнер должен четко представлять, что для кого и каким-образом будет предлагаться на данном ресурсе. Задача - стать на место потенциального пользователя, понять, чем он руководствуется, посещая плозадку, и какие потребности может удовлетворить. Информацию дизайнер собирает у заказчика, потребителя и куратора проекта.

Результат - в полном обхеме собранные данные, направляющая дальнейшие действия в правильное русло.

Характеристика целевой аудитории

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

Результат - подробно описанный образ типового представителя ЦА, помогающий прогнозировать те или иные его действия.

Анализ данных

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

Результат - выжимка информации по предыдущим этапам для построения прототипов и сценариев.

Карта путешествия пользователя

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

Результат - грамотно разработанная CJM- карта.

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

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

Результат - созданная схематичная навигация в виде User flows.

Техническое задание

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

Результат - полноценное техзадание.

Прототипирование

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

Результат работы - поэлементно разработанная основа сайта, позволяющая полноценно эффективно использовать весь его функционал.

Тестирование

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

Результат - выявленные проблемные места и разработанный план по их устранению.

Дизайн и макеты

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

Результат - готовые цветовые макеты экранов с подробной детализацией всех элементов проекта.

Спецификации

Созданные макеты передаются разработчикам. Здесь создаются дизайн-системы, UI-киты, адаптивы экранов для отображения на разных устройствах. Макеты экспортируются посредством выбранной заказчиком площадки разработчикам.

Результат - готовый дизайн-проект с адаптивами экранов.

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