UX-дизайн: 5 основных советов дизайнеру
В этом руководстве рассматриваются основы правильного процесса проектирования UX на концептуальном уровне. Мы уверены, что это поможет вам понять, как стать лучше в UX-дизайне.
UX-дизайн (пользовательский опыт) является основой дизайна продукта, будь то веб-сайт, мобильное приложение или что-то еще. Хотя очевидно, что UX — неотъемлемая часть проектируемого дизайна, некоторые UX-дизайнеры до сих пор имеют о нем неверное представление.
Однако факт остается фактом: если ваш UX-дизайн понравится целевой аудитории, проект будет процветать и расти. В противном случае — удачи в следующий раз. Чтобы этого избежать, мы собрали несколько рекомендаций по UX-дизайну, которые помогут в создании продуктов с интуитивно понятным и эффективным интерфейсом.
UX-дизайн: 5 советов для эффективной работы
1. Не изобретайте колесо
UX-дизайн — это про вовлеченность. Она — один из самых важных элементов в разработке. Но UX-дизайнеры часто попадают в ловушку, пытаясь изобрести что-то новое там, где это попросту не нужно.
Большинство веб-сайтов и мобильных приложений устроены так, как устроены, — и это работает. Почему? Ответ: потому что пользователи к этому привыкли. Здесь в игру вступает психология привычки, людям не всегда нравятся перемены. Они привыкли к определенным схемам взаимодействия и не особенно стремятся адаптироваться к чему-то новому.
Обычно это стремление изобрести велосипед проявляется в нестандартных макетах, странных сочетаниях цвета, нелепых шрифтах в неподходящих местах и запутанных схемах навигации. Цель таких изменений — выделить продукт на фоне остальных. Однако такой подход вредит вовлеченности и, наоборот, отпугивает тех, чье внимание вы хотели привлечь.
Поэтому лучше использовать проверенные временем макеты, подстраивая их под свои цели (например, размещая призывы к действию или блоки «вам также может понравиться»). Подобным образом вы делаете платформу знакомой пользователю, что позволяет комфортно ее использовать, не раздражаясь на непривычный интерфейс.
Например, нет смысла перемещать навигационную панель из верхней части страницы в нижнюю или менять порядок действий пользователей в мобильном приложении. Придерживаясь проверенных шаблонов, вы сэкономите силы для тех случаев, когда инновации в дизайне действительно важны, например, для посадочных страниц.
2. Поймите потребности и запросы вашей целевой аудитории
Понимание потребностей и запросов целевой аудитории может показаться очевидным советом по UX-дизайну. Однако, UX-дизайнеры не способны разработать правильную схему UX без понимания нужд и потребностей ЦА, под которую этот продукт создается.
Проблема заключается в ложном предположении, что если вы работаете в сегменте рынка, то понимаете, чего хочет и в чем нуждается аудитория, по факту не изучив ее. Хотя некоторые из ваших интуитивных догадок могут попасть в точку, большая их часть не будет соответствовать действительности.
Чтобы собрать столь важную информацию прямо в процессе проектирования, придерживайтесь следующих пунктов:
- Собирайте отзывы пользователей с помощью опросов.
- Наблюдайте за тем, как пользуются вашим или аналогичным продуктом — либо лично, либо удаленно.
Эти данные могут дать ответ на такие вопросы как:
- Кто ваши пользователи с демографической точки зрения? (мужчины, женщины, люди, разбирающиеся в технологиях, новички, молодежь, взрослые и т.д.).
- Каковы потребности ваших пользователей? Какое решение для их проблем вы можете предложить?
- Как проявляется взаимосвязь между их потребностями и вашим UX-дизайном?
Ответы на эти вопросы формируют основу для создания правильной концепции макета.
3. Сохраняйте простоту и практикуйте отзывчивый UX-дизайн
Другая серьезная проблема, которая часто возникает в процессе UX-дизайна, — это когда все слишком усложняется для собственного блага. Знакомые паттерны есть (в отличие от тех случаев, когда дизайнеры пытаются изобрести колесо заново), но этих паттернов слишком много, и из-за этого дизайн не работает.
«Слишком много» — это мгновенный отказ от использования. Когда пользователь попадает на страницу, буквально напичканную элементами и отвлекающей типографикой, в итоге он уходит в другое место, а это совсем не то, что вы хотели.
Поэтому лучше, чтобы сайт был удобен для пользователя. Ваша цель — сконцентрировать внимание на том, чтобы посетитель получил желаемое на вашем сайте. Не отвлекайте его от цели и тогда вы добьетесь своего.
Вот как это выглядит, когда UX-дизайнер упрощает дизайн с практической точки зрения:
- Каждая страница имеет единственное и конкретное назначение. Например, страница оформления заказа содержит только то, что для этого необходимо. А страница с контактами — контактную информацию и/или форму для обратной связи, а не советы по ремонту ванной комнаты.
- Назначение каждой страницы и компонентов на ней мгновенно понятно пользователю без объяснений. Например, навигационные элементы на странице визуально различимы.
- Любая дополнительная, но несущественная информация отправляется в нижнюю часть страницы. Это может быть список похожих статей в нижней части поста, содержащий в себе «вам также может понравиться».
4. Сделайте элементы визуально различимыми
Визуально четкий макет страницы — одна из самых важных задач для UX-дизайнеров. Это способ поддержания плавного движения юзера, обеспечивающий его увлекательный пользовательский опыт.
Если коротко: всегда хорошо, когда пользователю не нужно задумываться о том, как найти или сделать что-то, а он может просто… сделать это.
Вот несколько советов, которые помогут в процессе проектирования:
- Ценнейшая информация на странице должна быть самой заметной. Если это статья в блоге, то вам нужен четкий заголовок, например «Как передать сайт клиенту», за которым следуют подзаголовки и субзаголовки, углубляющиеся в тему.
- Пользователи должны понимать, на какой странице они находятся, будь то сайт или мобильное приложение. Панель меню должна быть под рукой. Например, у вас есть навигация по сайту в верхней части страницы, что обеспечивает легкий доступ ко всем значимым разделам.
- Кнопки действий должны выделяться и содержать четкое описание своего предназначения. Важнейшими характеристиками являются заметность, универсальность, читабельность и функциональность. Например, кнопка подписки с полем для ввода электронной почты.
- Поле поиска должно быть визуально выделено, в идеале в нем так и будет написано «поиск» + иконка с лупой. Традиционно поиск находится в правом верхнем углу страницы.
Что касается цветов, важно помнить:
- Фоновые цвета обычно нейтральные.
- Синие цвета используются для ссылок.
- Красный цвет указывает на что-то важное — обычно это оповещения или ошибки.
- Призыв к действию требует контрастного, выделяющегося цвета, чтобы отличаться от остального контента.
5. Поддерживайте непрерывность пользовательского потока на всем пути
Один из самых важных аспектов UX-дизайна — это «поток», то есть поддержание последовательного и непрерывного движения пользователя по сайту или в приложении. С точки зрения дизайна поток означает, что путешествие пользователя из одной части сайта или приложения в другую, должно быть плавным и служить своей конечной цели — донести до юзера ценность.
Вот почему это важно: последовательная схема дизайна помогает пользователям получать желаемое плавно, как будто это естественный порядок вещей. Это работает на вашу пользу, поскольку последовательность закрепляет использование. Чтобы сохранить последовательность действий, необходимо продумать, что именно будет делать пользователь, шаг за шагом.
Еще один момент, который следует учитывать, — это тупиковые страницы, которые больше никуда не ведут. По возможности нужно избегать таких страниц на протяжении всего пути пользователя. Все должно к чему-то вести.
Наконец, у каждого потока на сайте есть конечная цель — место, где пересекаются потребности пользователей и цели вашего сайта. Например, если пользователи ищут ценный контент, а вы как раз им располагаете, то конечной целью, скорее всего, будет кнопка подписки или ссылка на Бусти.
Выводы
Секрет хорошего UX-дизайна заключается в эффективности его работы как для посетителей, так и для самой платформы.
По сути, хорошо продуманный пользовательский опыт сводится к тому, чтобы привести пользователя к нужной ему информации или инструментам, но при этом отсечь все, что может помешать.
Хотя эта цель кажется очевидной, ее достижение может быть не таким уж и простым.
