“按鈕”的狀態(tài)和交互混淆
按鈕有兩個屬性:
1、說明。當前的屬性狀態(tài)文本,可預見的點擊處理后果。
2、動作。處理點擊用戶交互。
思維模型:
比如:我們常見的“提交注冊”、“點擊刪除”、“保存草稿”?!疤峤蛔浴泵鞔_的告訴用戶:點擊后,程序會提交注冊表單的內(nèi)容進行注冊;“點擊刪除”點擊后,將對所顯示的內(nèi)容進行刪除——這個是大家共同的思維模型。
反面案例:
但是我們也常常看到一些將狀態(tài)識別和處理交互結(jié)合在一起的按鈕,有圖有真相
例一、說明屬性和操作行為混淆。
如右圖. 這是一個國際知名殺毒軟件的開關(guān)切換按鈕,“打開”是個按鈕。
你說他現(xiàn)在是開啟還是關(guān)閉?你點擊“打開”按鈕會有什么后果?是點擊打開,還是當前已經(jīng)打開?
處理:一個按鈕的說明屬性和操作處理行為需要完整的具備,不能既是狀態(tài)又是操作行為。兩者需要有不可替代性。比如這里修改為:已關(guān)閉,點擊打開 或者 已開啟,點擊關(guān)閉(狀態(tài),操作說明)就非常明了了。
……………………………………………………………………….
例二、說明屬性和用戶心智模型的不一致。
這個圖大家都見習慣了可能,但是每次使用的時候都還是需要思考一下,或者看看下面的列表是不是已經(jīng)是預見的處理結(jié)果。
問題根本在于:價格的低到高排列、向上箭頭、顯示屏物理界面低到高存在混淆。我們把按鈕箭頭的從低到高和信用從低到高,顯示屏商品列表從低到高三者沒法統(tǒng)一起來。
處理:直接使用文字,或者用橫向的圖示說明。如”價格高到底” ?、 “信用<”、 ““。另外直接使用文字需要避免上面第一個案例的問題。
價值
用正確的說明屬性可以提高用戶思考成本和避免誤操作帶來的后果,以及直接經(jīng)濟成本(比如淘寶淘寶的商品排序頁面如果改為橫向圖示,可以大量減少頁面排序刷新操作)。轉(zhuǎn)自半桶水-蔣建平的博客
- 目前還沒評論,等你發(fā)揮!