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

分頁和加載都是比較常見的交互模式，我們每天都會(huì)遇到，也正是因?yàn)樘Ｒ?，我們甚至感覺不到它們的存在。但正是這小小的點(diǎn)，也會(huì)給用戶細(xì)微不同的體驗(yàn)感受。

最近接觸了一些PC端的產(chǎn)品設(shè)計(jì)項(xiàng)目，通過這些項(xiàng)目實(shí)踐，發(fā)現(xiàn)自己在做出具體的設(shè)計(jì)細(xì)節(jié)決策時(shí)缺乏全面的考量，往往會(huì)變成我以為這樣設(shè)計(jì)，對訪客來說操作很方便?？墒?，你又代表不了真實(shí)的訪客，所以在設(shè)計(jì)評審時(shí)毫無說服力，要么是遵循競品的做法、要么是遵循大家公認(rèn)的設(shè)計(jì)方式。不僅沒有創(chuàng)新，還不如競品那樣設(shè)計(jì)的好。

其實(shí)，單從設(shè)計(jì)師自身原因來說，有些設(shè)計(jì)細(xì)節(jié)確實(shí)是自己考慮不周，從理性的角度看，每種設(shè)計(jì)都有其合理性，而是否合理需要結(jié)合具體使用場景及產(chǎn)品的定位。

就我近期接觸的項(xiàng)目，印象最深刻的是列表頁面數(shù)據(jù)信息是選擇自動(dòng)加載還是手動(dòng)加載好？我一時(shí)也難以做出設(shè)計(jì)決策，下面就針對這個(gè)問題具體探討分析，深刻理解遇到數(shù)據(jù)加載時(shí)，該如何做出合理的設(shè)計(jì)決策？或者有什么更好的設(shè)計(jì)解決方案？

無論是web端還是客戶端，信息通常不能在一個(gè)頁面內(nèi)全部展示完整，這就需要用到一些可以擴(kuò)展頁面信息的交互模式。分頁和加載都是比較常見的交互模式，我們每天都會(huì)遇到，也正是因?yàn)樘Ｒ?，我們甚至感覺不到它們的存在。瀏覽到頁面的底部時(shí)，看到分頁就順手點(diǎn)一下，自動(dòng)加載了就繼續(xù)閱讀。但正是這小小的點(diǎn)，也會(huì)給用戶細(xì)微不同的體驗(yàn)感受。

一、分頁（手動(dòng)加載）

分頁像一本紙質(zhì)書籍，可以將大篇幅的內(nèi)容分成小塊，顯示在單獨(dú)的連續(xù)頁面上，便于用戶理解和查找?？梢宰層脩羟宄闹溃约核獮g覽的內(nèi)容到底有多少、已經(jīng)瀏覽到哪個(gè)部分、還剩余多少。

分頁可以使用戶對所瀏覽的內(nèi)容有清楚的預(yù)期。篇幅較長的文章是一定會(huì)用到分頁的。一是給用戶內(nèi)容多少的預(yù)期，二是可以給瀏覽者提供一個(gè)停頓。如果用戶看一篇文章已經(jīng)翻了十幾屏，滾動(dòng)條還是停留在瀏覽器中間靠上的位置，用戶會(huì)產(chǎn)生很大的負(fù)面情緒。

例如百度的搜索結(jié)果頁面：

百度 · 搜索結(jié)果頁

亞馬遜 · 搜索結(jié)果頁

優(yōu)設(shè)網(wǎng)·搜索結(jié)果頁

在搜索或是查看商品列表時(shí)，內(nèi)容的多少根本無法預(yù)期，分頁的第一個(gè)作用自然還是告訴用戶要瀏覽信息的量。第二，分頁可以讓用戶快速的跳過一些不想看的信息，或是快速跳轉(zhuǎn)到首頁或尾頁，自主的選擇想要瀏覽的內(nèi)容。第三，分頁非常便于定位和回找，也許在搜索一條商品時(shí)，已經(jīng)翻到了第五頁，突然想起第二頁有個(gè)商品好像還不錯(cuò)，可以直接跳轉(zhuǎn)快速找到它。

分頁控件實(shí)際上是給網(wǎng)站的內(nèi)容創(chuàng)造了一個(gè)自然的停頓，這個(gè)停頓運(yùn)用得好的話，可以讓產(chǎn)品更有節(jié)奏感。但是當(dāng)用戶瀏覽完一頁的內(nèi)容時(shí)，就必須停下正在進(jìn)行的閱讀，通過點(diǎn)擊進(jìn)行跳轉(zhuǎn)來獲取更多內(nèi)容。

不可否認(rèn)，這個(gè)停頓會(huì)在一定程度上打斷用戶的思路。在遇到分頁時(shí)，用戶很有可能會(huì)去思考，是繼續(xù)瀏覽還是離開網(wǎng)站？

所以遇到分頁時(shí)，往往會(huì)流失一部分用戶。

小結(jié)

優(yōu)點(diǎn)：

• 告知用戶信息量多；
• 便于用戶快速跳過不想看的信息；
• 有利于定位和回看信息。

缺點(diǎn)：

• 中斷用戶瀏覽路徑，引起用戶思考和做出選擇，需跳轉(zhuǎn)新頁面尋找信息；
• 手動(dòng)加載適合用戶主動(dòng)獲取信息。

二、加載更多

加載更多交互方式，在PC端的交互是鼠標(biāo)點(diǎn)擊某按鈕實(shí)現(xiàn)分頁加載，在移動(dòng)端的操作是上拉頁面加載更多。加載更多交互方式的差異性，體現(xiàn)在終端的不同。PC端應(yīng)用加載更多按鈕的交互方式的產(chǎn)品，最為大家熟知的是知乎。

知乎是一款知識(shí)共享平臺(tái)，用戶通過搜索行為得到的搜索結(jié)果，一般而言，是與用戶目的具有強(qiáng)相關(guān)性的信息。

所以，在搜索結(jié)果頁，用戶需要仔細(xì)了解每一條搜索結(jié)果信息，需要在每一條信息上停留更多的時(shí)間。如果未找到信息，可以適當(dāng)查看更多。這樣既避免一次性堆給用戶大量信息，又節(jié)約用戶查找信息的時(shí)間，效率更高。

小結(jié)

• 仔細(xì)關(guān)注信息/內(nèi)容；
• 可瀏覽的信息數(shù)量較多；
• 不需要思考去哪查看信息，認(rèn)知負(fù)擔(dān)較輕；
• 內(nèi)容是不斷增加，而不是替換。

這種加載方式適合用戶主動(dòng)獲取信息的行為。

三、自動(dòng)加載

自動(dòng)加載根據(jù)終端的不同，其交互方式又分為鼠標(biāo)滾動(dòng)無限加載和觸屏滑動(dòng)無限加載兩種。連續(xù)加載是一個(gè)與分頁相反的交互模式，信息之間沒有明顯的界限或是停頓。當(dāng)頁面滾動(dòng)到底部，新的信息就會(huì)被自動(dòng)加載進(jìn)來。各種社交網(wǎng)絡(luò)就特別喜歡用這種控件，用戶不會(huì)被打斷，可以順暢的一直瀏覽下去，沉浸其中。

但是由于信息是自動(dòng)加載的，頁面看起來好像沒有結(jié)束，很難預(yù)測頁面的內(nèi)容到底有多少。

一味的加載會(huì)讓用戶產(chǎn)生迷失感：這一頁的內(nèi)容到底有多少呢？我已經(jīng)瀏覽了多少內(nèi)容？我什么時(shí)候才能讀完這一頁呢？

對于這種沒有停頓的頁面，用戶想要搜尋之前看到過的信息時(shí)，也有些困難。但對于這種以休閑娛樂為主社交型的產(chǎn)品來說，使用不打斷用戶信息流的加載方式，還是非常合適的。

使用分頁控件時(shí)，用戶必須通過點(diǎn)擊才能查看到更多的內(nèi)容，所以說，信息獲取是用戶主動(dòng)請求的，而使用自動(dòng)加載時(shí)，新的信息是被自動(dòng)加載進(jìn)來，用戶是被動(dòng)的接受。

小結(jié)

優(yōu)點(diǎn)：用戶不會(huì)被打斷，可以順暢的一直瀏覽下去，沉浸其中、快速瀏覽信息。

缺點(diǎn)：

• 瀏覽器的負(fù)荷大；
• 信息量大，用戶看不到盡頭，迷失，瀏覽信息量大，每條信息停留時(shí)間短；
• 用戶回看信息比較困難；
• 由于滑動(dòng)頁面慣性，對界面沒有掌控權(quán)。

自動(dòng)（連續(xù)）加載適合用戶被動(dòng)獲取信息。

以上為三種常見加載方式的可用性分析，三種加載交互方式的選擇需要結(jié)合具體的應(yīng)用場景和用戶獲取信息的行為來做出設(shè)計(jì)決策。一種比較好的信息加載方式是先自動(dòng)加載，后手動(dòng)加載。

這種加載方式應(yīng)用比較好的是新浪微博、騰訊微博等產(chǎn)品，根據(jù)時(shí)間軸的形式加載動(dòng)態(tài)信息。

本文由 @沉一 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供