四、翻頁的創(chuàng)新 【替代法】

傳統(tǒng)的翻頁方式是“上一頁+頁碼+下一頁”，大家最熟悉的設(shè)計(jì)。

Bing圖片搜索

Google reader

看圖購

而近年興起的這種“無盡滾動(dòng)翻頁”的翻頁方式，即滾動(dòng)條拖動(dòng)到最底部后開始加載后面的內(nèi)容，而不再有“上一頁+頁碼+下一頁”這樣的鏈接。

相對(duì)而言twitter、Iphone app store這樣的“遞進(jìn)式翻頁”則沒那么激進(jìn)，保留了一個(gè)翻頁按鈕，是介于傳統(tǒng)翻頁與無盡滾動(dòng)翻頁的一種折中方式。

上圖是Google book search一個(gè)巧妙的翻頁設(shè)計(jì)，鼠標(biāo)懸停在文檔底部一個(gè)局部區(qū)域（高度約50px）時(shí)，出現(xiàn)一個(gè)半透明的層，點(diǎn)擊這個(gè)層開始翻頁。這個(gè)巨大的輔助翻頁按鈕，大大提升了翻頁的便利性，且對(duì)界面影響很小。

這里講到的翻頁組件創(chuàng)新，是用新的翻頁方式替代傳統(tǒng)翻頁組件。從信息的結(jié)構(gòu)來看，傳統(tǒng)翻頁是將信息分段，而“無盡滾動(dòng)翻頁”屬于信息滾動(dòng)。這兩種方式對(duì)應(yīng)現(xiàn)實(shí)生活中的原型是：書籍和電影膠片，書籍把信息拆分到每頁里去翻動(dòng)，電影膠片的信息則一幀幀的滾動(dòng)而過。

從信息流動(dòng)速度和翻頁便利性來看，“信息滾動(dòng)”遠(yuǎn)遠(yuǎn)大于“信息分段”。這兩種翻頁方式應(yīng)該如何選擇？我想這應(yīng)該取決于用戶對(duì)后面內(nèi)容的需求強(qiáng)度，像google搜索結(jié)果頁這種越往后信息質(zhì)量越低的場景，用戶對(duì)翻頁需求并不那么強(qiáng)烈。Google reader這樣不是按信息質(zhì)量排序的場景，提供高速的翻頁方式是個(gè)相對(duì)必要的做法。需要注意的是，滾動(dòng)翻頁不利于內(nèi)容準(zhǔn)確定位和信息回溯。

信息流動(dòng)速度對(duì)信息接受者心態(tài)有很大影響，流動(dòng)速度越快信息吸收量相對(duì)越小，所以閱讀pdf文檔比閱讀紙質(zhì)書籍心情急躁，忍不住去翻頁，是在“掃描”而不是“閱讀”（個(gè)人主觀感受，如有雷同純屬必然）

由此也延伸出一點(diǎn)，交互設(shè)計(jì)師的工作職責(zé)除了架構(gòu)信息，還應(yīng)該控制信息的流動(dòng)速度和供給量。

總結(jié)

最后，以一張圖片總結(jié)交互組件創(chuàng)新的四種方式，一家之言希望對(duì)大家有所啟發(fā)。創(chuàng)新無定法，必然存在更多創(chuàng)新方式，歡迎交流補(bǔ)充: pigtwo#gmail.com

不一樣的交互組件（上）

不一樣的交互組件（中）

本期碳酸飲料會(huì)完整PPT下載>>

原文：http://ued.taobao.com/blog/2010/02/05/interactive-controls-innovation3/