Колонки

Дизайн — это новое поле конкуренции: пять принципов разработки, которые помогут привлекать клиентов

Колонки
Илья Горбаров
Илья Горбаров

Директор digital-агентства «Атвинта»

Алина Алещенко

Илья Горбаров, руководитель digital-агентства «Атвинта», рассказал о том, какой подход к разработке UI/UX-дизайна поможет сделать его инструментом для бизнеса.

Дизайн — это новое поле конкуренции: пять принципов разработки, которые помогут привлекать клиентов

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

При этом принципы конкуренции в онлайне все те же: нужно быть заметными среди аналогов и удовлетворять потребности клиентов на уровне их ожиданий или лучше. И сделать это можно за счет продуманного UI/UX-дизайна на сайте или в IT-продукте.

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

 

Что важно сделать, чтобы дизайн работал на бизнес-цели

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

Краудсорсим Open Source стратегию России в реальном времени — предложи свою идею на ROS Summit 1 октября

Ниже рассказываем, через какие этапы нужно пройти при разработке дизайна сайта или нового ИТ-продукта.

1. Исследовать рынок и опросить целевую аудиторию 

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

  • Провести кабинетное исследование компании и рынка в целом

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

  • Провести глубинные интервью или опросы пользователей 

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

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

Интервью помогает выявить, какие UX-решения и функции принципиально нужны клиентам, а какие — нет, хоть и круто выглядят. 

2. Продумать путь клиента и пользовательские сценарии

Улучшить веб-сайт или приложение с точки зрения UX, — это упростить структуру, уменьшить количество ответвлений на пути клиента и улучшить навигацию. 

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

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


Читайте также:
Графический дизайнер: кто это и чем занимается?
«Я оказался на полшага впереди тех, кто сейчас пытается запрыгнуть в этот 3D-дизайн-поезд». Дизайнеры — о своей первой работе
Перед тобой ставят один стул на другой и говорят: «Сделай из них шрифт». О том, как я стала графическим дизайнером

3. Спроектировать дизайн и протестировать UX-гипотезы на прототипах

На основании аналитического отчета дизайнеры продумывают:

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

Гипотезы о разных UX-решениях, компоновке элементов, взаимодействиях тестируем на прототипах. Ведь внести изменения на этом этапе намного проще, чем в готовый продукт, а значит — дешевле.

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

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

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

Так, например, разрабатываем сайты с 3D и анимациями, где принципиально добиться баланса между моушн-эффектами и скоростью загрузки.

4. Заранее продумать контент

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

Сравните два варианта страницы «О компании» на сайте Группы «Кронштадт», разработчиков беспилотные авиационных систем.



 

На примере слева — раздел «О компании», который сделали для быстрого запуска сайта. Дизайн разработан до того, как появился текстовый контент. Получилось, что текст смотрится сплошным полотном, пользователю не ясно, на что обратить внимание, нет ссылок на другие разделы.

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

5. Грамотно реализовать техническую функциональность 

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

Например, вот выдержка из руководства Google для разработчиков о том, что система относит к UX-показателям: 

  • Интерактивность: насколько быстро сайт реагирует на взаимодействия пользователя.
  • Визуальная стабильность: текст или изображения не должны смещаться на странице в процессе загрузки.
  • Удобство для мобильных устройств: сайтом должно быть удобно пользоваться с любого устройства. 
  • Безопасность: страница должна работать на протоколе HTTPS.
  • Безопасность при просмотре: проверка, есть или нет вредоносные программы, вводящие в заблуждение страницы, вредоносные файлы и необычные загрузки. 
  • Отсутствие навязчивых межстраничных объявлений: вроде поп-апов, всплывающих окон, рекламных баннеров, которые перекрывают контент и мешают пользователю. 

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

 

Итого: какие задачи бизнеса помогает решить продуманный дизайн

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

Однако дело не в рентабельности инвестиций, а в стратегической ценности: 

  • Устранить препятствия на пути клиентов и повысить конверсию;
  • Повысить эффективность рекламы и SEO за счет соответствия требованиям поисковиков к удобству сайта;
  • Создать добавочную ценность в восприятии клиентов;
  • Увеличить лояльность к компании, возвращаемость клиентов и вероятность рекомендации;
  • И в результате — увеличить продажи и прибыль.

Фото на обложке: pixabay.com

Нашли опечатку? Выделите текст и нажмите Ctrl + Enter

Материалы по теме

  1. 1 Как UX-тексты помогают создавать хороший дизайн
  2. 2 Творчество и технологии: кто такой промышленный дизайнер
  3. 3 Девять главных тенденций UI-дизайна в 2021
AgroCode Hub
Последние новости, актуальные события и нетворкинг в AgroTech-комьюнити — AgroCode Hub
Присоединяйся!