Наверх

Новости

Законы UX: как провести пользователя по сайту, чтобы он сделал покупку?

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

Что ожидает найти на сайте посетитель

Как только посетитель заходит на сайт, он начинает искать ответы на три ключевых вопроса:

  • Что происходит?
  • Какую пользу это мне даст?
  • Почему я должен это покупать?

И у вас есть всего несколько секунд, чтобы показать ответы на все эти вопросы. Хорошая визуальная организация пространства решает сразу несколько концептуальных задач:

  • информирование – посетитель направляется от одного действия к другому;
  • эмоциональное воздействие – если условия равны, выбор будет сделан в пользу более приятной картинки;
  • указание на взаимосвязь – правильная группировка элементов и категорий позволит пользователю проще ориентироваться.

Как посетитель просматривает контент

  • Диаграмма Гутенберга;

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

  • Паттерны на десктопах;

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

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

  • Паттерны на мобильных устройствах;

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

Сетка позволяет разместить на странице максимальное количество контента, а для привлечения внимания используется контраст.

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

Расставляем акценты

Одна из важных задач дизайнера – распределить контент в пространстве сайта, показав пользователю, какая информация наиболее важная:

  • Контрасты;

Важные вещи делают контрастными по отношению к остальному контенту. И чем важнее информация, тем ярче она смотрится.

  • Глубина;

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

  • Цвет;

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

В заключение

Чтобы провести посетителя по сайту к точке «Х», нужно не просто использовать имеющиеся паттерны и эффекты. Важно сделать это умело – сгруппировать одни элементы, выделить другие. Нарушайте монотонность и старайтесь избегать повторов. Но задачу по организации пространства и разработке сайтов стоит доверить профессионалам. И сделать это намного проще, когда под рукой находится площадка, вроде Workspace (рабочая область), которая объединила небольшие и крупные компании, начинающих и опытных исполнителей.

подписывайся!
3236 58
2048 13
Полезно знать
Куда сходить в Казани с наступлением зимы

7 мест в Казани, где можно весело провести зимние дни

06.12.2018

14:32

3 вещи, на которые казанцам нужно обратить внимание при покупке салютов

Декабрь на дворе – самое время для салютов и фейерверков

04.12.2018

15:00

37987 18
Разбил унитаз и врезал боссу: за что татарстанцев увольняли после корпоративов

Как жители РТ отметят с коллегами и чего делать не стоит

3090 43
«Сделали не по закону, а по понятиям». Пенсионер пожаловался на захват дома УК

История борьбы казанца со своей управляющей компанией

8082 49
968 11
1649 62
Метшин возглавил рейтинг мэров, обойдя Собянина и еще 86 коллег

За что казанский градоначальник получил первое место

2636 77
«Нас поджигают, чтобы согласились»: Мать с ребенком-инвалидом переселяют из центра в Юдино

Аварийный дом на улице Назарбаева, в котором еще живут люди, стал жертвой систематических поджогов

7123 126
В Казани ради новой дороги от Кварталов до М7 могут уничтожить три новых поселка

Согласно новому Генплану Казани, по территории поселков Новая Сосновка, Карьер и Большие Клыки пройдет автомобильная трасса, также туда войдет санитарная зона аэродрома «Борисоглебское»