Спасибо. Ваша заявка принята.
28.09.2022 582

Внедряем UX-дизайн в работу над сайтом

Как сделать сайт не только красивым, но и функциональным
заказать проект

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

screen-mockups-ux-designer-work-big-pic
 
 

Понимание проблемы

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

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

 

Решение проблемы

Поворотным шагом в решении вопроса стало внедрение в работу над проектом этапа прототипирования, или, другим языком, применение принципов UX-дизайна. До этого мы делали прототипы, но они были скорее уже дизайном и места для вариантов и экспериментов не оставалось. Теперь специальный человек, а точнее UX-дизайнер, стал заниматься сбором и аналитикой данных, структурированием сайта и генерированием гипотез. Помимо этого, UX-дизайнера мы тесно связали с разработчиками и всей творческой группой проекта. Надо сказать, что мы еще научились создавать подробные и читабельные интеллект-карты, но это уже материал для другой статьи;)

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

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

 

Пять шагов к совершенствованию

А теперь перейду к самому интересному — что нужно делать, чтобы этого добиться:

1. Привлечь к работе специалиста, в идеале UX-дизайнера, который занимается только созданием прототипов сайтов и желательно пишет тексты для них.

2. Команде дизайнеров максимально прокачать навыки работы в профессиональных программах построения прототипов mockups и figma.

3. Теснее связать веб-дизайнеров с разработчиками. На этапе аналитики параллелить создание ТЗ и прототипа. UX-дизайнер, разрабатывая прототип, должен постоянно консультироваться с разработчиками и вообще со всеми участниками процесса.

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

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

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

⁃ процесс ведения проектов стал более управляемым

⁃ количество, качество идей и их удачных реализаций возросло в разы

⁃ научились вести крупные проекты и ничего не упускать

⁃ сдавать проекты стали быстрее.

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

 

Какие требования предъявлять к UX-дизайнеру

Человек должен быть максимально требовательным к себе и другим, уметь найти изящные решения в условиях нехватки данных, грамотно общаться и писать простые тезисные тексты, не бояться задавать вопросы, владеть программами типа figma. Талантливым дизайнером ему быть не обязательно, важнее иметь развитое логическое и пространственное мышление, обладать хотя бы начальными знаниями в маркетинге и pr, уметь генерировать много идей. Хорошо, если он будет: самоорганизованным, коммуникабельным, способным взять интервью и контролировать сроки.

 

Итог

Если бы кто-то раньше сказал мне, что внедрение данной методологии приведёт к таким позитивным результатам и показателям производительности, носил бы этого человека на руках. Но, с другой стороны, наверное, нужно было самому прийти к этому новшеству через разочарования и ошибки. Не повторяйте ошибок, учитесь на наших, внедряйте в свои проекты UX. Точно не пожалеете;)

screen-mockups-ux-designer-work

другие статьи

23.05.2023
Психология цвета

В статье кратко расскажем с чем, как правило, ассоциируются основные цвета

18.05.2023
Важные правила написания рекламных текстов

Собрали самые популярные правила написания рекламных текстов в одном месте

13.04.2023
Тренды в веб-дизайне в 2023 году

В этой статье мы хотим снова поговорить о трендах 2023 года, но теперь в веб-дизайне.

03.04.2023
Бархатная революция в рекламе

Вспомнили про давно изданную, но до сих пор актуальную книгу С.Зимена «Бархатная революция в рекламе»

10.03.2023
Статистика наших проектов

Посчитали какой тип проектов мы делаем в большем количестве, а какой в меньшем, и как менялось их соотношение в течение 3-х лет.

01.02.2023
Показатели успеха

Посчитали какой процент успешно завершенных проектов мы имеем.

27.01.2023
Тренды в дизайне в 2023 году

Мы вновь пишем статью про тренды в дизайне. И хотим выделить пять перспективных тренда.

30.06.2022
Веб-сайт: типы, назначение, преимущества

Сайт — это «лицо» компании в интернете. Для бизнеса он может стать дополнительным инструментом решения определённых задач.

17.05.2022
Про брендбук

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

12.04.2022
Брендинг для психиатрической больницы: как мы делали социальный проект

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

19.03.2022
ТОП-5 трендов в дизайне 2022

Тренды сменяют друг друга ежегодно. Одни несут с собой новейшие изменения, другие опираются на "хорошо забытое старое". В этой статье хотим поговорить о трендах 2022 года

10.03.2022
CULT.Partners — партнерская программа

Чтобы создавать лучшие digital-решения мы предоставляем сервис одного окна для наших клиентов. Поэтому мы постоянно в поиске хороших партнеров.

01.02.2022
Процент доверия

Мы посчитали какой процент клиентов обращается к нам повторно.

16.12.2021
Что первично — логотип или система стиля?

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

04.11.2021
Нюансы в проведении исследований, которые стоит учесть

Когда Стива Джобса спрашивали какие исследования были проведены перед запуском продукта Apple, он сказал: «Никакие. Потребитель не должен знать, чего он хочет»

12.08.2021
Гайдбук. О порядках, правилах и стандартах

Нам часто задают вопрос: «нужен ли компании гайдбук?». Модное слово или реально нужная вещь? Давайте разбираться.

заказать проект