中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

雖然用戶拉動(dòng)垂直滾動(dòng)條的次數(shù)比以前多了，但是新的眼動(dòng)數(shù)據(jù)顯示：用戶對(duì)首屏內(nèi)容的瀏覽量仍然遠(yuǎn)多于首屏以下。

用戶的行為是相當(dāng)穩(wěn)定的，可用性原則很少會(huì)隨著時(shí)間而改變。但是，自web早期以來，有一種用戶行為的確發(fā)生了變化，那就是滾動(dòng)。

一開始，用戶很少垂直滾動(dòng)，但是到了1997年，隨著長(zhǎng)頁(yè)面越來越多，大多數(shù)人學(xué)會(huì)了垂直滾動(dòng)。然而，首屏信息得到的關(guān)注仍然是最多的。

即使是在2010年，我們的眼球追蹤研究顯示：80%用戶的瀏覽時(shí)間都是在首屏上。

自2010年以來，隨著響應(yīng)式設(shè)計(jì)和極簡(jiǎn)主義的出現(xiàn)，許多設(shè)計(jì)師都轉(zhuǎn)向了帶有負(fù)形空間的長(zhǎng)頁(yè)面（覆蓋了多個(gè)“屏幕”）。

是時(shí)候再次問一下：用戶行為的改變是否是因?yàn)檫@些設(shè)計(jì)趨勢(shì)的變化？

一、眼動(dòng)研究數(shù)據(jù)

1. 有關(guān)眼動(dòng)研究的數(shù)據(jù)

為了回答這個(gè)問題，我們分析了1920×1080屏幕上超過13萬個(gè)眼睛注視的x，y坐標(biāo)。這些關(guān)注來自120名參與者，他們是我們最近研究的一部分，涉及了來自各個(gè)領(lǐng)域和行業(yè)數(shù)以千計(jì)的網(wǎng)站。

在本研究中，我們將分析重點(diǎn)放在廣泛的用戶任務(wù)上，這些用戶任務(wù)涵蓋了各種頁(yè)面和行業(yè)，包括新聞、電子商務(wù)、博客、問答和百科全書頁(yè)面。我們的目標(biāo)不是分析單個(gè)網(wǎng)站，而是描述用戶行為的總體概況。

我們將這些最新的數(shù)據(jù)與我們先前在1024×768顯示器上眼動(dòng)研究中得到的數(shù)據(jù)進(jìn)行了比較。

2. 研究結(jié)果

我們的研究出現(xiàn)了兩大變化：更大的屏幕以及新的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)，這兩者都有可能對(duì)用戶產(chǎn)生影響。我們無法區(qū)分這兩種變化的相對(duì)影響，但這并不重要，因?yàn)閮烧叨际怯捎谛袠I(yè)的發(fā)展而造成的，我們不能單獨(dú)評(píng)測(cè)其中的任何一個(gè)。

在我們最近的一項(xiàng)研究中，用戶花在首屏的瀏覽時(shí)間大約占57%以上，74%的瀏覽時(shí)間花在前兩屏的內(nèi)容上，最多2160px。(此分析忽略了頁(yè)面的最大長(zhǎng)度—結(jié)果可能是由于頁(yè)面長(zhǎng)度不夠，或者是在前兩屏內(nèi)容后放棄了。)

這些發(fā)現(xiàn)與我們2010年發(fā)表的文章中提到的結(jié)論大有不同：當(dāng)時(shí)，花費(fèi)在首屏以上信息的瀏覽時(shí)間占據(jù)80％， 但是，在2018年，首屏以下內(nèi)容的用戶注意力急劇下降的趨勢(shì)與2010年基本一致。

目前為止，首屏內(nèi)容的瀏覽時(shí)間所占比例最高。大約74％的時(shí)間花費(fèi)在前兩屏內(nèi)容上（首屏分割線上方的信息和緊貼首屏分割線下方的畫面），剩下的26％的時(shí)間花費(fèi)在隨頁(yè)面長(zhǎng)度下移的小部分增量上。

可以理解的是：并非每個(gè)頁(yè)面的長(zhǎng)度都相同，為了確定用戶如何在整個(gè)頁(yè)面上分配他們的注意力（不考慮頁(yè)面長(zhǎng)度），我們按20％的比例將頁(yè)面分成幾個(gè)小部分（即每頁(yè)的五分之一）。

