小屏幕,大世界;“Next”背后的秘密

0 評(píng)論 1515 瀏覽 0 收藏 7 分鐘

翻頁(yè)控件在很多手機(jī)端產(chǎn)品中屬于容易被忽視但又不可或缺的一部分,今天就手機(jī)端產(chǎn)品翻頁(yè)控件的分類(lèi)和使用談?wù)勛约阂恍┐譁\的看法。

在手機(jī)端產(chǎn)品中,翻頁(yè)控件的展示形式五花八門(mén);以所展示信息內(nèi)容的性質(zhì)和用戶的使用情境作為維度劃分的話,大致可以分為這樣幾個(gè)類(lèi)型:

A:時(shí)效類(lèi)翻頁(yè)控件

產(chǎn)品所展示的信息在“時(shí)效性”“關(guān)聯(lián)度”“內(nèi)容質(zhì)量”等屬性上具有較高的權(quán)重;主要包括新聞?lì)惍a(chǎn)品、微博類(lèi)產(chǎn)品,SNS應(yīng)用的好友新鮮事等。在使用情景上,如新聞、微博這類(lèi)產(chǎn)品,用戶通常是關(guān)注最新產(chǎn)生的信息,較舊的信息則隨著時(shí)間推移慢慢下沉;這就需要簡(jiǎn)單的翻頁(yè)操作,同時(shí)又能夠方便快速的刷新頁(yè)面,獲取最新信息。

B:閱讀類(lèi)翻頁(yè)控件

所展示的信息具有很強(qiáng)“連續(xù)性”“流”等屬性,典型的例子是網(wǎng)絡(luò)小說(shuō)、電子書(shū)等長(zhǎng)篇幅的閱讀類(lèi)信息。對(duì)比傳統(tǒng)的閱讀行為,這類(lèi)產(chǎn)品的翻頁(yè)操作要盡可能的符合用戶的心理模型:一本書(shū)拿在手里,書(shū)有多厚,看了多少,書(shū)的章節(jié)目錄,上一次讀到哪里(通過(guò)書(shū)簽或折頁(yè)等記號(hào))……都是一目了然的;此時(shí)的翻頁(yè)控件,也不僅僅要提供簡(jiǎn)單的前后翻頁(yè)功能,同時(shí)也告訴用戶當(dāng)前的閱讀位置(如“23/344頁(yè)”等),提供快速翻頁(yè)和定位的功能(如頁(yè)面跳轉(zhuǎn)功能和縮略瀏覽等),同時(shí)能夠標(biāo)記最后一次閱讀的位置。

這是Android操作系統(tǒng)下的一個(gè)電子書(shū)的翻頁(yè)控件,通過(guò)選擇百分比來(lái)粗略定位整本書(shū)的閱讀位置,再在小范圍內(nèi)準(zhǔn)確翻選書(shū)的頁(yè)碼,基本上符合我們平時(shí)閱讀紙質(zhì)書(shū)籍的一些行為習(xí)慣(拿過(guò)一本書(shū),我記得那段精彩的片段是在書(shū)讀到一多半的時(shí)候,好像是第五章?應(yīng)該就是在這幾頁(yè),80頁(yè)?不是,在后面;……哦找到了,在81頁(yè))

C: 瀏覽/查找類(lèi)翻頁(yè)控件

信息多以列表形式展示,各塊信息之間相對(duì)獨(dú)立。它們的排列和呈現(xiàn)方式或按時(shí)間先后、或按首字母順序、或隨機(jī)排列。例如論壇類(lèi)產(chǎn)品的帖子列表、博客文章列表、圖片庫(kù)、媒體庫(kù)等。用戶能夠在各個(gè)頁(yè)面之間方便的跳轉(zhuǎn),比如在論壇、貼吧中查看一篇比較舊的帖子,或是在圖片庫(kù)里瀏覽命名以“M”開(kāi)頭的所有圖片……



(上圖)ipad上一個(gè)應(yīng)用的翻頁(yè)控件,點(diǎn)擊控件可以在展示當(dāng)前頁(yè)的同時(shí),瀏覽其他頁(yè)面的內(nèi)容概要,而不必逐頁(yè)翻看。


再說(shuō)說(shuō)手機(jī)端翻頁(yè)控件的展現(xiàn)形式,從這個(gè)維度上劃分,可以有這樣兩大類(lèi):

一.依據(jù)不同平臺(tái)特點(diǎn),發(fā)揮優(yōu)勢(shì),提升操作體驗(yàn);例如下面這些iphone平臺(tái)手機(jī)上一些產(chǎn)品的翻頁(yè)控件:


這些控件在形式表現(xiàn)上更加豐富,擬物化的設(shè)計(jì)豐富了操作體驗(yàn);缺點(diǎn)是占用更多的硬件資源,而且不太適合海量信息的翻頁(yè)展示。

二.在眾多的手機(jī)端應(yīng)用中,還可以看到很多這種來(lái)自服務(wù)端的翻頁(yè)控件,多以一連串文字鏈接的形式展現(xiàn)。通常組成這些控件的可以是以下這些元素:

1.上一頁(yè),下一頁(yè)的跳轉(zhuǎn)

2.首頁(yè)、尾頁(yè)的跳轉(zhuǎn)

3.頁(yè)碼鏈接

4.當(dāng)前位置指示(如:3/56頁(yè) 等)

5.頁(yè)面跳轉(zhuǎn)控件(直接輸入頁(yè)碼然后跳轉(zhuǎn))

6.“顯示更多…”之類(lèi)的鏈接文字

7.章節(jié)之間的跳轉(zhuǎn)(小說(shuō)類(lèi)產(chǎn)品)

……

這些元素怎么組合最為合理,用戶使用是來(lái)最方便,要視具體情況而定。

以上就是對(duì)手機(jī)端產(chǎn)品翻頁(yè)控件做的一些粗淺整理歸納。具體到設(shè)計(jì)應(yīng)用中,我們需要根據(jù)產(chǎn)品性質(zhì)、用戶操作使用情景、手機(jī)和操作平臺(tái)本身的特性等具體情況來(lái)考慮設(shè)計(jì)使用翻頁(yè)控件。

出自”百度MUX”:http://mux.baidu.com/2011/03/763/

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!