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

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

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

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

首先，老祖宗Ben Shneiderman的交互設(shè)計8項(xiàng)黃金法則我們要銘記于心，因?yàn)檫@些法則也是適用于移動互聯(lián)網(wǎng)的基本法則——


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

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

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

摘要形式展現(xiàn)信息
導(dǎo)航和提示處于明顯的位置