在一般網(wǎng)站上，超過42%的瀏覽時(shí)間花費(fèi)在了頁(yè)面前20%的內(nèi)容上，超過65%的瀏覽時(shí)間花費(fèi)在頁(yè)面前40%的內(nèi)容上。在2010年發(fā)現(xiàn)的搜索結(jié)果頁(yè)面（SERPs）中，47％的瀏覽時(shí)間花費(fèi)在頁(yè)面前20％的內(nèi)容上（超過75%的時(shí)間花在前40％的內(nèi)容上）。

可能反映的是：用戶只喜歡瀏覽每個(gè)頁(yè)面頂部的內(nèi)容。

用戶花費(fèi)更多的時(shí)間瀏覽網(wǎng)頁(yè)的前20%的內(nèi)容

如果我們只關(guān)注首屏中的內(nèi)容，屏幕頂部的信息也會(huì)比底部的信息受到更多關(guān)注。 用于瀏覽首屏內(nèi)容的時(shí)間，用戶的注意力超過65%集中在首屏頁(yè)面的上半部分。

在搜索結(jié)果頁(yè)面上，用于瀏覽首屏的上半部分的時(shí)間所占比例超過75%。（這是一個(gè)古老但一直存在的真理：如果你的網(wǎng)站不能排在搜索引擎的前兩位，那它就幾乎等于不存在。用戶對(duì)谷歌的輕信性依然非常嚴(yán)重，十年來并沒有什么改變。）

即使在首屏，用戶的注意力仍然集中在頁(yè)面的頂部-尤其是在搜索結(jié)果頁(yè)面上

二、瀏覽和閱讀模式

我們已經(jīng)看到：

• 首屏中的內(nèi)容最受關(guān)注（占57％的瀏覽時(shí)間）;
• 第二屏內(nèi)容的受關(guān)注程度大約為前者的三分之一（占17%的瀏覽時(shí)間）;
• 其余的26％則分散在后續(xù)的頁(yè)面上。

換句話說：信息越接近頁(yè)面頂部，它被讀取的機(jī)會(huì)就越大。

個(gè)人閱讀模式證實(shí)了這一發(fā)現(xiàn)：許多用戶在瀏覽結(jié)構(gòu)不合理的內(nèi)容頁(yè)面時(shí)，會(huì)使用F模式。他們傾向于更仔細(xì)地查看放置在頁(yè)面頂部附近的文本（文本的前幾個(gè)段落），然后花費(fèi)越來越少的注意力和時(shí)間在頁(yè)面底部的信息上。

即使列表或信息以結(jié)構(gòu)化的形式呈現(xiàn)，用戶也會(huì)花費(fèi)更多的注意力和閱讀時(shí)間在頁(yè)面頂部，因?yàn)樗麄冃枰私忭?yè)面的布局方式。 一旦他們理解了頁(yè)面布局的規(guī)律，他們往往會(huì)將后續(xù)的注意力集中在尋找與手頭任務(wù)相關(guān)的信息上。因此，花在下方內(nèi)容上的注意力和閱讀時(shí)間要少得多。

這是一個(gè)具有代表性的注視圖，顯示大多數(shù)用戶的注意力都集中在頁(yè)面的頂部，盡管并不總是在最頂部。注意力的實(shí)際分布，將取決于具體設(shè)計(jì)和用戶訪問該頁(yè)面的目的。如果信息看起來很有趣，用戶偶爾可能會(huì)稍微閱讀一些內(nèi)容。但總的來說，對(duì)頁(yè)面下方的瀏覽會(huì)逐漸減少。

三、2010年 VS 現(xiàn)在

在2010年，80％的瀏覽時(shí)間都花在了首屏上。今天，這個(gè)數(shù)字只有57％， 這可能是長(zhǎng)頁(yè)面普遍存在造成的。

但這意味著什么呢？

• 首先，總的來說，有可能是設(shè)計(jì)師掌握了暗示和操作提示的技巧，讓用戶知道頁(yè)面并沒有結(jié)束，這樣他們下拉的幾率就會(huì)高得多。 換句話說，設(shè)計(jì)師意識(shí)到了長(zhǎng)頁(yè)面的缺點(diǎn)并在一定程度上緩解了這樣的問題。
• 其次，這可能意味著用戶已經(jīng)習(xí)慣于拉動(dòng)滾動(dòng)條 – 需要滾動(dòng)頁(yè)面的流行，已經(jīng)使這一行為已經(jīng)在人們心中根深蒂固了。

至少在某種程度上，用戶仍然不經(jīng)常滾動(dòng)頁(yè)面，他們很少瀏覽超過三屏的信息。基本上，所謂的首屏分割線作為一道屏障被推到了第三屏。

