推薦：加速圖片顯示
原文：http://blog.rexsong.com/?p=746#comments加速的要害，不是降低重量，而是減少個數(shù)。假如重量在200K以內(nèi)，只要網(wǎng)絡(luò)不是非凡慢，效率都差不多。但是，假

原文：
http://hi.baidu.com/interaction_design/blog/item/824216f5339e4524bc3109aa.html

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

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

1. 在網(wǎng)格資源列表中瀏覽縮略圖；
2. （眼睛選定某個圖）單擊鼠標(biāo)左鍵
3. 以縮略圖左上角為坐標(biāo)原點定位到x＝20，y＝-20的位置出現(xiàn)浮動面板，顯示詳圖預(yù)覽；并提供“添加”和“替換”功能按鈕；
4. 點擊按鈕執(zhí)行相應(yīng)的操作。

考慮到熟練用戶不需要預(yù)覽詳圖，快速添加的需要，if，雙擊鼠標(biāo)左鍵，不出現(xiàn)浮動面板，直接添加圖片，或替換當(dāng)前的資源；

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

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

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

把這樣的產(chǎn)品給用戶使用顯然不行，怎么辦？

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

分享：劉亮：什么網(wǎng)站才算是好站?
一網(wǎng)站的發(fā)展歷史及其當(dāng)前在行業(yè)內(nèi)的地位（這方面的判定需要很長時間的積淀）二網(wǎng)站的整體印象1打開速度和外觀設(shè)計（需要對比較流行的模版程序有所了解）