我們在瀏覽網(wǎng)頁的時候偶爾會遇到一些陌生的網(wǎng)頁交互行為，通常情況下它們并不會影響你的正常使用，之所以出現(xiàn)情況往往是因為，設(shè)計師在設(shè)計某個交互方式的時候，遇到了常用的交互模式無法解決的問題，因此會采用一種創(chuàng)新的交互模式來解決問題。通常情況下這些創(chuàng)新的交互方式將會是我們學(xué)習(xí)的絕佳案例。對設(shè)計師拓寬思路很有好處，今天我們介紹的是一個來自google的sns社區(qū)orkut 的對關(guān)閉按鈕的創(chuàng)新應(yīng)用。
應(yīng)用場景：orkut組件是默認展示在profile頁面的，可以通過執(zhí)行兩種操作隱藏和移除來關(guān)閉該組件在profile里的顯示狀態(tài)，區(qū)別是隱藏后該組件還可以在組建庫中找回，移除后組件無法找回只能重新添加。
通常我們會采取的方案：
如圖，通常遇到這種情況我們會設(shè)計兩個按鈕一個隱藏一個移除。好處：兩個任務(wù)直接展現(xiàn)，操作也很直接。只需一次點擊即可。弊端：用戶不理解隱藏和移除代表什么意思，無法預(yù)知操作結(jié)果，兩個動作的操作結(jié)果在此頁面的表現(xiàn)是一樣的，而且操作在當前頁面不可逆。
挑戰(zhàn)：怎樣以一種清晰的方式告訴用戶隱藏和移除的區(qū)別，兩個動作行為結(jié)果是一樣的，即此組件從當前頁面消失，區(qū)別是隱藏的組件還可以在組件列表被找到而移除的組件則不能。
解決思路：對動作進行相對詳細的文字解釋是表現(xiàn)這種區(qū)別的最直接的方法，但頁面空間非常有限，因此不可能在頁面中直接添加動作解釋。這時候選擇彈出窗成了一個很自然的選擇（就是在點關(guān)閉按鈕后彈出窗口，在彈出窗中我們可以對隱藏和移除兩個行為做出更清晰的解釋，用戶就可一作出更明確的選擇）。最終，設(shè)計師選擇的是，類似于下拉菜單的，小面積的浮出層。
最終方案：把兩種操作整合為一個關(guān)閉按鈕（關(guān)閉按鈕恰好可以概括兩個操作在當前頁面的相同結(jié)果，是這兩個操作的交集，因此語義上非常恰當），在點關(guān)閉后用戶會看到兩個有詳細注釋的按鈕，“hide from my profile（在當前頁面隱藏）”和“remove this application（移除此組件）”這時候用戶就可以作出相對準確的選擇了。
設(shè)計師之所以沒有選擇彈出窗的形式，是因為這樣做會增加用戶的認知負擔(dān)，并且從可逆性角度考慮即使用戶勿刪了組件仍然可以用添加組件的方式找回，所以線上的這種方式是最佳的選擇。
原文：http://ued.taobao.com/blog/2009/01/04/strange_close_button/
粵公網(wǎng)安備 44010402000282號