技術限制下交互差錯及應對(2)_網頁設計教程
推薦:加速圖片顯示原文:http://blog.rexsong.com/?p=746#comments加速的要害,不是降低重量,而是減少個數。假如重量在200K以內,只要網絡不是非凡慢,效率都差不多。但是,假
設計不變,要達到目的,還是得從技術上找應對之策,從技術分析上看,因為“熱區”重疊才出現了這樣的問題,單、雙擊可以共用熱區,但是和浮動面板熱區重疊,就會把雙擊“分割”成一個有效單擊和一個無效單擊。浮動面板功能在msn和yahoo message都有,為什么沒有熱區沖突,是因為它的浮動面板在主窗體之外。
msn和yahoo message略有差別:
msn打開浮動面板的單擊熱區和選擇聯系人單擊熱區不同;
yahoo打開浮動面板的單擊熱區和選擇聯系人的單擊熱區相同,單擊聯系人即選擇聯系人,同時打開面板;而且,不選擇聯系人,鼠標移入聯系人熱區,就能打開浮動面板;
我們不可能移開浮動面板,但是可以從單、雙擊的熱區上找解決問題的辦法:
把雙擊熱區從重疊區域移開,圖示白色圖片編碼區域定義為雙擊熱區,就避免了上述問題,剛好也符合熟練用戶執行快速操作時,以編碼作為激發詳圖記憶的心理特點。
符合易用和技術限制的設計方案出來,這是一次成功的迭代,不僅滿足了技術限制,而且使設計方案更加成熟,更利于區別熟練用戶和普通用戶,以及他們的操作習慣。
但是,修改方案開發人員來說并不是“福音” 他不僅需要另外定義雙擊熱區,還要在用戶鼠標移入雙擊熱區時,給予功能操作暗示進行編碼,這無疑增加了他的開發量,開發人員其實是不大情愿的。他覺得,只要雙擊功能實現了,又解決了技術上的沖突,要“熱區視覺暗示”干什么?因為他不理解用戶,假如沒有視覺暗示與用戶意圖相匹配,那么,即使實現了功能,那也是被隱藏的。需要用戶以瞎子摸象的交互方式操作顯然是失敗的。
分享:劉亮:什么網站才算是好站?一網站的發展歷史及其當前在行業內的地位(這方面的判定需要很長時間的積淀)二網站的整體印象1打開速度和外觀設計(需要對比較流行的模版程序有所了解)
- 相關鏈接:
- 教程說明:
網頁設計教程-技術限制下交互差錯及應對(2)
。
