• 323108
  • 1321
  • 79
Нравится блог?
Подписывайтесь!

Как заставить пользователя читать страницу до конца

stop sign illustrationВсем нам знакомо правило первого экрана гласящее «Пользователь не прокручивает страницу, поэтому вся информация должна быть на верху», основано оно на том, что пользователь не использует полосы прокрутки, потому что ему лень.

Ребята в компании cxpartners (Великобритания, Бристоль) решили проверить это утверждение и провели исследование, представляю перевод их отчёта.

Как профессионалы веб-разработки мы знаем, что правило первогоэкрана — миф. На протяжении последних 3 лет, нами было проведено около 800 пользовательских тестов и лишь в трёх случаях нижняя граница окна стала реальной преградой для пользователей.

В этой статье мы докажем что правило первого экрана не работает!

Что такое правило первого экрана?

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

 

Почему мы не переживаем из-за правила первого экрана

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

long pages examples

Добавляем доказательства

Когда мы в компании cxpartners проводим тесты, то используем eye trecker (система слежения за взглядом). Eye trecker позволяет видеть то, что видит пользователь. На основе получаемых данных мы создаём температурные карты, которые показывают нам, куда смотрели пользователи.

Полосы прокрутки

spot mapКогда мы проанализировали результаты, то увидели чёткое пятно в правом углу карты. Это была полоса прокрутки, из этого можно было легко сделать вывод, что прокрутка используется для оценки длины страницы и скрытого от глаз содержимого.

Небольшое количество контента даёт стимул к дальнейшему исследованию страницы

Изображение ниже показывает два варианта страницы Бристольского аэропорта: на первом макете информация сразу делится на две колонки, а на втором макете имеется основной элемент в виде иллюстрации. В итоге на втором макете люди чаще использовали прокрутку, и добирались ниже.

spot map on site

Тормоза для глаз

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

Мы проводили исследование сайта First Choice, который сделали год назад, страница была очень длинной и пользователи ни за что не хотели просматривать её до конца.

First Choice old site

Заголовок «Accomodation» растянутый на всю страницу тормозил взгляд пользователя. Тогда мы поместили контент на «линию сгиба»,

что привело к нужному результату.

image

Советы дизайнерам

В результате наблюдений мы пришли к таким выводам:

  • большое количество свободного пространства между элементами облегчает движение глаз.
  • горизонтальные линии тормозят читателя и препятствуют дальнейшему просмотру страницы, поэтому элементы должны находиться чуть выше нижней границы
  • избегайте полос прокрутки внутри страницы, так как они мешают читателю оценить высоту страницы.
Примечания авторов
  • Мы рассматривали не вопрос размещения контента, а вопрос просмотра контента расположенного ниже границы.
  • За стандартный размер области просмотра был приняты значения 1024*700 пикселей. 700 — средняя высота области просмотра.

 

Примечание переводчика
  1. Это вольный перевод статьи максимально близкий к оригиналу, возможно некоторые термины мной были переведены неправильно.
  2. Место окончания области просмотра авторы называют fold, что в переводе с английского означает сгиб, но это английский термин, аналог которого в русском языке мне не известен, поэтому он переведён условно.

    оригинал: http://habrahabr.ru/blogs/webdev/72140/

5 ноября 2009, 20:05
795

Loading...

Комментарии

Dumeke
0
0
Андрей тут не любят длинные статьи, пользуйся yvision.kz
а еще не очень любят копипастинг...
Даёшь креатив в массы :)))
копипасты, вопросы, нытье, разговоры рейтингах, поддержку нур и казтюба)
некоторым новичкам типо меня лучше копипастить умные вещи, потому что сам только глупости напишу
Oljik
0
0
Не надо копипаст! Лучше пиши что можешь или вообще ничего не пиши!
Kripl
0
0
а меня статья очень заинтересовала и я прочитала ее до конца

Оставьте свой комментарий

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

