|
驗(yàn)證——“我能提前預(yù)防錯(cuò)誤發(fā)生”
內(nèi)置驗(yàn)證、驗(yàn)證后建議、氣泡提示、計(jì)數(shù)（如用在文本框的字符限制）、即時(shí)預(yù)覽…
消息——“我能及時(shí)的溝通”
界面呈現(xiàn)：界面的更新
可用的、已用的、指示、忙碌的指示、進(jìn)度指示、內(nèi)置狀態(tài)、光標(biāo)狀態(tài)、漸隱漸現(xiàn)、對(duì)比度、動(dòng)態(tài)目標(biāo)、顯示焦點(diǎn)、燈箱特效、高亮、褪色、擴(kuò)展、淡入淡出、翻轉(zhuǎn)、移動(dòng)、折疊、幻燈片特效、動(dòng)畫…
設(shè)計(jì)風(fēng)險(xiǎn)
關(guān)于RIA設(shè)計(jì)容易出現(xiàn)的問(wèn)題與應(yīng)用風(fēng)險(xiǎn)，幾年來(lái)已有很多專家總結(jié)，在此僅承接上述模式分類概況幾點(diǎn)：
信息瀏覽與查找是否需要用戶更多的注意力和鼠標(biāo)操作，如：點(diǎn)擊、拖拽、滾動(dòng)?一個(gè)頁(yè)面是否弄得太亂了？是否在界面上濫用了豐富的交互形式？組件與整體頁(yè)面是否協(xié)調(diào)？視覺上是否體現(xiàn)出了層次關(guān)系？新的交互模式是否改變了用戶使用傳統(tǒng)網(wǎng)絡(luò)的習(xí)慣？用戶可能看不出RIAs和傳統(tǒng)網(wǎng)站的不同——但其實(shí)沒(méi)有后退按鈕了？沒(méi)有彈出提示窗口了？
那么我們?cè)谠O(shè)計(jì)時(shí)就要注意建立一些原則盡量規(guī)避風(fēng)險(xiǎn)：
- 將控件及其功能可視化，使用戶對(duì)控件的位置及其作用容易理解。保持操作一致性及與其他類似網(wǎng)站/桌面應(yīng)用程序的一致性。
- 提供明顯的返回途徑或確保后退按鈕可用。后退按鈕通常被視為錨點(diǎn)，一種大眾用戶的取消方法。
- 變化適當(dāng)。界面中有更新或微型狀態(tài)變化時(shí)，確保人們注意到這些變化：
選擇適當(dāng)?shù)膭?dòng)態(tài)效果和顏色變化吸引注意。
變化應(yīng)該發(fā)生在人們?cè)诳吹膮^(qū)域及附近。
不要同時(shí)更新多處，用戶的注意力跨度過(guò)大以至于感覺混亂。
- 當(dāng)界面上的變化不及時(shí)時(shí)，提供及時(shí)的信息反饋；善用提示更新的方式。
- 不要在一個(gè)頁(yè)面塞滿內(nèi)容，騰出空間給新內(nèi)容。
- 在（概念）設(shè)計(jì)階段不要做太多混合應(yīng)用，做好可復(fù)用的設(shè)計(jì)。
- 提前規(guī)劃無(wú)障礙設(shè)計(jì)。RIA中的可用性往往比較困難，比如使用移動(dòng)設(shè)備訪問(wèn)可能無(wú)法正常顯示（即使使用iPhone)，因此可能需要準(zhǔn)備其他版本。
一致性的標(biāo)準(zhǔn)來(lái)規(guī)范設(shè)計(jì)
對(duì)于設(shè)計(jì)標(biāo)準(zhǔn)，有兩件事一定要明確。一，仍然是以用戶為中心進(jìn)行設(shè)計(jì)，二是要想清楚rich在哪里可以增加價(jià)值。因此評(píng)估時(shí)要盡量對(duì)目標(biāo)用戶測(cè)試全方位的互動(dòng)體驗(yàn)，對(duì)于高概率的變化與更新建立詳細(xì)的標(biāo)準(zhǔn)。比如，我們要規(guī)范“懸停出現(xiàn)詳細(xì)信息”這一模式，就需要說(shuō)明當(dāng)需要在界面情境中（文字段落、圖片等）查看詳細(xì)信息時(shí)，彈出氣泡太快或太慢都可能降低用戶體驗(yàn)，因此要注意規(guī)范到對(duì)于氣泡的彈出要相比鼠標(biāo)觸發(fā)有0.3s的延遲；鼠標(biāo)移開或有點(diǎn)擊行為時(shí)彈出的氣泡立即消失。
如前所述，當(dāng)RIAs為我們提供了提升體驗(yàn)的巨大機(jī)會(huì)，如何設(shè)計(jì)更“rich”的控制與體驗(yàn)還需要不斷積累探索。
本文鏈接：http://m.95time.cn/design/doc/2009/6504.asp 
出處：Tencent CDC Blog
責(zé)任編輯：bluehearts
上一頁(yè) 淺析"Rich"設(shè)計(jì)模式 [2] 下一頁(yè)
|
第 1 頁(yè) 
第 3 頁(yè) 淺析"Rich"設(shè)計(jì)模式 [3]
