10 правил UX, по которым должен жить каждый веб-дизайнер
Вы можете создать самый потрясающий дизайн в мире, и он не будет успешным, если он не будет удовлетворять удобству использования.
Все, от зубочистки до коммерческого авиалайнера, требует удобства использования, чтобы функционировать и продаваться, иначе его дизайн обречен. Точно так же в веб-мире термин UX используется, когда веб-сайт используется и оценивается.
UX — это сокращение от пользовательского опыта, который веб-пользователь приобретает при просмотре веб-сайта и взаимодействии с его элементами и функциями. Если опыт изменчив и плохо искал, то веб-сайт — это ничто, плавающий мусор в Интернете, никому не будет дела. UX может единолично решить, можно ли использовать веб-сайт или продавать его, поэтому для дизайнера крайне важно учитывать его. В этой статье мы поделимся 10 основными правилами, касающимися юзабилити, которые должен знать каждый веб-дизайнер, прежде чем довести веб-сайт до финальной стадии завершения.
1 Никогда не путайте UX с пользовательским интерфейсом
Между UX и UI проходит тонкая грань. Даже если вы осознаете разницу, вы можете услышать ее от клиента по тому или иному вопросу, но когда придет время, вы должны быть в состоянии объяснить разницу наилучшим образом. Пользовательский интерфейс определяется как реальная система, а пользовательский опыт определяется как эмоциональный результат после взаимодействия с системой.
Microsoft Windows — это пользовательский интерфейс, а эмоциональное удовлетворение после его использования — это UX. Смешение этих двух терминов может не только навредить вашей собственной работе, но и перегрузить вас чем-то, что совершенно не является вашей работой.
Хороший дизайнер не только будет знать разницу, но и сможет объяснить ее клиенту, предлагая презентацию своей работы.
2 UX — это больше, чем просто веб-сайт
Веб-дизайн — это больше, чем кажется на первый взгляд. Все, начиная с визуальных деталей, продукта, который вы используете, и мест, которые вы посещаете, написано UX повсюду. Вождение грязной машины — плохой опыт, а легкое открытие упакованной коробки — хороший опыт. Офлайн-маркетинг UX может показаться другим платьем, но изначально он скроен из той же ткани. Хотя это не совсем одно и то же и не может быть подтверждено несколькими примерами, опыт UX на материальных и нематериальных платформах вырабатывает одни и те же гормоны в вашем мозгу. Например, кто-то обнаружил, что люди расставляют приоритеты в информации слева направо, а элементы слева занимают меньше места по вертикали и имеют одинаковый визуальный вес.
В течение 2000 года тенденция начала меняться, и веб-дизайнеры начали размещать панели навигации на левой панели веб-страницы. Это позволило пользователям сканировать контент быстрее и лучше, а также предоставило больший доступ к содержимому веб-сайта. Как веб-дизайнер, работая в обеих средах, вы сможете тренировать свой ум и расширять свои знания, чтобы оценивать и создавать проекты с более живой точки зрения.
3 Искусство и наука возвращаются назад
Когда дело доходит до UX, искусство и наука идут рука об руку. Иметь четкое представление об их связи необходимо, особенно в процессе проектирования. С научной точки зрения существует сценарий решения проблемы, когда дизайнер должен составить дорожную карту и решить проблемы с помощью теоретического решения. Например, на веб-сайте резко упали продажи. Дизайнер предложит обновить веб-сайт, протестировать и устранить неполадки, которые превратятся в решение. Здесь в дело вступает искусство.
В решении будут предложены все аспекты и элементы, такие как цвета, шрифты, макет, текст и визуальный контент, чтобы сделать этот веб-сайт привлекательным как с эстетической, так и с функциональной точки зрения. Он будет подвергаться дальнейшему тестированию, пока ему не удастся вызвать желаемый эмоциональный отклик у пользователя. Это направление внешнего поведения через научную реализацию — вот что делает Искусство и Науку странной, но мощной парой.
4 Используйте целеустремленный подход к решению проблем
Не секрет, что дизайнеры имеют дело с клиентами, которые хотят, чтобы все шло по их правилам. Это создает лабиринт, который ведет в никуда, поскольку клиент не знает многих вещей, о которых знает только дизайнер. Точно так же дизайнеры иногда склонны делать вещи по-своему, в то время как другие методы также находятся на столе и могут работать лучше.
Сохранение целеустремленного подхода как такового никогда не бывает здоровым при разработке веб-дизайна с богатым UX. Хороший UX достижим только при целенаправленном подходе, который фокусируется на наилучшем доступном решении. Например, клиент хочет переместить ссылку с отзывами клиентов в верхнюю часть страницы, чтобы получить больше информации и привлечь больше трафика. Однако проблема заключается не в размещении ссылки, а в расположении самой ссылки, поскольку она не привлекает трафик. Следовательно, вы также можете исправить ссылку, сделав ее более заметной прямо там, где она есть, вместо того, чтобы перемещать ее в новое место. Оба решения могут быть использованы для решения проблемы, и вы должны оставить этот параметр открытым. Это называется целенаправленным дизайном.
5 Раскройте индивидуальность бренда через UX
Идентичность бренда является одной из основных целей создания отличного UX. Если UX оставит свой след в удовлетворении пользователей, то это во многом отразится на бренде, который сделал этот опыт возможным. Важно, чтобы вы не отвлекались на создание образа, соответствующего предпочтениям клиента. Хороший дизайн, который должен демонстрировать правильное сочетание функциональности и возможностей, которые не только доставляют удовольствие пользователю, но и детализируют инвестиции, сделанные брендом, чтобы сделать его успешным. Это решит, будет ли пользователь посещать веб-сайт снова.
Чтобы убедиться, что точка зрения клиента укоренилась в дизайне, информируйте его о каждом шаге и вносите любые необходимые изменения, которые могут быть учтены в дизайне. Также важно, чтобы вы рассматривали общую картину при добавлении клиентских настроек, чтобы процесс не повлиял на взаимодействие с пользователем.
6 Создайте свой UX вокруг точки зрения пользователя
Никогда не становитесь жертвой собственного воображения. Поскольку у вас есть некоторая творческая свобода при разработке веб-сайта, крайне важно, чтобы вы не злоупотребляли ею. В этом конкретном случае у вас глубоко укоренились рекомендации клиента и ваши предпочтения, но вы совершенно забыли о точке зрения пользователя. Для дизайнера важно, чтобы вы никогда не позволяли своему воображению отвлекать вас от достижения того, чего хочет клиент и пользователь. У пользовательского дизайна больше шансов создать выигрышный UX, чем у любых других подходов.
Чтобы убедиться, что вы на правильном пути, изучите пользователей вашей ниши дизайна и узнайте об их потребностях и желаниях в вашем конкретном дизайне. Прежде чем вы будете готовы запустить его, используйте A/B-тестирование, чтобы убедиться, что ваш дизайн соответствует требованиям. Помните, что потребности пользователей важнее, чем ваш личный вклад, потому что, в конце концов, они им воспользуются.
7 UX — это все о психологии
Поведенческие триггеры основаны на человеческой психологии, которая стимулирует эмоциональную реакцию пользователя. Хорошие дизайнеры способны качественно оценить мышление пользователя и установить эмоциональную связь с контентом. Эти эмоциональные связи необходимы для создания живого UX в веб-дизайне. Возьмем, к примеру, уведомления. Возможно, вы сталкивались с раздражающей функцией всплывающих уведомлений, которая отправляет вас с веб-сайта, хлопая дверью на выходе. Несмотря на то, что это отчасти выгодно покупателю и в то же время обеспечивает конверсию для розничного продавца, показывать его сразу после того, как покупатель переходит на веб-сайт, — ужасная идея.
Представьте, что вы прибыли в свой офис и вам приказали заняться своими делами, не переводя дух и не наслаждаясь чашкой теплого кофе. Здесь решающим фактором является время. Если вы знаете человеческую психику, вы никогда не начнете с всплывающего окна, которое занимает более половины экрана. Вместо этого вы можете подождать, пока посетитель просмотрит контент, а затем начать свою презентацию. Таким образом, то же самое уведомление будет получено с распростертыми объятиями, потому что теперь пользователь действительно может сэкономить время на взаимодействие. UX в значительной степени зависит от психики потребителя, и именно поэтому вы должны интегрировать здоровую дозу поведенческих триггеров, в то же время проявляя осторожность там, где это необходимо.
8 Проведите своих клиентов через прокрутку
Прокрутка работает как по волшебству, если вы спросите меня. Он отправляет пользователя в поисках информации глубже на сайт, увеличивая его шансы на конверсию. Вероятно, поэтому большинство дизайнеров размещают свои призывы к действию внизу страницы, где заканчивается прокрутка.
Даже подход «любовь с первого взгляда» может способствовать прокрутке, когда дизайн показывает CTA в верхней части страницы. Вы можете оптимизировать такие страницы, добавляя подсказки прокрутки. Подсказки прокрутки могут варьироваться от вздохов стрелок до увлекательных графических элементов. Например, Стрелки можно использовать для указания направлений для следующего фрагмента контента, в то время как графические элементы могут направлять пользователя прямо к следующему слайду после взаимодействия с ним.
9 Сделайте использование удобным
Когда вы размещаете свой контент в Интернете, вы должны ожидать, что его встретят люди из самых разных слоев общества. Все не разделяют ваши взгляды в том виде, в каком вы их предлагаете. Вот почему ваш контент должен быть усваиваемым, чтобы пользователю не требовалось дополнительных усилий, чтобы понять, что вы ему предлагаете. Если контент легко усваивается, пользователь конвертируется быстрее.
Дайте им по одному кусочку за раз. Показ всего, что вы можете предложить за один присест, не только дезориентирует пользователя, но и отражает отчаяние вашей половинки. Чтобы ваш дизайн был «дышащим» и легко усваивался, используйте большое количество белого пространства вокруг элементов, чтобы их было легко различить. Также создавайте контент, понятный для любой аудитории, с примерами и собственными рассказами. Покажите себя им как друга, а не как бизнесмена.
10 Адекватно оптимизируйте элементы страницы
Элементы страницы являются неотъемлемой частью веб-дизайна. Они выполняют важные функции для пользователей и поддерживают эмоциональную гармонию в UX. Однако добавление ненужных элементов страницы может быть опасным как для вашего сайта, так и для пользователя.
Элементы страницы, такие как призыв к действию с несколькими командами вместо одной, изображение, достаточно отвлекающее, чтобы отвлечь внимание от темы, или фрагмент текста в середине страницы, который вводит покупателя в заблуждение. Добавление этих элементов бессмысленно влияет на доверие к вашему веб-дизайну, замедляя скорость его загрузки. HD-изображения, например, могут отставать от ваших веб-страниц. Они требуют большой пропускной способности и сокращают идеальное время загрузки для удобного для конверсии веб-сайта. Медленная загрузка веб-сайта — это последнее, что вам нужно в UX вашего веб-сайта.
Последние мысли
Как веб-дизайнер, вы должны учитывать каждый элемент, аспект и подход. Ваша цель — создать дизайн, который не только завоюет клиентов, но и обеспечит полноценный UX. С помощью этих 10 основных правил вы создадите идеальный веб-дизайн, обеспечивающий удобство использования со всех возможных сторон.