手機網(wǎng)站交互設計中的信息設計發(fā)布者：本站     時(shí)間：2020-05-23 12:05:29

在手機上瀏覽信息，存在著(zhù)太多的局限，手機屏幕小注定了一頁(yè)不能顯示太多的信息，環(huán)境光線(xiàn)的變化注定頁(yè)面設計不能過(guò)于花哨，流量限制注定不能有太多的圖片和樣式。

如果讓你的用戶(hù)直接在手機上瀏覽為web所設計的網(wǎng)頁(yè)，即使是經(jīng)過(guò)一些手機瀏覽器的優(yōu)化，體驗還是會(huì )很糟糕，甚至有時(shí)候會(huì )讓人難以忍受。

如何調整信息展現方式，使內容能在小屏幕的手機上也更友好的展現呢？接下來(lái)我將通過(guò)一些原理和實(shí)例來(lái)闡述自己的觀(guān)點(diǎn)。

首先，老祖宗Ben Shneiderman的交互設計8項黃金法則我們要銘記于心，因為這些法則也是適用于移動(dòng)互聯(lián)網(wǎng)的基本法則——


Strive for consistency.力求一致
Enable frequent users to use shortcuts.允許頻繁的使用快捷鍵
Offer informative feedback.提供明確的反饋
Design dialog to yield closure.設計對話(huà)，告訴用戶(hù)任務(wù)已完成
Offer simple error handling.提供錯誤預防和簡(jiǎn)單的糾錯能力
Permit easy reversal of actions.應該方便用戶(hù)取消某個(gè)操作
Support internal locus of control.用戶(hù)應掌握控制權
Reduce short-term memory load.減輕用戶(hù)的記憶負擔
其次，針對手機上的交互設計原則，還有以下需要補充的一些點(diǎn)——

盡量減少操作的步驟
盡量利用點(diǎn)擊來(lái)代替輸入
時(shí)刻讓用戶(hù)知道自己所處的位置
與web保持一致且數據同步
為輸入法讓出空間
而對于手機上的信息展示方式而言，則是本文討論的重點(diǎn)，也是從《Mobile Interaction Design》一書(shū)上受到了些啟發(fā)。

手機上的信息展現，一方面要有利于你找到需要的信息，一方面要提供友好的方式閱讀你需要的信息。為了在手機上有效的支持這兩個(gè)任務(wù)，手機網(wǎng)站交互設計中的信息設計需要滿(mǎn)足以下幾條：

摘要形式展現信息
導航和提示處于明顯的位置