Также можно нажать Ctrl+Enter

Популярные посты

Исламская ипотека в Казахстане: в этом году выйдет на розничный рынок

Исламская ипотека в Казахстане: в этом году выйдет на розничный рынок

Многие клиенты, вздыхая о харамном ссудном проценте местных банков, сокрушались по поводу отсутствия у нас халяльного кредитования. Поддержка исламского банкинга на уровне МФЦА есть...
DanaJarlygapova
24 марта 2017 / 18:28
  • 21832
  • 63
Рианна за $2 млн. Очередные понты от «ЭКСПО-2017»

Рианна за $2 млн. Очередные понты от «ЭКСПО-2017»

Концерт Рианны всё-таки состоится летом в рамках культурно-зрелищных и спортивных мероприятий ЭКСПО-2017. Рианна крута, с этим никто не спорит. Но соберёт ли «Астана Арена» 30 тысяч зрителей при...
openqazaqstan
вчера / 14:29
  • 18324
  • 15
КТЖ подарило iPhone мошеннику за краденную фотографию

КТЖ подарило iPhone мошеннику за краденную фотографию

Украл в супермаркете — отправился в полицию. Украл фотографию — выиграл новенький iPhone 7 от КТЖ. Вот такая нехитрая получается история. Огромное спасибо Тамерлану Жумабекову, который обратил моё...
andche
сегодня / 0:06
  • 11152
  • 20
Компания LG Electronics открыла предзаказ на новый флагман LG G6

Компания LG Electronics открыла предзаказ на новый флагман LG G6

LG Electronics объявляет о начале предварительного заказа онлайн на новый смартфон LG G6. Оформить предзаказ можно на сайтах магазинов электроники до 16 апреля 2017 года.
LG Electronics
24 марта 2017 / 14:20
  • 5254
  • 0
Страну, где так строят дороги, победить невозможно!

Страну, где так строят дороги, победить невозможно!

Шестиминутный ролик про строительство автомобильной дороги в США - это как острый нож в пузо нашим чиновникам. Они же подавятся бешбармаком, увидев его! Похлеще любого пропагандистского фильма...
Timur_Tregulov
24 марта 2017 / 11:26
  • 5098
  • 41
Почему наши парни выглядят как агашки? Хочется им сообщить, что мода на пафос прошла

Почему наши парни выглядят как агашки? Хочется им сообщить, что мода на пафос прошла

Когда уже люди смогут самоутверждаться за счет своего интеллекта, энергии, познаний и настоящей красоты, а не за счет авторитетного вида и не менее авторитетного дяди?
Bookenova_smartass
28 марта 2017 / 18:28
  • 4152
  • 91
Это вам не Дисней. Реальный прототип «Красавицы и Чудовища»

Это вам не Дисней. Реальный прототип «Красавицы и Чудовища»

Многие уверенны на 100%, что сказка «Красавица и Чудовище» - это интересная выдумка ее создателей. Однако, действия, происходящие в мультфильме и фильме, имели место в истории, и у главных героев...
Naomi_K
24 марта 2017 / 18:42
  • 5064
  • 36
Семь причин почему вам надо перестать откладывать переезд за границу

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

Вы думаете о переезде за границу, но постоянно откладываете дату, потому что вас беспокоит тысяча мелочей, которые могут пойти не так? У меня есть семь причин, почему пора перестать мотать нервы...
Lesch
24 марта 2017 / 17:50
  • 4040
  • 14
Димаш, Головкин, Есентаева... О героях нашего времени – истинных и «картонных»

Димаш, Головкин, Есентаева... О героях нашего времени – истинных и «картонных»

В прессе, в соцсетях, на ТВ, во всём информационном пространстве Казахстана –заразная эпидемия. Что сказал Головкин, что съела Есентаева, что китайцы подарили Димашу...
openqazaqstan
сегодня / 15:54
  • 3150
  • 20