按鈕應該表明當前任務是什么,讓用戶知道他們點擊按鈕后會發生什么。使用動詞作為按鈕文案是很好的做法。例如,用戶正在注冊帳戶的流程中,一個說寫著“創建帳戶”的按鈕會告訴他們按下按鈕后會怎么樣,它清楚地表達了當前的任務。這樣的按鈕文案隨時都在幫助用戶,給予用戶進行操作的信心。那么UI按鈕設計有哪些注意要點呢?
1、請確保在整個界面中保持一致性
為什么一致性這么重要?因為用戶會不自覺地產生意識,將特定形狀的元素識別為『按鈕』。因此,一致性不僅有助于創建出色的設計,還能為用戶提供更為熟悉的體驗,以便用戶能夠識別所有 UI 元素并將其當做按鈕。
2、線狀和面狀,突出重要按鈕
我們在設計按鈕的時候,經常會面臨著抉擇,線狀按鈕還是面狀按鈕?其實線狀還是面狀爭論不僅僅存在于按鈕,還有icon,tab和標簽等樣式。面狀和線狀代表不同的設計理念,我們都知道面狀元素在界面中更容易吸引用戶的注意力,而線狀元素強調的是輕量化。具體到按鈕,簡單來說就是面狀按鈕比線狀按鈕具有更強的可點擊性。我們可以來看一個例子:喜馬拉雅Fm這個界面中的“錄音”按鈕其實看起來特別的吃藕,因為很突兀。但是設計師的目的達到了,為了提升用戶黏性,他們肯定很希望用戶在喜馬拉雅Fm里上傳自己的錄音作品,那么必須做到足夠的顯眼。
確保與重要任務相關的按鈕被突出出來。增加顏色的對比度可讓用戶專注于操作,并讓按鈕吸引到用戶。
3、為主要按鈕加上顏色
設計師還需要注意的一點就是,顏色是一種增加按鈕權重的有效方法,它能夠從文本顏色中脫穎而出,吸引用戶的注意力。當按鈕的顏色與文本的顏色相同,提示性就沒有那么強了,為優先級更高的按鈕使用不同的顏色來輔助用戶進行快速決策。
4、按鈕的視覺主次
在表單或對話框中,按鈕有另一種方法來吸引用戶的注意。當用戶需要在主要和次要行為之間進行選擇時,視覺區分是可靠的方法:
主要行為的按鈕需要更多的視覺比重,它應該是視覺元素更多的按鈕
次要行為(如“取消”或“返回”等)的視覺比重則應該較弱,從而進一步引導人們取得交互過程中的結果
5、給高優先級的按鈕增加圖標
ui界面中的圖標設計需要設計師進行全面的思考。對于特殊人群而言,他們還需要清晰的視覺符號。給高優先級的按鈕加上一個圖標,能夠起到強調作用而與其他按鈕區分開。當用戶瀏覽時,他們往往更關注視覺元素而不是文本。使用圖標按鈕的方式能夠確保引起用戶足夠的注意力,而快速選擇到高優先級的按鈕。