• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 淺析“Rich”設(shè)計模式	共有1403人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時間：2019/7/20 18:26:00 樓　主 淺析“Rich”設(shè)計模式 　　但凡設(shè)計師都對簡潔的設(shè)計情有獨鐘，我們不喜歡復(fù)雜，卻也不能不會rich。 　　先來看下“rich”在字典里的意思： 　　(1)havinganabundantsupplyofdesirablequalitiesorsubstances； 　　(2)ofgreatworthorquality； 　　(3)veryproductive；… 　　可見，“rich”即暗示比滿足普遍需要或期望的要多。 　　那么以RIA為例，來看下RIA（RichInternetapplications富互聯(lián)網(wǎng)應(yīng)用程序）比IA（Internetapplications）多在哪？ 　　更快、更直接的互動、更仿真、更流暢的體驗、更cool、更好玩、更易安裝、更容易傳播、更安全…更容易使用戶迷惑、更復(fù)雜、更容易不切實際、更難部署、更高開發(fā)成本… 　　——可見，多出來的既有優(yōu)點也有缺點。 　　我們假設(shè)B=f（U，E），即行為(Behavior)是一種以用戶(User)與環(huán)境(Environment)為變量的函數(shù)(function)。 　　我們想要通過交互設(shè)計創(chuàng)建一個符合邏輯的流程以及在其中進行的符合意料的行為，但是我們不能直接控制用戶，我們需要通過交互、界面設(shè)計等，找到有效控制環(huán)境的方式。因此，我們要仔細的研習(xí)下更“rich”的控制與體驗并不斷探索。以RIA為例，這種探索包括了解其應(yīng)用類型與常用模式，了解其設(shè)計挑戰(zhàn)與風(fēng)險，在設(shè)計其應(yīng)用時注意揚長避短，并學(xué)會評估由此形成的效應(yīng)。 　　應(yīng)用類型與常用模式 　　RIA從應(yīng)用上可以做為： 　　?單獨的軟件、widget（脫離瀏覽器在桌面上運行） 　　?網(wǎng)站的某些部分（在瀏覽器中有效地運行） 　　?添加到傳統(tǒng)的網(wǎng)頁的“豐富組件”（來導(dǎo)航或互動） 　　且目前已有以下幾種類型的應(yīng)用： 　　?信息/參考應(yīng)用：網(wǎng)絡(luò)/本地資源的整合，搜索，多媒體，用戶參與… 　　?資源瀏覽/編輯應(yīng)用：瀏覽，閱讀，檢索、分類，協(xié)作，發(fā)布… 　　?電子商務(wù)應(yīng)用：購物，數(shù)據(jù)庫瀏覽… 　　?實用應(yīng)用：提示，過濾，幫助，向?qū)А?br /> 　　?娛樂應(yīng)用：游戲… 　　?營銷應(yīng)用：廣告… 　　先將這些應(yīng)用中RIA的模式窮舉一下： 　　再將這些模式分解： 　　?交互——每一種模式都以一種交互開始。 　　懸浮、鼠標滑過、點擊、釋放、快捷鍵、拖拽、移動、選擇、定焦、調(diào)整大小… 　　?操作： 　　查找——“我需要的時候能找到信息” 　　動匹配、載入內(nèi)容、縮小選擇、及時搜索、精確搜索、動態(tài)過濾、細節(jié)縮放、隨需刷新、懸停出現(xiàn)的詳細信息、原位替換、可調(diào)整大小的模塊、滾動的模塊、模塊擴展… 　　動作——“在界面情境中我能夠采取行動” 　　拖拽模塊、當(dāng)頁編輯、內(nèi)置文字編輯、內(nèi)置標記編輯、內(nèi)置的自定義編輯、直接的靜態(tài)編輯、評價評級、彈出或滑出的自定義編輯、網(wǎng)格單元編輯、記憶選擇、自動保存、記憶配置… 　　驗證——“我能提前預(yù)防錯誤發(fā)生” 　　內(nèi)置驗證、驗證后建議、氣泡提示、計數(shù)（如用在文本框的字符限制）、即時預(yù)覽… 　　消息——“我能及時的溝通” 　　?界面呈現(xiàn)：界面的更新 　　可用的、已用的、指示、忙碌的指示、進度指示、內(nèi)置狀態(tài)、光標狀態(tài)、漸隱漸現(xiàn)、對比度、動態(tài)目標、顯示焦點、燈箱特效、高亮、褪色、擴展、淡入淡出、翻轉(zhuǎn)、移動、折疊、幻燈片特效、動畫… 　　設(shè)計風(fēng)險 　　關(guān)于RIA設(shè)計容易出現(xiàn)的問題與應(yīng)用風(fēng)險，幾年來已有很多專家總結(jié)，在此僅承接上述模式分類概況幾點： 　　信息瀏覽與查找是否需要用戶更多的注意力和鼠標操作，如：點擊、拖拽、滾動?一個頁面是否弄得太亂了？是否在界面上濫用了豐富的交互形式？組件與整體頁面是否協(xié)調(diào)？視覺上是否體現(xiàn)出了層次關(guān)系？新的交互模式是否改變了用戶使用傳統(tǒng)網(wǎng)絡(luò)的習(xí)慣？用戶可能看不出RIAs和傳統(tǒng)網(wǎng)站的不同——但其實沒有后退按鈕了？沒有彈出提示窗口了？ 　　那么我們在設(shè)計時就要注意建立一些原則盡量規(guī)避風(fēng)險： 　　1：將控件及其功能可視化，使用戶對控件的位置及其作用容易理解。保持操作一致性及與其他類似網(wǎng)站/桌面應(yīng)用程序的一致性。 　　2：提供明顯的返回途徑或確保后退按鈕可用。后退按鈕通常被視為錨點，一種大眾用戶的取消方法。 　　3：變化適當(dāng)。界面中有更新或微型狀態(tài)變化時，確保人們注意到這些變化： 　　選擇適當(dāng)?shù)膭討B(tài)效果和顏色變化吸引注意。 　　變化應(yīng)該發(fā)生在人們在看的區(qū)域及附近。 　　不要同時更新多處，用戶的注意力跨度過大以至于感覺混亂。 　　4：當(dāng)界面上的變化不及時時，提供及時的信息反饋；善用提示更新的方式。 　　5：不要在一個頁面塞滿內(nèi)容，騰出空間給新內(nèi)容。 　　6：在（概念）設(shè)計階段不要做太多混合應(yīng)用，做好可復(fù)用的設(shè)計。 　　7：提前規(guī)劃無障礙設(shè)計。RIA中的可用性往往比較困難，比如使用移動設(shè)備訪問可能無法正常顯示（即使使用iPhone)，因此可能需要準備其他版本。 　　一致性的標準來規(guī)范設(shè)計 　　對于設(shè)計標準，有兩件事一定要明確。一，仍然是以用戶為中心進行設(shè)計，二是要想清楚rich在哪里可以增加價值。因此評估時要盡量對目標用戶測試全方位的互動體驗，對于高概率的變化與更新建立詳細的標準。比如，我們要規(guī)范“懸停出現(xiàn)詳細信息”這一模式，就需要說明當(dāng)需要在界面情境中（文字段落、圖片等）查看詳細信息時，彈出氣泡太快或太慢都可能降低用戶體驗，因此要注意規(guī)范到對于氣泡的彈出要相比鼠標觸發(fā)有0.3s的延遲；鼠標移開或有點擊行為時彈出的氣泡立即消失。 　　如前所述，當(dāng)RIAs為我們提供了提升體驗的巨大機會，如何設(shè)計更“rich”的控制與體驗還需要不斷積累探索。 奈薇建站網(wǎng)致力于，讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點地區(qū)：青島網(wǎng)站建設(shè)價格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