我們?cè)跒g覽網(wǎng)頁的時(shí)候偶爾會(huì)遇到一些陌生的網(wǎng)頁交互行為，通常情況下它們并不會(huì)影響你的正常使用，之所以出現(xiàn)情況往往是因?yàn)?，設(shè)計(jì)師在設(shè)計(jì)某個(gè)交互方式的時(shí)候，遇到了常用的交互模式無法解決的問題，因此會(huì)采用一種創(chuàng)新的交互模式來解決問題。通常情況下這些創(chuàng)新的交互方式將會(huì)是我們學(xué)習(xí)的絕佳案例。對(duì)設(shè)計(jì)師拓寬思路很有好處，今天我們介紹的是一個(gè)來自google的sns社區(qū)orkut 的對(duì)關(guān)閉按鈕的創(chuàng)新應(yīng)用。

應(yīng)用場景：orkut組件是默認(rèn)展示在profile頁面的，可以通過執(zhí)行兩種操作隱藏和移除來關(guān)閉該組件在profile里的顯示狀態(tài)，區(qū)別是隱藏后該組件還可以在組建庫中找回，移除后組件無法找回只能重新添加。

通常我們會(huì)采取的方案：

 
如圖，通常遇到這種情況我們會(huì)設(shè)計(jì)兩個(gè)按鈕一個(gè)隱藏一個(gè)移除。好處：兩個(gè)任務(wù)直接展現(xiàn)，操作也很直接。只需一次點(diǎn)擊即可。弊端：用戶不理解隱藏和移除代表什么意思，無法預(yù)知操作結(jié)果，兩個(gè)動(dòng)作的操作結(jié)果在此頁面的表現(xiàn)是一樣的，而且操作在當(dāng)前頁面不可逆。

挑戰(zhàn)：怎樣以一種清晰的方式告訴用戶隱藏和移除的區(qū)別，兩個(gè)動(dòng)作行為結(jié)果是一樣的，即此組件從當(dāng)前頁面消失，區(qū)別是隱藏的組件還可以在組件列表被找到而移除的組件則不能。

解決思路：對(duì)動(dòng)作進(jìn)行相對(duì)詳細(xì)的文字解釋是表現(xiàn)這種區(qū)別的最直接的方法，但頁面空間非常有限，因此不可能在頁面中直接添加動(dòng)作解釋。這時(shí)候選擇彈出窗成了一個(gè)很自然的選擇（就是在點(diǎn)關(guān)閉按鈕后彈出窗口，在彈出窗中我們可以對(duì)隱藏和移除兩個(gè)行為做出更清晰的解釋，用戶就可一作出更明確的選擇）。最終，設(shè)計(jì)師選擇的是，類似于下拉菜單的，小面積的浮出層。

最終方案：把兩種操作整合為一個(gè)關(guān)閉按鈕（關(guān)閉按鈕恰好可以概括兩個(gè)操作在當(dāng)前頁面的相同結(jié)果，是這兩個(gè)操作的交集，因此語義上非常恰當(dāng)），在點(diǎn)關(guān)閉后用戶會(huì)看到兩個(gè)有詳細(xì)注釋的按鈕，“hide from my profile（在當(dāng)前頁面隱藏）”和“remove this application（移除此組件）”這時(shí)候用戶就可以作出相對(duì)準(zhǔn)確的選擇了。

設(shè)計(jì)師之所以沒有選擇彈出窗的形式，是因?yàn)檫@樣做會(huì)增加用戶的認(rèn)知負(fù)擔(dān)，并且從可逆性角度考慮即使用戶勿刪了組件仍然可以用添加組件的方式找回，所以線上的這種方式是最佳的選擇。

原文：http://ued.taobao.com/blog/2009/01/04/strange_close_button/