第二，設計和使用取消鍵

時間：2022-03-20 20:24:01 | 來源：網(wǎng)絡推廣

時間：2022-03-20 20:24:01 來源：網(wǎng)絡推廣

取消在頁面中的位置

設計取消鍵(或操作確認頁面)時，常會將確認，保存按鈕放在左邊，并使用醒目的格式標識出來，或者默認選中該項。取消按鈕則往往放在右邊。確認和取消不宜離得太遠。圖a中兩個按鈕距離太遠增加了視覺移動的距離，給閱讀造成負擔。而圖b的閱讀效率要比a高得多。





(a)





(b)

取消與其他按鈕的區(qū)分及弱化方式

出于產品運營的考慮，會一些鼓勵用戶去進行的操作，淡化取消的操作。比如下圖的幾個方案，確定和取消按鈕做了不同程度的區(qū)分。





這樣做的好處是，減少次要操作在視覺表現(xiàn)上的突出性，最大限度的減少誤操作引導用戶完成目標。使兩個按鈕能夠較清晰的區(qū)分開來，突出表現(xiàn)確認一方。讓用戶更容易做出判斷。

按鈕在設計時可根據(jù)實際表達的內容，突出主次關系。適當?shù)囊龑в脩簦M量規(guī)避誤操作，讓操作更加便捷清晰。也可使用人性化的描述性的詞語強調按鈕，弱化取消取消的作用是能允許用戶回到前面的操作。但不能過度的影響界面要表達的主要意圖。人性化的描述性詞語能夠引起用戶足夠的關注度，讓其感覺貼心親切。下圖豆瓣上這個發(fā)表電影評論的頁面，使用藍灰色和小字，在格式上也與其他的按鈕不一樣，整個頁面只突出一個好了，添加評論按鈕。





這個頁面是需要用戶填寫內容的，取消操作會產生消極結果。特別是用戶在不經意的情況下點了取消，將會導致填寫的內容不復存在。在這個頁面的設計上，弱化了取消采用鏈接的形式代替按鈕，突出了確認操作按鈕好了，添加評論。起到了很好的視覺突出作用。但切記，文字要簡潔精煉，立意明確。

確定加取消在對話框中的使用。

對于主標題文本內容為您確定要嗎的句式的問題對話框，可使用確定取消組合。但不要使用確定和取消來回答是否判斷問題。如圖a為錯誤例子。除了上述情況外，確定取消組合時，確定的含義等同于提交，如圖b,中的選項實際上確定為提交的意思。

圖c,不要為錯誤或警告信息使用過重的警示圖標，容易讓用戶感覺鴨梨很大。在設計錯誤類或是警示類的提示可采用黃色!

;按鈕可采用確定或者輔助推薦動作 我知道了

當提問是否?可直接使用是否組合。如圖d





取消是否作為按鈕默認項

通常的對話框當有多個按鈕的時候，會設定其中一個按鈕為默認項。取消鍵總是在動作執(zhí)行后立即出現(xiàn)，這時候滿腦子都是前一個動作，自然毫不思考地選了確定(通常還都是默認項)，然后才后悔莫及。所以，往往由于彈框出現(xiàn)地太快，用戶甚至沒有意識到自己操作可能失誤了。因此，默認項應該在對用戶有益無損的按鈕上。

比如下圖當關閉未保存的文檔時，該提示的默認項在保存按鈕上。因為保存相對其他兩個按鈕來說更無損。





下圖為提示玩家升級游戲版本的提示框，在這里我們是需要推薦玩家去更新游戲版本的，因此默認項應該在確定按鈕上。





我們在設置提示框按鈕的默認項時，應考慮到設為默認后，當用戶誤操作時是否對其有益無損。還有要考慮到推薦和鼓勵用戶的操作，給用戶適當?shù)囊龑А?br>