這是一個產品編輯界面，界面分成兩個區(qū)域，左邊是編輯區(qū)，右邊資源區(qū)，用戶在資源區(qū)選擇圖片，執(zhí)行添加或替換操作即能把資源加載進編輯區(qū)。這種對照模式把左右兩個區(qū)域的信息匹配起來，使用戶非常直觀的評估他的操作行為和結果。

這里要討論的是右側的交互設計，模式對用戶意圖的把握很清楚，即：先選擇資源，然后執(zhí)行添加操作。步驟也很簡單：

1. 在網格資源列表中瀏覽縮略圖；

2. （眼睛選定某個圖）單擊鼠標左鍵

3. 以縮略圖左上角為坐標原點定位到x＝20，y＝-20的位置出現浮動面板，顯示詳圖預覽；并提供“添加”和“替換”功能按鈕；

4. 點擊按鈕執(zhí)行相應的操作。

考慮到熟練用戶不需要預覽詳圖，快速添加的需要，if，雙擊鼠標左鍵，不出現浮動面板，直接添加圖片，或替換當前的資源；

當編碼人員把交互demo做出來，問題出現了，當用戶在縮略圖區(qū)域雙擊鼠標時，有時可以直接添加圖片有時卻是出現浮動面板，而添加不進來呢？那么就意味著“有時候”“雙擊＝單擊” 這種反饋結果和用戶企圖之間的錯位，使操作行為就變得不可信了。

問題處在哪里？后來經過反復的點擊對比，終于發(fā)現問題的所在：

在圖示紅色的縮略圖區(qū)域雙擊鼠標，系統(tǒng)接收到完整的雙擊事件，執(zhí)行添加動作；在圖示白色的浮動面板定位區(qū)域和縮略圖的重疊區(qū)域雙擊鼠標，結果是一個戲劇性的系統(tǒng)反饋，系統(tǒng)首先在瞬間響應一個單擊事件，立即打開浮動面板，然后，另一個瞬間單擊，被浮動面板捕獲，變成了一個無效點擊。

把這樣的產品給用戶使用顯然不行，怎么辦？

把雙擊取消？那會損害熟練用戶的利益；
把單擊變成右鍵？會損害大多數不甚熟練用戶的利益，而且把本應顯而易見的功能“藏”到只作為輔助手段的右鍵中，明顯有悖設計原則，另外，這樣也會使用戶習慣的左鍵單擊無反饋，更加不行！

#p#

設計不變，要達到目的，還是得從技術上找應對之策，從技術分析上看，因為“熱區(qū)”重疊才出現了這樣的問題，單、雙擊可以共用熱區(qū)，但是和浮動面板熱區(qū)重疊，就會把雙擊“分割”成一個有效單擊和一個無效單擊。浮動面板功能在msn和yahoo message都有，為什么沒有熱區(qū)沖突，是因為它的浮動面板在主窗體之外。

msn和yahoo message略有差別：

msn打開浮動面板的單擊熱區(qū)和選擇聯系人單擊熱區(qū)不同；
yahoo打開浮動面板的單擊熱區(qū)和選擇聯系人的單擊熱區(qū)相同，單擊聯系人即選擇聯系人，同時打開面板；而且，不選擇聯系人，鼠標移入聯系人熱區(qū)，就能打開浮動面板；

我們不可能移開浮動面板，但是可以從單、雙擊的熱區(qū)上找解決問題的辦法：

把雙擊熱區(qū)從重疊區(qū)域移開，圖示白色圖片編碼區(qū)域定義為雙擊熱區(qū)，就避免了上述問題，剛好也符合熟練用戶執(zhí)行快速操作時，以編碼作為激發(fā)詳圖記憶的心理特點。

符合易用和技術限制的設計方案出來，這是一次成功的迭代，不僅滿足了技術限制，而且使設計方案更加成熟，更利于區(qū)別熟練用戶和普通用戶，以及他們的操作習慣。

但是，修改方案開發(fā)人員來說并不是“福音” 他不僅需要另外定義雙擊熱區(qū)，還要在用戶鼠標移入雙擊熱區(qū)時，給予功能操作暗示進行編碼，這無疑增加了他的開發(fā)量，開發(fā)人員其實是不大情愿的。他覺得，只要雙擊功能實現了，又解決了技術上的沖突，要“熱區(qū)視覺暗示”干什么？因為他不理解用戶，假如沒有視覺暗示與用戶意圖相匹配，那么，即使實現了功能，那也是被隱藏的。需要用戶以瞎子摸象的交互方式操作顯然是失敗的。