Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Хорош ли ваш дизайн на самом деле?

11 декабря 2014 | Опубликовано в статьюшечки | 3 Комментариев »

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

 

1. Действительно ли большие баннеры работают?

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

1_Asics 1

2_Asics 2

2. Какой контент достоин лучшего места?

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

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

3_coolinarika full click

4_coolinarika click 2

5_coolinarika click

Та же ситуация складывается на сайте продавца обуви. На длинной странице представлено огромное количество товара. В нижней части страницы расположена модель, которая очень интересна посетителям, судя по карте активности. Но только 20% посетителей попадут в эту часть страницы.

6_Asics 3

7_Asics 4

3. Где ссылки работают лучше: текст или картинки?

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

8_home sale click

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

9_maibaobao button cases 2

4.  Достаточно ли хороши мои кнопки?

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

10_maibaobao button cases

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

Автор статьи Brant Wilson

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Юрий
    Thumb up Thumb down +5

    Очень интересно, спасибо за перевод. Сразу возник вопрос при не правильном размещении товара на странице – ПРИЧЕМ ТУТ ДИЗАЙНЕР?!, как управляющие разместили товар так он и выводится. Может на его голову высыпать что вообще кроссовки дрянь китайская?! :-D

    Leo Ответ:

    Thumb up Thumb down 0

    :-D :-D :-D :-D :-D

  2. redkin
    Thumb up Thumb down 0

    Чем делают замеры скрола страницы?

[an error occurred while processing the directive]


[an error occurred while processing the directive]