• 332713
  • 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
817

Загрузка...
Loading...

Комментарии

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

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

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

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

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

Нет ничего более вдохновляющего, чем видеть стада сайгаков. Не зря их называют «киелі»

Нет ничего более вдохновляющего, чем видеть стада сайгаков. Не зря их называют «киелі»

В начале 2000-х годов в уральской популяции оставалось только 2500 сайгаков. Сейчас благодаря охране от браконьеров их численность выросла до 100 тысяч.
theYakov
17 июля 2017 / 17:55
  • 8785
  • 3
Ресторанный консенсус в Казахстане: мужчина платит всегда

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

Ресторанный консенсус в этой стране таков, что если речь идет именно о свидании, то оплачивает его на 100% из 100 именно мужчина. Пытаться его расшатать - это достаточно дорогое удовольствие.
convoluted
17 июля 2017 / 15:32
Решили рискнуть и обратиться к риэлторам. И этим людям мы доверяем свой ночлег?

Решили рискнуть и обратиться к риэлторам. И этим людям мы доверяем свой ночлег?

Звоним риэлтору, говорим, верните наши 15 000 тг, так как ваша клиентка нас кинула. По его словам, он вернуть деньги больше не может. Не имеет право.
decorus
17 июля 2017 / 14:48
  • 3130
  • 15
Польша – страна простых решений. Почему они смогли, а мы еще нет?

Польша – страна простых решений. Почему они смогли, а мы еще нет?

В Польше вообще очень много понятного и простого – инфраструктура, коммуникации и дороги прежде всего, льготы в образовании, поляки вообще получают его бесплатно. А урожай побольше нашего.
Shimanskaya
17 июля 2017 / 16:08
  • 3287
  • 37
«Алматы – город, летящий под откос», или Кто заказал утку у российского блогера

«Алматы – город, летящий под откос», или Кто заказал утку у российского блогера

Некий блогер Сергей Никитский неустанно пишет о Казахстане, Астане, Экспо и посвящает два материала Алматы, причём подчёркнуто называет город Алма-Ата.
Langdon
19 июля 2017 / 15:44
  • 3131
  • 51
Один из способов выиграть суд против коллекторов

Один из способов выиграть суд против коллекторов

Сегодня в своем посте я постараюсь рассказать, как выиграть суд против некоторых коллекторских компании в нашей стране. Чем отличается коллекторское агенство от обычного банка?
Advokot
18 июля 2017 / 15:31
  • 2835
  • 9
«Язык мой – враг мой», или 7 причин никогда не разговаривать с полицией

«Язык мой – враг мой», или 7 причин никогда не разговаривать с полицией

На этот раз пост очень важный и необходим к прочтению каждым! Не поленитесь и уделите время прочтению. Ни в коем случае, не разговаривайте с полицейскими до прихода вашего адвоката!
asselsabekova
18 июля 2017 / 14:19
  • 2901
  • 31
Книга, которая сэкономит вам 150 тысяч долларов и два года жизни

Книга, которая сэкономит вам 150 тысяч долларов и два года жизни

Автор утверждает, что программы МБА не дают никакого позитивного выхлопа, если ты уже не являешься владельцем или наследником прибыльного бизнеса. Знания МБА можно получить бесплатно, уверяет он.
Aks_Ras
19 июля 2017 / 16:28
  • 2379
  • 2
Госорганы, ответственные за жизни детей, хранят молчание. У них в отчетах все хорошо

Госорганы, ответственные за жизни детей, хранят молчание. У них в отчетах все хорошо

Вчера все информационные агентства страны передали сообщение, которое заставило забиться в ужасе сердца всех матерей страны. В мусорном контейнере города Сатпаев было обнаружено тело новорожденной девочки.
AliyaSadyrbaeva
19 июля 2017 / 11:06
  • 2170
  • 18