8年前，80%的瀏覽時(shí)間都花在了首屏的信息上（首屏以上的部分）；今天，81%的瀏覽時(shí)間都花在了前三屏的信息上。

我們常說用戶只會(huì)在動(dòng)機(jī)足夠的情況下才會(huì)翻頁(yè)，目前來看，用戶的注意力仍然停留在頁(yè)面的頂部，是因?yàn)轫敳康膬?nèi)容是最容易被用戶看到的，同時(shí)由于翻看長(zhǎng)頁(yè)面底部的信息存在一定的交互成本，那些排版布局靠下的信息往往無人問津。

有趣的是：屏幕分辨率的提高并沒有像人們所期望的那樣導(dǎo)致滾動(dòng)的減少。原因可能是設(shè)計(jì)師和開發(fā)人員沒有利用好較大的屏幕，而是選擇將內(nèi)容進(jìn)一步分散。不管是好是壞，現(xiàn)在我們會(huì)鼓勵(lì)用戶進(jìn)行更多的滾動(dòng)操作—但也不會(huì)太多。

在早期的網(wǎng)頁(yè)中，信息密度可能太高（導(dǎo)致了密集和復(fù)雜的頁(yè)面布局），但是現(xiàn)在的頁(yè)面設(shè)計(jì)肯定太松散了。

四、啟示

考慮到用戶在頁(yè)面頂部花費(fèi)了更多的瀏覽時(shí)間，尤其是在首屏上方，所以請(qǐng)注意以下幾點(diǎn)：

1. 保留頁(yè)面頂部給高優(yōu)先級(jí)的內(nèi)容：關(guān)鍵業(yè)務(wù)和用戶目標(biāo)。頁(yè)面的下半部分可以留給輔助信息或相關(guān)信息，將主要商品貿(mào)易顧問公司（CTAs）保持在頁(yè)面頂端。
2. 使用適當(dāng)?shù)淖煮w樣式來吸引讀者對(duì)重要內(nèi)容的關(guān)注：用戶依賴頭像和粗體文本等元素來顯示重要信息，以及定位新的內(nèi)容片段。?要確保這些元素在整個(gè)網(wǎng)站的視覺效果獨(dú)一無二且風(fēng)格一致，以便用戶可以輕松找到它們。
3. 謹(jǐn)防假樓層，它們?cè)诂F(xiàn)代極簡(jiǎn)設(shè)計(jì)中越來越普遍，完整性的錯(cuò)覺會(huì)干擾用戶滾動(dòng)頁(yè)面，包括能指（例如：截?cái)辔谋荆﹣砀嬖V人們有下面的內(nèi)容。
4. 挑選具有代表性的用戶測(cè)試你的設(shè)計(jì)，來確定“理想的”頁(yè)面長(zhǎng)度，并保證用戶所需的信息可以很容易的被看到。

五、結(jié)論

現(xiàn)代的網(wǎng)頁(yè)往往很長(zhǎng)，包含負(fù)空間，用戶可能比過去更傾向于滾動(dòng)，但人們?nèi)匀话汛蟛糠值臑g覽時(shí)間花在頁(yè)面的頂部，內(nèi)容優(yōu)先排序是內(nèi)容規(guī)劃過程中的一個(gè)關(guān)鍵步驟。強(qiáng)大的視覺符號(hào)有時(shí)會(huì)誘使用戶滾動(dòng)并發(fā)現(xiàn)首屏下方的內(nèi)容。

要確定理想的頁(yè)面長(zhǎng)度，請(qǐng)與實(shí)際用戶進(jìn)行測(cè)試，一定要記?。?strong class="ql-author-5093815">頁(yè)面太長(zhǎng)會(huì)增加失去用戶注意力的風(fēng)險(xiǎn)。

原文作者：Therese Fessenden?

原文鏈接：https://www.nngroup.com/articles/scrolling-and-attention/

譯文校對(duì)：@不器

#專欄作家#

熊貓小生，微信公眾號(hào)：MUXDesign，人人都是產(chǎn)品經(jīng)理專欄作家。高級(jí)交互設(shè)計(jì)師，UED負(fù)責(zé)人。關(guān)注互聯(lián)網(wǎng)C端產(chǎn)品設(shè)計(jì)相關(guān)，擅長(zhǎng)移動(dòng)端產(chǎn)品交互設(shè)計(jì)，前沿設(shè)計(jì)風(fēng)格探索，設(shè)計(jì)流程優(yōu)化和管理，歡迎交流~

本文翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由譯者提供