UX или опыт взаимодействия: руководство для начинающих

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

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

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

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

Текст на сайте должен легко читаться — это закон. А как у вас? Воспользуйтесь специальной функцией редактора Wix и устройте «пользовательское тестирование» — покажите сайт друзьям и выслушайте, что они скажут. Взгляд со стороны бывает очень полезен, ведь когда долго над чем-то работаешь, глаз замыливается.

Несколько общих правил оформления текста:

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

Что считать важной информацией:

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

этого — выбрать «свои» цвета и работать с ними. Сайт, оформленный подобным образом, выглядит убедительно и производит хорошее впечатление на пользователей. Принципы стилевого единства распространяются на текст хедера, заголовки, кнопки и меню. Вообще, почаще спрашивайте себя: «Насколько это в духе моего бренда? Поймет ли пользователь, что ему делать»? Если ответ «да», значит, все правильно.

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

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

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

Ну как, готовы применить знания на деле? Зайдите в свой аккаунт и оптимизируйте опыт взаимодействия с посетителями. Если у вас еще нет своего сайта на Wix, никогда не поздно начать. Откройте один из наших бесплатных шаблонов в редакторе, и создайте свой неповторимый сайт.

#userexperience #UXдляновичков #опытвзаимодействия #счегоначать #удобствопользования #юзабилити