按鈕有兩個(gè)屬性：

1、說明。當(dāng)前的屬性狀態(tài)文本，可預(yù)見的點(diǎn)擊處理后果。

2、動(dòng)作。處理點(diǎn)擊用戶交互。

思維模型：

比如：我們常見的“提交注冊(cè)”、“點(diǎn)擊刪除”、“保存草稿”。“提交注冊(cè)”明確的告訴用戶：點(diǎn)擊后，程序會(huì)提交注冊(cè)表單的內(nèi)容進(jìn)行注冊(cè)；“點(diǎn)擊刪除”點(diǎn)擊后，將對(duì)所顯示的內(nèi)容進(jìn)行刪除——這個(gè)是大家共同的思維模型。

反面案例：

但是我們也常?？吹揭恍顟B(tài)識(shí)別和處理交互結(jié)合在一起的按鈕，有圖有真相

例一、說明屬性和操作行為混淆。

如右圖. 這是一個(gè)國(guó)際知名殺毒軟件的開關(guān)切換按鈕，“打開”是個(gè)按鈕。

你說他現(xiàn)在是開啟還是關(guān)閉？你點(diǎn)擊“打開”按鈕會(huì)有什么后果？是點(diǎn)擊打開，還是當(dāng)前已經(jīng)打開？

處理：一個(gè)按鈕的說明屬性和操作處理行為需要完整的具備，不能既是狀態(tài)又是操作行為。兩者需要有不可替代性。比如這里修改為：已關(guān)閉，點(diǎn)擊打開 或者 已開啟，點(diǎn)擊關(guān)閉（狀態(tài)，操作說明）就非常明了了。

……………………………………………………………………….

例二、說明屬性和用戶心智模型的不一致。

這個(gè)圖大家都見習(xí)慣了可能，但是每次使用的時(shí)候都還是需要思考一下，或者看看下面的列表是不是已經(jīng)是預(yù)見的處理結(jié)果。

問題根本在于：價(jià)格的低到高排列、向上箭頭、顯示屏物理界面低到高存在混淆。我們把按鈕箭頭的從低到高和信用從低到高，顯示屏商品列表從低到高三者沒法統(tǒng)一起來。

處理：直接使用文字，或者用橫向的圖示說明。如”價(jià)格高到底” ?、 “信用<”、 ““。另外直接使用文字需要避免上面第一個(gè)案例的問題。

價(jià)值

用正確的說明屬性可以提高用戶思考成本和避免誤操作帶來的后果，以及直接經(jīng)濟(jì)成本（比如淘寶淘寶的商品排序頁面如果改為橫向圖示，可以大量減少頁面排序刷新操作）。轉(zhuǎn)自半桶水-蔣建平的博客