|
原文：
http://hi.baidu.com/interaction%5Fdesign/blog/item/824216f5339e4524bc3109aa.html
這是一個產(chǎn)品編輯界面，界面分成兩個區(qū)域，左邊是編輯區(qū)，右邊資源區(qū)，用戶在資源區(qū)選擇圖片，執(zhí)行添加或替換操作即能把資源加載進編輯區(qū)。這種對照模式把左右兩個區(qū)域的信息匹配起來，使用戶非常直觀的評估他的操作行為和結(jié)果。
這里要討論的是右側(cè)的交互設(shè)計，模式對用戶意圖的把握很清楚，即：先選擇資源，然后執(zhí)行添加操作。步驟也很簡單：
- 在網(wǎng)格資源列表中瀏覽縮略圖；
- （眼睛選定某個圖）單擊鼠標左鍵
- 以縮略圖左上角為坐標原點定位到x＝20，y＝-20的位置出現(xiàn)浮動面板，顯示詳圖預(yù)覽；并提供“添加”和“替換”功能按鈕；
- 點擊按鈕執(zhí)行相應(yīng)的操作。
考慮到熟練用戶不需要預(yù)覽詳圖，快速添加的需要，if，雙擊鼠標左鍵，不出現(xiàn)浮動面板，直接添加圖片，或替換當前的資源；
當編碼人員把交互demo做出來，問題出現(xiàn)了，當用戶在縮略圖區(qū)域雙擊鼠標時，有時可以直接添加圖片有時卻是出現(xiàn)浮動面板，而添加不進來呢？那么就意味著“有時候”“雙擊＝單擊” 這種反饋結(jié)果和用戶企圖之間的錯位，使操作行為就變得不可信了。
問題處在哪里？后來經(jīng)過反復(fù)的點擊對比，終于發(fā)現(xiàn)問題的所在：
在圖示紅色的縮略圖區(qū)域雙擊鼠標，系統(tǒng)接收到完整的雙擊事件，執(zhí)行添加動作；在圖示白色的浮動面板定位區(qū)域和縮略圖的重疊區(qū)域雙擊鼠標，結(jié)果是一個戲劇性的系統(tǒng)反饋，系統(tǒng)首先在瞬間響應(yīng)一個單擊事件，立即打開浮動面板，然后，另一個瞬間單擊，被浮動面板捕獲，變成了一個無效點擊。
把這樣的產(chǎn)品給用戶使用顯然不行，怎么辦？
把雙擊取消？那會損害熟練用戶的利益；
把單擊變成右鍵？會損害大多數(shù)不甚熟練用戶的利益，而且把本應(yīng)顯而易見的功能“藏”到只作為輔助手段的右鍵中，明顯有悖設(shè)計原則，另外，這樣也會使用戶習(xí)慣的左鍵單擊無反饋，更加不行！
出處：大智交互設(shè)計
責(zé)任編輯：moby
上一頁 下一頁 技術(shù)限制下交互差錯及應(yīng)對 [2]
|
第 1 頁 技術(shù)限制下交互差錯及應(yīng)對 [1]
第 2 頁 
