Миф о линии сгиба: доказательства из юзабилити-тестирования

Joe Leech, “The myth of the page fold: evidence from user testing”, public translation into Russian from English More about this translation.

See also 15 similar translations

Translate into another language.

Participants

atermath 337 points
eighty 227 points
zetta-ua 163 points
And others...
Join Translated.by to translate! If you already have a Translated.by account, please sign in.
If you do not want to register an account, you can sign in with OpenID.
Pages: ← previous Ctrl next next untranslated
1 2 3

The myth of the page fold: evidence from user testing

Миф о линии сгиба: доказательства из юзабилити-тестирования

History of edits (Latest: dmitrysatin 8 years, 8 months ago) §

As web professionals, we all know that the concept of the page fold being an impenetrable barrier for users is a myth. Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want.

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

History of edits (Latest: and_rew 8 years, 7 months ago) §

In this article we’re going to break down the page fold myth and give some tips to ensure content below the fold gets seen.

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

History of edits (Latest: dmitrysatin 8 years, 8 months ago) §

What is the fold?

Что такое линия сгиба?

History of edits (Latest: dmitrysatin 8 years, 8 months ago) §

Above the fold is a graphic design term that refers to important content being on the upper half of the front page of a newspaper. It’s commonly used on the web to describe the area you see on a web page before you have to scroll down the page.

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

History of edits (Latest: cold09 8 years ago) §

Why we don’t worry about the fold

Почему мы не беспокоимся о линии сгиба

History of edits (Latest: dmitrysatin 8 years, 8 months ago) §

People tell us that they don’t mind scrolling and the behaviour we see in user testing backs that up. We see that people are more than comfortable scrolling long, long pages to find what they are looking for. A quick snoop around the web will show you successful brands that are not worrying about the fold either:

Люди говорят, что они ничего не имеют против прокрутки, и ее (прокрутки) поведения, которое мы видим во время пользовательского тестирования только подтверждает это. Мы видим, что люди чувствуют себя более чем комфортно, если им вдруг надо долго прокручивать длинную страницу, чтобы найти то, что им необходимо. Осмотревшись, вы найдете в Интернете немало подтверждений среди успешних компаний, которые не переживают о линии сгиба:

History of edits (Latest: cold09 8 years ago) §

BBC, Play, Amazon.co.uk and the New York Times websites showing the position of the page fold

среди них BBC, Pay, Amazon.co.uk и NewYork Times.

History of edits (Latest: zetta-ua 8 years, 8 months ago) §

Adding evidence from user testing

Некоторые доказательства, полученные в результате пользовательского тестирования.

History of edits (Latest: zetta-ua 8 years, 8 months ago) §

When we user test here at cxpartners we use an eye tracker. The eye tracker lets us see what the user sees. We then take the combined eye tracking data from each study and produce a series of heatmaps. The heatmaps show us what as a whole the user group is looking at.

При проведении тестов в cxpartners мы используем регистрацию движения глаз (eye-tracker). Это позволяет нам видеть то же, что видит пользователь. По окончании теста мы на основании многих сессий создаем карты кликов, показывающие, на что обращала внимание та или иная группа людей.

History of edits (Latest: cold09 8 years ago) §

Scrollbars are used to assess page length and to indicate content below the fold

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

History of edits (Latest: atermath 8 years, 5 months ago) §

One of the most common things we see on a heatmap is a strong hotspot over the scrollbar. The scrollbar is used to assess the page length. Users expect to have to scroll. The heatmap below shows this.

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

History of edits (Latest: atermath 8 years, 5 months ago) §

Heatmap from eyetracking showing scrollbar as cue to page length.

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

History of edits (Latest: atermath 8 years, 5 months ago) §

Less content above the fold may encourage more exploration below the fold

Если над "линией сгиба" будет немного содержания, то это может привести к более интенсивному исследованию содержимого под ней.

History of edits (Latest: dmitrysatin 8 years, 5 months ago) §

— мне не нравится слово контент здесь atermath

— Заменил на слово Содержание. dmitrysatin

The image below shows some recent eye tracking work we did with Bristol Airport. The screens show two different design treatments for the hero slot (the large, prominent image area) on the homepage. The surprising thing we learnt was that actually having less above the fold (one large content block as opposed to 2 smaller ones) encouraged exploration below the fold.

Рисунок, приведенный ниже иллюстрирует некоторые наши работы по регистрации движения глаз, выполненные с Бристольским аэропортом. На экранах представлены два разных подхода к компоновке главной страницы. Самое удивительное, что мы вынесли из этого исследования - это то, что уменьшение количества контента до линии сгиба (один большой блок против двух маленьких во втором варианте) побудило пользователей исследовать страницу под "линией сгиба"

History of edits (Latest: atermath 8 years, 5 months ago) §
Pages: ← previous Ctrl next next untranslated
1 2 3