“按鈕”的狀態(tài)和交互混淆

0 評論 6097 瀏覽 6 收藏 4 分鐘

按鈕有兩個屬性:

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)自半桶水-蔣建平的博客

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!