Полезное

12 UX-правил, которые должен знать каждый дизайнер

Автор: Диана Сиддикви Рейтинг топика: +7
IT-копирайтер, переводчик, контент-менеджер.

Правила UX-дизайна

Опыт пользователя или User Experience это один из самых горячих трендов не только в веб-дизайне, но и во всем дизайне в целом. В последнее время тема UX стала очень популярной, однако при этом очень заметно, что многие путают пользовательский опыт (UX) и дизайн интерфейса (UI). Эта путаница привела к тому, что сами дизайнеры, а также их клиенты, плохо представляют, в чем именно заключается работа UX-дизайнера.

 

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

 
UX это не UI


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

 

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

 

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

 
UX это не только веб-термин


Опыт пользователя как явление гораздо шире, чем веб-дизайн. Любая вещь или продукт, которыми мы пользуемся и даже место, куда мы направляемся, вызывают у нас разные чувства, и все это входит в User Experience. Невкусные блюда в дешевом ресторане – это плохой опыт, а легко открывающаяся упаковка – хороший. И так буквально во всем, чем бы мы ни занимались.

 

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

 

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

 

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

 
UX это наука и искусство


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

 

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

 

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

 
UX создает целеустремленный дизайн


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

 

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

 

Допустим, клиент хочет разместить отзывы пользователей в верхней части страницы, так как в этом случае повышается трафик. Но проблема не обязательно заключается в расположении элемента, это просто свидетельствует о том, что ссылка на отзывы получает много трафика и этот показатель можно улучшить. Как решается эта проблема в целеустремленном дизайне? Например, можно разместить отзывы не сверху, а слева, но сделать ссылку на этот раздел более заметной. Или придумать какой-либо другой способ – поиски в UX-дизайне не останавливаются, пока не будет найдено оптимальной решение. Самое лучшее решение, а не то, на чем настаивает клиент или дизайнер.

 
Опыт пользователя ассоциируется с брендом


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

 

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

 

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

 
UX-дизайн – дизайн для пользователя


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

 

Проектирование для пользователя требует от дизайнера совершить моральное усилие и отказаться от мысли, что его идеи всегда самые лучшие. Нужно смотреть не на саму идею, а как она работает в конкретной ситуации. Дизайнеру не помешает изучить поведение различных типов пользователей для того, чтобы понять, как пользователи взаимодействуют с сайтом. Перед тем, как запустить сайт, обязательно нужно провести A/B тестирование, чтобы убедиться, что было найдено идеальное решение с точки зрения опыта пользователя.

 
Поведенческие триггеры


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

 

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

 

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

 
Скроллинг как инструмент UX


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

 

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

 
Что делают пользователи?


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

 
Контент определяет характер взаимодействия


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

 
Несогласованность недопустима


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

 

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

 
Ликвидация бессмысленных элементов


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

 

Какие элементы дизайна являются бессмысленными и почему их стоит устранить? Тут вопрос очень тонкий, но ответ все равно однозначный – бессмысленный элемент это элемент, который не работает. Например, непонятный призыв к действию, который может трактоваться двояко или яркая картинка, которая оттягивает внимание на себя, снижая эффективность основного контента.

 

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

 
Вывод


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

 

Источник

  • 11670