• EN
香港:(852)3749 9734
廣州: (020)3834 3713
[email protected]

新聞資料

網頁設計技巧:如何設計按鈕增加網站轉化率

一般來說,按鈕越多,用戶在面對這些操作按鈕時,大腦做決定的時間就會越長。因此,網頁設計師可以把按鈕的優先級設計得更直觀,減少用戶思考的時間,幫助他們快速做出決定。

網頁設計技巧:如何設計按鈕增加網站轉化率

技巧一:根據用戶閱讀習慣設計按鈕

網頁設計技巧:如何設計按鈕增加網站轉化率

很多設計師在設計按鈕時會偏離用戶的閱讀習慣,將優先級最高的按鈕放在最前面,期望用戶能注意到它。其實只要按鈕夠突出,用戶就會注意到它,而無視它的排列順序。按鈕順序不是為了提供客觀性,而是提高效率,把優先級按鈕放在最前面,會打斷用戶的閱讀習慣,增加用戶的操作難度。

技巧二:區分形狀按鈕和文字按鈕

網頁設計技巧:如何設計按鈕增加網站轉化率

在很多網頁設計中不難發現,很多設計師都會將優先級低的按鈕用文字形式展現。但純文本按鈕不僅在操作上不容易點擊,還會讓用戶混淆這個到底是按鈕還是內容,從而忽略這個操作。與純文本按鈕相比,描邊形式的按鈕是降低優先級更好的方法,它們使每個選項變得更加清晰,讓用戶不容易混淆。

技巧三:為主要按鈕加上顏色

網頁設計技巧:如何設計按鈕增加網站轉化率

顏色是增加按鈕權重的有效方法之一,如果優先級高的按鈕顏色與文本顏色對比度較大,會更容易吸引用戶的注意力。另外,想區別不同的優先級,最好的方法就是改變顏色的飽和度和亮度,使不同優先級的按鈕其視覺比重有區分,主次變得更清晰。

技巧四:改變文本的粗細

網頁設計技巧:如何設計按鈕增加網站轉化率

如果想每個按鈕設計得更直觀,除了利用以上的方法,最好再根據優先級不同去強調不同的文本,嘗試改變文本的粗細。這樣按鈕文本也有不同的優先級,用戶在閱讀這些文字內容的時候就能感知到。

技巧五:給高優先級的按鈕增加圖標

網頁設計技巧:如何設計按鈕增加網站轉化率

最後一個技巧能給用戶更全面的思考,通常色盲的人是無法通過顏色區分按鈕的視覺重量,但視覺符號卻可以。給優先級高的按鈕家加上符號能起到強調作用,而與其他按鈕區分,這能確保引起用戶足夠的注意力而快速選擇到高優先級按鈕。

如果用戶需要花很長時間在操作按鈕上,或按鈕點擊率很低,那可能是按鈕設計不夠直觀。如果想改變這種情況,嘗試以上所說的技巧優化操作按鈕,你將看到與之前非常大的差異。