按鈕設計有哪些基本原則

這篇文章將為大家詳細講解有關按鈕設計有哪些基本原則，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

　　一、強化按鈕
　　強化按鈕邊緣或在按鈕下方添加陰影使得按鈕在視覺效果上更加強化，讓按鈕從背景上分離開；而且看起來可以吸引人去點擊。如果單詞周圍沒有形狀和陰影包裹，那么沒有辦法感知其是一個按鈕；而且一個單詞是沒有辦法給予足夠的視覺提示，吸引用戶做點擊操作的；按鈕保持該有的按鈕的基本屬性。但許多網站設計師會擔心一個凌亂的舊的按鈕會破壞整體設計的格調。希望主操作按鈕設計得很棒，同時也包含基礎的按鈕屬性；而對于用戶來說，這是一個最重要的地方，所以需要讓用戶感知到帶有按鈕屬性的視覺愉悅。

　　二、凸顯按鈕位置
　　用戶體驗中爭論最激烈的問題之一是：“確定按鈕是在取消按鈕的左側或是右側？”。這邊還有一個關于按鈕組合同樣激烈的爭論，例如研究上一個和下一個按鈕的組合設計。你可以在很多地方找到這樣的爭論，而且觀點往往不一。設計只包含有確認和取消兩個按鈕組合的對話框或彈窗。同時我也沒有在哪個地方看到過只包含有上一步和下一步兩個按鈕的頁面。在一個網頁中，總會包含有其他的元素，比如文本、圖像或者其他元素。

　　三、凸顯重要按鈕
　　在現有的產品中經常看到界面上羅列了一堆相似的按鈕讓用戶去從中挑選，這個過程相當有難度，需要耗費用戶的認知成本。為什么不給用戶一點提示，讓主按鈕更加突出？把它變大一點或讓它看起來更重要，創建一個更大的目標供用戶單擊。或嘗試更傳統的方法：用一個更亮的顏色作為主要的動作按鈕，來讓主按鈕變得顯而易見。

　　四、按鈕順序合理
　　如果主按鈕需要放在用戶下一個查看的位置，那么其他按鈕應該放在哪里？應該把其他的按鈕藏起來，這樣用戶就不太容易發現它們。雖然這是一個很好的建議，但是如果您不考慮其他設計因素而遵循它，可能會出現不正確的布局。對于從左到右閱讀的語言，上一步按鈕應該始終位于下一步按鈕的左側，所以給出的解決方法是重新排列字段和按鈕，如圖10所示。另一個方法是增加頁面的左邊距并將上一個按鈕放入其中。

　　五、給按鈕匹配釋義標簽
　　最佳體驗設計原則：給按鈕安置釋義標簽。不受歡迎的消息類彈框，告訴一些嚴重和可怕的錯誤，并希望單擊確認。這種體驗不好，我不想在收到這樣的壞消息后再單擊“確定”，當然不能保證用戶會看到按鈕上的標簽。如果你在告警提示時放置了錯誤的按鈕，一些用戶不會閱讀按鈕的標簽，而是會單擊按鈕；一些用戶則會閱讀這些標簽，因此可以通過編寫每個按鈕釋義標簽來幫助用戶快速理解；如果你發現自己陷入了一個爭論中，比如說，取消操作應該在一個對話框中，記住你需要用它的功能性意思來標記按鈕。

　　六、用戶不想做任何操作不安排按鈕
　　為了測試是否適用，我盡量去進行填寫，但我真的不想注冊一個網站或申請貸款或做其他目的的表單，所以這個時候有一個重置或取消按鈕會比較方便。如果為從事表單設計的客戶做設計，請確保包含重置按鈕。如果為別人設計的，問問自己是否真的想清楚所有的填寫過的內容。在流程中，用戶遇到“登錄”按鈕和“注冊”按鈕兩個選擇，但用戶要么不記得的登錄憑據，要么不想注冊，所以兩個都不是用戶的選擇。用戶想做的是將注冊改為繼續，從而實現了銷售額的大幅增長。

　　七、弱化消極類按鈕
　　放置用戶不想操作的按鈕，但是有時確實需要提供消極類按鈕，如取消訂單。在自己案例庫中找到的看上去一個合理的“取消”按鈕，截圖來源一個網站，該網站的目標用戶是那些即將準備進行一筆相當大的購買、每月支付長期款項的非熟練用戶，因為這批用戶不知道點擊關閉窗口的關閉按鈕就可以取消交易。

關于按鈕設計有哪些基本原則就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。