說到動作按鈕可能有人會說,動作按鈕就是一個按鈕加幾個文字,其實真正好的按鈕設計非常有講究的,本文說說 WooCommerce 獨立站網頁設計中動作按鈕如何設計才能既反映真實動作又能吸引多使用者。

  1 、用文字賦予按鈕情緒

  通常我們在購物網站上會看到這樣寫著 “立即搶購” 、 “倒計時” 等按鈕,這給多使用者一種緊迫感,用來提醒和暗示多使用者的行為。也會讓多使用者有一種潛意識:如果不買可能就錯過了。但切記,一定不要在整個網站上標買同樣的按鈕,這不僅失去該按鈕原本的功能,也會讓多使用者懷疑網站的真實性。只有在最核心的業務中用到,才能對轉化率真正起到作用。

  2 、利用動詞文字設計按鈕

  一般我們看到的行動類按鈕都偏向用一些動詞,同樣可以起到召喚行為的作為。有些網站上的按鈕文字並沒有呼籲感,比如售特價機票的網站上的按鈕寫著 “詳情”,非常平淡的名詞,無疑是一個失敗的例子。如果可以,儘量讓您的按鈕看上去更加有意思吧。跨飛獨立站 (https://www.kuafei.com),專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷等產品服務,歡迎新老顧客前來諮詢!諮詢熱線或 QQ

  3 、做有意思的按鈕

  例如 Google 網站上的 “手氣不錯” 按鈕,是一個非常不錯的創意,它讓多使用者在操作時,能感受到那麼一點樂趣。亞馬遜的註冊按鈕上寫著 “新多使用者,從這裡開始”,簡單直觀,不同於其他網站上的註冊兩字,讓多使用者感覺非常貼切。

  4 、標示圖形的使用

  按鈕可以用指示圖形,比如箭頭按鈕可以直白的指示多使用者點選相應操作,同時也省去很多文字敘述。

  5 、按鈕的大小與留白

  按鈕大小非常重要,我們可以加大他們尺寸。並不是讓按鈕越大越好,在網頁中找到合適的大小,過大的按鈕也會有突兀的感覺。如果想突出按鈕,可以將按鈕周圍留白多一點。

  這個頁面加入購物車按鈕,周圍包圍了無數其他元素,所得加入購物車的按鈕變得非常不明顯。這是一個反例,將按鈕放得太小太擠,會直接導致多使用者購買的轉換率下降。

  雖然一個小小的按鈕容易讓設計師忽視,但看了按鈕的這些設計規則後您應該明白按鈕在網站中起到的作用了吧。如果網頁中有一些漂亮有趣的按鈕,也會非常多使用者點選進去的。如果設計的平淡無奇,他也許在點按鈕的這一刻就放棄行動。那您之前做的一切努力,都白費了。