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