• 0k
  • 0
Веб-дизайн \ 22 Июнь 2015

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

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

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

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

Продумайте алгоритм работы сайта

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

Проверьте, хорошо ли читается текст

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

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

  • Используйте шрифт 12-14 размера и не делайте слишком длинные строки. 13 слов — это максимум.
  • Все шрифты должны сочетаться друг с другом, и их не должно быть много.
  • Если вы выбрали светлый фон, то шрифт должен быть темным, и наоборот.
  • Все, что задумано кликабельным, должно выглядеть кликабельным (например, используйте подчеркивание).

Главное должно быть видно сразу

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

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

  • Контакты
  • Кнопки соцсетей
  • Логотип
  • Поисковую панель
  • Заглавное изображение

Выдерживайте стиль

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

Не морочьте людям голову

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

  • Внимательно проверьте все ссылки перед публикацией (и после).
  • Делайте так, чтобы при клике страница открывалась в новой вкладке.
  • Если у вас есть страница регистрации или всплывающие окна, добавьте на них кнопки «Вернуться на главную» или «Зарегистрироваться попозже».

Не заводите ваших пользователей в тупик.

Сделайте мобильную версию

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

Мобильная версия: что нравится Google?то понравится и вашим пользователям.

Подумайте о дополнительной пользе

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

 

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


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

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

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес