宅男在线永久免费观看网直播,亚洲欧洲日产国码无码久久99,野花社区在线观看视频,亚洲人交乣女bbw,一本一本久久a久久精品综合不卡

全部
常見問題
產(chǎn)品動態(tài)
精選推薦

瀑布流和分頁到底哪一個更適合現(xiàn)代審美?

管理 管理 編輯 刪除

編輯導語:如今我們經(jīng)常在互聯(lián)網(wǎng)上進行購物或者查看消息,很多時候在內(nèi)容較多的網(wǎng)頁,會有“分頁”和“瀑布流”兩種方式,但在交互上需要注意兩種方式的不同用法和場景;本文作者分享了關(guān)于“分頁”和“瀑布流”的分析,我們一起來了解一下。

f8eb0202302221827328712.png


“分頁”和“瀑布流”是我們在互聯(lián)網(wǎng)交互界面中最常見的兩種瀏覽形式,作者從自己親身經(jīng)歷的一件小事出發(fā),反思這一在交互設(shè)計中經(jīng)常出現(xiàn)的問題;舉例說明了在哪些情況下我們往往會選擇使用分頁或者是瀑布流,并分析其背后的復雜原因,同時還對桌面端和移動端的差異做了更深層次的思考;最后,作者結(jié)合以上思考為我們提出了三條在使用分頁或瀑布流前要考慮的事情,幫助我們做出更好的選擇。


對我們大多數(shù)人來說,2020 年是艱難的一年,但是好在還可以在附近旅行,于是我和表弟計劃 12 月初到海灘過周末;但當我們在一個叫 Powerlook 的購物網(wǎng)站上買衣服時,遇到了一個相當煩人的問題。

5e5da202302221828062989.png


我在電話里向表弟描述一件特別的襯衫,但他在網(wǎng)站上卻怎么也找不到。由于我沒有把它加入心愿單,導致不得不重新搜索,并在瀏覽的同時保持注意力高度集中,避免在我不耐煩地向下滾動頁面時錯過它。


每次他找不到我正在描述的產(chǎn)品時,我就只能傻傻地向下滾動頁面來找到它。天吶,這太煩人了!


如果他們像 Amazon 或 Flipkart 那樣對內(nèi)容進行分頁,我只要記住頁碼就可以在查找產(chǎn)品時節(jié)省大量的時間和精力。

dca60202302221828311797.png


Flipkart 上的分頁


如果你不知道分頁是什么,請參閱下圖。沒錯,在頁面底部用一行數(shù)字鏈接到單獨的頁面,就稱為分頁。


Credits:PNGio


作為設(shè)計師,這件事讓我深思。


一、我們應(yīng)該選擇在何時使用分頁或瀑布流?


When should we use Pagination vs Infinite Scroll?


老實說,這個問題的答案并不是二選一,它取決于許多因素,包括對內(nèi)容優(yōu)先級的考慮。


如果想要區(qū)分這兩者,我們只需搞清楚我們上網(wǎng)的目的究竟是什么:是搜索還是瀏覽?而大多數(shù)人往往傾向于交替使用這些術(shù)語。


搜索是一種目標導向型的查找任務(wù),你需要從海量信息中尋找特定的內(nèi)容或選擇。想象你正在亞馬遜上購物或者是在 VOGUE 上閱讀文章,在這種情景下,“分頁”方式剛好合適,因為它將內(nèi)容分解成了易于使用的區(qū)塊。

92ac8202302221829001956.png

與搜索不同,瀏覽是為了娛樂或?qū)ふ异`感,你需要多個結(jié)果,并沒有特定的目標;就像花時間在 Facebook 上或者在 YouTube 上隨機觀看視頻那樣。這些活動需要做出大量的選擇,因此 “瀑布流” 比較合適。

fd718202302221829261894.png


1. 用于圖像還是文字?


谷歌就是說明這一點的最好例子。谷歌搜索使用的是 “分頁” 的形式,但是谷歌圖片使用的則是 “瀑布流”。


谷歌搜索使用的是分頁形式

959e0202302221829472413.png


谷歌圖片使用的是瀑布流形式


很有道理對吧?我的意思是,除了在我們找到目標文章之前的那幾篇,誰會瀏覽搜索結(jié)果中的所有文章?但是,當我們尋找圖像時,實際上是在瀏覽,需要越來越多的內(nèi)容。


但是,并沒有這么簡單。


我說谷歌搜索使用分頁形式時,指的是它的桌面端。盡管它是一個 “搜索” 工具,但在移動端使用的卻是 “瀑布流” 的形式。

e773c202302221830166405.png


這是為什么呢?


1)“瀑布流”在移動設(shè)備上表現(xiàn)不錯


其中部分原因可能是,移動設(shè)備上,通過滑動手勢來動態(tài)加載結(jié)果是非常直觀的。另外,相較于桌面端,移動設(shè)備的屏幕面積往往更小,因此一次性顯示的內(nèi)容不多,信息顯示更加清晰。所以對于移動端來說,“瀑布流” 看起來是個明智的選擇。


這是瀑布流的另一個好處。


2)“瀑布流”的滾動操作能夠提高參與度


以 Instagram、Facebook、Pinterest 和 Twitter 舉例,瀑布流正是他們?nèi)〉镁薮蟪晒Φ脑蛑?。當我們使用這些軟件的時候,腦海里并沒有任何特定的目標;我們每一次滾動頁面時都會有新的內(nèi)容出現(xiàn),而不需要將指針放到什么數(shù)字上并點擊它,此時分頁反而增加了交互成本。


滾動是延續(xù),而點擊是決定?!?Josh Porter


在 Instagram 上滾動頁面


不過,如果你認為瀑布流能解決你的問題,先等等,這是 Nielsen Norman 集團對理想解決方案的看法:


瀑布流似乎是分頁形式優(yōu)雅的替代品。然而,它并不是大多數(shù)網(wǎng)站的合理選擇。如果網(wǎng)站訪問者想要實現(xiàn)目標導向型的活動,比如當他們需要快速回溯或查找特定信息時,瀑布流可能就不適合。—— 《瀑布流并不適用于所有網(wǎng)站》


那么,回到我們最關(guān)心的問題,


二、放棄分頁而使用瀑布流真的是明智之舉嗎?


Is it wise to get rid of Pagination for Infinite Scrolling?


也許在你做決定之前應(yīng)該考慮以下幾點:


1. 劃過意味著錯過!


正如一開始提到的,在瀑布流中定位內(nèi)容是相當煩人的,并且會導致糟糕的用戶體驗。而使用分頁的話,即使你記不起確切的頁碼,至少也可以記住大致的頁碼,這樣可以減少導航的麻煩。


2. 分頁利用了你的控制欲


這是心理上的感覺,沒有什么比從我們手中奪走控制權(quán)更褻瀆神明的了。我知道這有點過分,但我們確實喜歡控制一切,不是嗎?


分頁會給你一種控制感。除非你愿意,否則它不會向你展示大量的內(nèi)容。最重要的是,它不會讓你去猜頁面何時結(jié)束。


3. 瀑布流會使?jié)L動條失靈


滾動條的長度應(yīng)該反映頁面的長度。然而,在瀑布流頁面中,一旦你認為你已經(jīng)滑到了頁面盡頭,滾動條會突然失靈,然后顯示雙倍的未讀內(nèi)容。這對用戶來說簡直是個惡作劇。我們不喜歡被愚弄,隨時可能會憤怒地關(guān)掉頁面。


Credits:Giphy


以上就是在“分頁”和“瀑布流”之間進行兩難選擇時,你應(yīng)該考慮的一切。兩者都有各自的優(yōu)缺點,需要進行權(quán)衡才能做出選擇。談?wù)勀銓@件事的看法吧~


原文:https://uxdesign.cc/should-we-get-rid-of-pagination-for-infinite-scrolling-70b20cb21294


作者:Darshan Kanade

請登錄后查看

丶Handson丨多店客戶經(jīng)理 最后編輯于2023-02-22 18:31:11

快捷回復
回復
回復
回復({{post_count}}) {{!is_user ? '我的回復' :'全部回復'}}
排序 默認正序 回復倒序 點贊倒序

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}} LV.{{ item.user_info.bbs_level || item.bbs_level }}

作者 管理員 企業(yè)

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest == 1? '取消推薦': '推薦'}}
{{item.is_suggest == 1? '取消推薦': '推薦'}}
沙發(fā) 板凳 地板 {{item.floor}}#
{{item.user_info.title || '暫無簡介'}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
打賞
已打賞¥{{item.reward_price}}
{{item.like_count}}
{{item.showReply ? '取消回復' : '回復'}}
刪除
回復
回復

{{itemc.user_info.nickname}}

{{itemc.user_name}}

回復 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}
打賞
已打賞¥{{itemc.reward_price}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回復' : '回復'}}
刪除
回復
回復
查看更多
打賞
已打賞¥{{reward_price}}
1158
{{like_count}}
{{collect_count}}
添加回復 ({{post_count}})

相關(guān)推薦

快速安全登錄

使用微信掃碼登錄
{{item.label}} 加精
{{item.label}} {{item.label}} 板塊推薦 常見問題 產(chǎn)品動態(tài) 精選推薦 首頁頭條 首頁動態(tài) 首頁推薦
取 消 確 定
回復
回復
問題:
問題自動獲取的帖子內(nèi)容,不準確時需要手動修改. [獲取答案]
答案:
提交
bug 需求 取 消 確 定
打賞金額
當前余額:¥{{rewardUserInfo.reward_price}}
{{item.price}}元
請輸入 0.1-{{reward_max_price}} 范圍內(nèi)的數(shù)值
打賞成功
¥{{price}}
完成 確認打賞

微信登錄/注冊

切換手機號登錄

{{ bind_phone ? '綁定手機' : '手機登錄'}}

{{codeText}}
切換微信登錄/注冊
暫不綁定
CRMEB客服

CRMEB咨詢熱線 咨詢熱線

400-8888-794

微信掃碼咨詢

CRMEB開源商城下載 源碼下載 CRMEB幫助文檔 幫助文檔
返回頂部 返回頂部
CRMEB客服