但凡設(shè)計(jì)師都對(duì)簡潔的設(shè)計(jì)情有獨(dú)鐘，我們不喜歡復(fù)雜，卻也不能不會(huì)rich。
先來看下“rich”在字典里的意思：
(1) having an abundant supply of desirable qualities or substances；
(2) of great worth or quality；
(3) very productive；…
可見，“rich”即暗示比滿足普遍需要或期望的要多。
那么以RIA為例，來看下RIA（Rich Internet applications富互聯(lián)網(wǎng)應(yīng)用程序）比IA（Internet applications）多在哪？
更快、更直接的互動(dòng)、更仿真、更流暢的體驗(yàn)、更c(diǎn)ool、更好玩、更易安裝、更容易傳播、更安全…更容易使用戶迷惑、更復(fù)雜、更容易不切實(shí)際、更難部署、更高開發(fā)成本…
——可見，多出來的既有優(yōu)點(diǎn)也有缺點(diǎn)。
我們假設(shè)B=f（U，E），即行為(Behavior)是一種以用戶(User)與環(huán)境(Environment)為變量的函數(shù)(function)。
我們想要通過交互設(shè)計(jì)創(chuàng)建一個(gè)符合邏輯的流程以及在其中進(jìn)行的符合意料的行為，但是我們不能直接控制用戶，我們需要通過交互、界面設(shè)計(jì)等，找到有效控制環(huán)境的方式。因此，我們要仔細(xì)的研習(xí)下更“rich”的控制與體驗(yàn)并不斷探索。以RIA為例，這種探索包括了解其應(yīng)用類型與常用模式，了解其設(shè)計(jì)挑戰(zhàn)與風(fēng)險(xiǎn)，在設(shè)計(jì)其應(yīng)用時(shí)注意揚(yáng)長避短，并學(xué)會(huì)評(píng)估由此形成的效應(yīng)。

應(yīng)用類型與常用模式

RIA從應(yīng)用上可以做為：
?? 單獨(dú)的軟件、widget（脫離瀏覽器在桌面上運(yùn)行）
??網(wǎng)站的某些部分（在瀏覽器中有效地運(yùn)行）
??添加到傳統(tǒng)的網(wǎng)頁的“豐富組件”（來導(dǎo)航或互動(dòng)）

且目前已有以下幾種類型的應(yīng)用：
?? 信息/參考應(yīng)用：網(wǎng)絡(luò)/本地資源的整合，搜索，多媒體，用戶參與…
?? 資源瀏覽/編輯應(yīng)用：瀏覽，閱讀，檢索、分類，協(xié)作，發(fā)布…
?? 電子商務(wù)應(yīng)用：購物，數(shù)據(jù)庫瀏覽…
?? 實(shí)用應(yīng)用：提示，過濾，幫助，向?qū)А?br /> ?? 娛樂應(yīng)用：游戲…
?? 營銷應(yīng)用：廣告…

先將這些應(yīng)用中RIA的模式窮舉一下：

再將這些模式分解：
? 交互——每一種模式都以一種交互開始。
懸浮、鼠標(biāo)滑過、點(diǎn)擊、釋放、快捷鍵、拖拽、移動(dòng)、選擇、定焦、調(diào)整大小…
? 操作：
查找——“我需要的時(shí)候能找到信息”
自動(dòng)匹配、載入內(nèi)容、縮小選擇、及時(shí)搜索、精確搜索、動(dòng)態(tài)過濾、細(xì)節(jié)縮放、隨需刷新、懸停出現(xiàn)的詳細(xì)信息、原位替換、可調(diào)整大小的模塊、滾動(dòng)的模塊、模塊擴(kuò)展…

動(dòng)作——“在界面情境中我能夠采取行動(dòng)”
拖拽模塊、當(dāng)頁編輯、內(nèi)置文字編輯、內(nèi)置標(biāo)記編輯、內(nèi)置的自定義編輯、直接的靜態(tài)編輯、評(píng)價(jià)評(píng)級(jí)、彈出或滑出的自定義編輯、網(wǎng)格單元編輯、記憶選擇、自動(dòng)保存、記憶配置…

驗(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)的問題與應(yīng)用風(fēng)險(xiǎn)，幾年來已有很多專家總結(jié)，在此僅承接上述模式分類概況幾點(diǎn)：
信息瀏覽與查找是否需要用戶更多的注意力和鼠標(biāo)操作，如：點(diǎn)擊、拖拽、滾動(dòng)?一個(gè)頁面是否弄得太亂了？是否在界面上濫用了豐富的交互形式？組件與整體頁面是否協(xié)調(diào)？視覺上是否體現(xiàn)出了層次關(guān)系？新的交互模式是否改變了用戶使用傳統(tǒng)網(wǎng)絡(luò)的習(xí)慣？用戶可能看不出RIAs和傳統(tǒng)網(wǎng)站的不同——但其實(shí)沒有后退按鈕了？沒有彈出提示窗口了？
那么我們?cè)谠O(shè)計(jì)時(shí)就要注意建立一些原則盡量規(guī)避風(fēng)險(xiǎn)：
1：將控件及其功能可視化，使用戶對(duì)控件的位置及其作用容易理解。保持操作一致性及與其他類似網(wǎng)站/桌面應(yīng)用程序的一致性。
2：提供明顯的返回途徑或確保后退按鈕可用。后退按鈕通常被視為錨點(diǎn)，一種大眾用戶的取消方法。
3：變化適當(dāng)。界面中有更新或微型狀態(tài)變化時(shí)，確保人們注意到這些變化：
選擇適當(dāng)?shù)膭?dòng)態(tài)效果和顏色變化吸引注意。
變化應(yīng)該發(fā)生在人們?cè)诳吹膮^(qū)域及附近。
不要同時(shí)更新多處，用戶的注意力跨度過大以至于感覺混亂。
4：當(dāng)界面上的變化不及時(shí)時(shí)，提供及時(shí)的信息反饋；善用提示更新的方式。
5：不要在一個(gè)頁面塞滿內(nèi)容，騰出空間給新內(nèi)容。
6：在（概念）設(shè)計(jì)階段不要做太多混合應(yīng)用，做好可復(fù)用的設(shè)計(jì)。
7：提前規(guī)劃無障礙設(shè)計(jì)。RIA中的可用性往往比較困難，比如使用移動(dòng)設(shè)備訪問可能無法正常顯示（即使使用iPhone)，因此可能需要準(zhǔn)備其他版本。

一致性的標(biāo)準(zhǔn)來規(guī)范設(shè)計(jì)

對(duì)于設(shè)計(jì)標(biāo)準(zhǔn)，有兩件事一定要明確。一，仍然是以用戶為中心進(jìn)行設(shè)計(jì)，二是要想清楚rich在哪里可以增加價(jià)值。因此評(píng)估時(shí)要盡量對(duì)目標(biāo)用戶測試全方位的互動(dòng)體驗(yàn)，對(duì)于高概率的變化與更新建立詳細(xì)的標(biāo)準(zhǔn)。比如，我們要規(guī)范“懸停出現(xiàn)詳細(xì)信息”這一模式，就需要說明當(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)還需要不斷積累探索。

• (本文出自Tencent CDC Blog，轉(zhuǎn)載時(shí)請(qǐng)注明出處)