按鈕的點選率很低，使用者在放置按鈕的頁面上花費了大量時間，這可能是由於按鈕不夠直觀讓使用者不知所措。使用直觀的按鈕可以讓使用者更快的完成操作，今天我們就來說說，對使用者友好的直觀按鈕該如何設計。
目錄
對使用者友好的按鈕
1。根據視覺重力排列按鈕
2。使用形狀區分按鈕和文字
3。漸進式動作
對使用者友好的按鈕
點選還是不點選，這是使用者遇到按鈕時可能會遇到的問題。
按鈕越多，使用者決定的時間就越長。他們必須檢查每個按鈕，以確定哪個按鈕最符合他們的目標。如果不清楚按鈕是做什麼或有疑問，他們可能會採取其他行動或者錯誤操作。
為避免這種情況，你可以公國使
每個操作的優先順序直觀化
。使用者一旦知道哪些按鈕對其任務很重要，便可以立即採取行動。你可以採取以下幾種UX手段來大幅提升操作按鈕的直觀性。
左：沒有UX技術，右：使用UX技術的按鈕
1。根據視覺重力排列按鈕
應用程式中的一個常見錯誤是，按鈕的放置順序與使用者的自然掃描模式不同。把最高優先順序按鈕放置在首位，希望使用者能首先注意到它。其實沒這個必要，因為，藉助視覺重量，無論順序如何，使用者都會注意到。
按鈕的順序不是為了提高可見性，而是為了提高效率
。如果先放置高優先順序按鈕，則掃描方向將上下反轉，從而中斷了視線的自然流動。
左：斷開掃描模式，右：沿掃描模式的按鈕
與其強迫使用者重新掃描按鈕，不如
讓使用者在單次掃描中執行高優先順序的操作
。這允許使用者在做出決定之前，按順序掃描所需的所有資訊。在之前的按鈕佈置中介紹過，頂部放置按鈕的前提，是使用者已預先知曉頁面內容能夠直接操作。而一個頁面需要使用者瀏覽才能決定如何行動，則使用者需要瀏覽整個頁面瞭解所有資訊。
在閱讀重力的作用下，底部放置高優先順序操作可為你提供最小的視覺阻力，並讓你快速輕鬆地點選。另外，
用手指最容易達到最低位置，從而進一步提高了效率。
2。使用形狀區分按鈕和文字
應用程式中的另一個常見錯誤是使用文字來表示按鈕。
設計人員使用文字按鈕來表示它們的優先順序比其他操作低。
但是，這對於操作按鈕並不合適。文字看起來不像按鈕。在有其他型別按鈕存在的情況下，使用者可能會忽略該操作，而只能看到主要的操作。
左：文字按鈕的優先順序低，右：按鈕的優先順序低
如果文字按鈕沒有額外的標識（比如顏色）和指示性，使用者可能會把按鈕看成是純文字。有可能因此跳過那些按鈕。
3。漸進式動作
具有最高優先順序的操作最容易確認。
此操作直接引導致使用者的目標。如果不確定其餘的動作，請考慮使用哪種操作使使用者接近目標，以及哪種操作使使用者遠離目標。
對目標的漸進動作
在上面的示例中，“結帳”具有最高優先順序，因為它使使用者以最快的速度實現其目標。它應該具有最大的視覺重量和最高的對比度。但是，問題是不清楚哪個操作（“檢視購物車”或“繼續購物”）具有中等優先順序。
“檢視購物車”操作使使用者可以檢視已新增到購物車中的商品，然後“結帳”。“繼續購物”操作會將使用者帶離“結帳”，返回產品頁面。
通過了解使用者的目標並檢查每個操作，可以清楚地看到“檢視購物車”的優先順序為中，而“繼續購物”的優先順序較低。當然，你或許希望提高使用者的客單價，那麼“繼續購物”的優先順序比“檢視購物車”的要高。你可以按需求為每一個按鈕設定適當的視覺重量。
文字左：黑色按鈕，右：藍色按鈕
顏色是表示高優先順序按鈕的有效方法，因為它在黑色文字中脫穎而出並引起使用者的注意。不要在按鈕上使用與文字相同的顏色。它削弱了按鈕的視覺提示，並讓其更難以察覺。
藍色是理想顏色，因為研究表明，它是所有性別和年齡組的首選。它也是頁面連結最常用的顏色，使使用者更加熟悉。研究還發現，使用者看到藍色時會感到信任，安全和可靠。使用者更有可能點選傳遞這些感覺的按鈕。
左：顏色衝突，右：顯示高優先順序按鈕的顏色使用情況
同樣，不要對兩個不同的按鈕使用相同的確切顏色，否則使用者將不知道哪個具有更高的優先順序。並且不要使用不同的顏色，否則你會迷惑使用者並使他們懷疑顏色的含義。它將賦予每個按鈕相同的視覺重量和優先順序。
設計的技巧是使用相同的色調
，但要更改中優先順序按鈕的飽和度和亮度。這使中優先順序按鈕的視覺重量比高優先順序按鈕輕。現在，這兩個按鈕都不會產生競爭，而且很明顯哪個更突出。
要進一步增強對比度，可以讓顏色反轉，主按鈕使用深色背景上的淺色文字，輔助按鈕使用深色背景上的淺色文字。這為高優先順序操作提供了一個更明亮的文字標籤和最高的對比度。