圖(18)B2B行業網站設計的不符合規范的按鈕
4 要通過按鈕上及旁邊的文字告訴用戶的期待或解釋疑問
我們設計按鈕要從分析用戶行為的角度來做設計,顏色很吸引眼球、也比較大,都是為了吸引用戶更多的幾率看到這個按鈕,那看到以后的行為呢?用戶仍然會想,我為什么要點這個按鈕,點了對我有什么好處,或者說點了會不會產生什么壞處,或者可能對按鈕上的字不理解,不熟悉而不想點,作為設計師,就要通過按鈕上的文字來告訴用戶,如果需要比較多的字或者說要加注釋,就需要在按鈕的上面、下面或右邊,來引導用戶繼續采取下一步行動。當然對一些大家都很熟悉的按鈕,比如:登錄、提交等,就不必畫蛇添足去做解釋了。
如圖(19)的第一個按鈕上的文字為“免費注冊”,是為了打消大家以為注冊會收費,而不點擊,從營銷的角度來說,是打免費牌,吸引更多人提交自己的公司信息、聯系方式,網站才有用戶、內容,網站銷售人員才能有更多潛在客戶,這點我在《B2B行業門戶網站推廣實戰秘籍》里做了詳細闡述。第三個按鈕上的“立即登錄”是為了吸引是會員的趕快登錄,因為只有登錄后,用戶才可能進行更多的操作,比如:發布信息、查看詢價、更深入了解網站等,一個網站每天有多少個會員登錄,與每天有多少會員注冊一樣,是作為運營的一個重要考核指標的。第三個按鈕右邊的文字,是為了解決用戶可能遇到的問題,比如當我想點登錄按鈕的時候,我想起來了,密碼忘記了,在按鈕旁邊就要出現密碼找回的鏈接。同時可能還不是會員,這個時候就要提醒用戶,你還可以免費注冊。

圖(19)按鈕表達的意思及提示
圖(20)有6個按鈕,都是在告訴用戶,會員可以做什么,如果你不是會員,別在猶豫了,趕快行動吧!就好比電視購物節目告訴您,購買這個產品有什么好處、很多優惠,現在立即拿起電話撥打某某號碼一樣。在這些鼓動的文字上,盡量少加或不加鏈接,省去用戶點擊鏈接來思考。

圖(20)按鈕告訴我們可以做什么
除了可以在按鈕上加文字,還可以在按鈕上加個圖標,往往可以讓按鈕看起來更精致,而且小圖標往往可以起到以形表意的效果。如圖(21)第一排的4個按鈕都加了小圖標,和文字一起,讓用戶幾乎不用思考,就知道按鈕代表的含義,點擊按鈕后可以做什么。
按鈕上的文字要簡短、精煉,不要加很多不必要的文字在按鈕上,會增加用戶思考的時間,比如圖(21)的第5個按鈕,“點擊進入”4個字完全是多余的。通常情況下:一個按鈕,結合頁面上的其他交互和信息組織,要能恰到好處的組合成一個完整的句子“我點擊會發生什么”,而“點擊進入”4個字是在我和鼠標之間的事,而不必要在網頁上出現。最后一個按鈕是大家常見的播放器的按鈕,因為大家都很熟悉了,電視的遙控上也是這個按鈕,所以用文字也是多余的了,直接用形狀表示,簡單明了。當然可以在鼠標放上去顯示文字提示,用戶體驗更好,從這個角度上來說,也可能說是地方太小而不能用文字來表達。

圖(21) 按鈕上加了小圖標,一目了然
5 按鈕出現的位置、周圍是否空白,與這個按鈕的重要性相關
按鈕放在那個位置,也是很有講究的,放的位置不同,其重要性也是不一樣的。同時周圍留有空白,也表明這個網站按鈕是很重要的。
如圖(22)的2個按鈕,上下左右都有許多空白,比如第1個、第2個按鈕,離下面和上面都有很高距離,這個就是設計師故意而為之,因為如果按鈕離上下的距離太近,就不夠突出了。就會被淹沒在文字中,適當的在周圍留白,就是好的突出方式之一。

圖(22) 按鈕周圍的空白比較大
這個小節講到這里,就講完了,雖然一個小按鈕,但是也大有學問,需要管理層、產品經理、設計師在設計網站時認真去揣摩,只有注重產品細節,才能使用戶有好的體驗,才能打造出成功的產品。
推薦閱讀
(速途網專欄 作者:黃嘉榔)2012年9月9日,第九屆網商大會上落幕,會上眾多嘉賓演講都發人深思以及對未來的構想,筆者特意收集了一下阿里巴巴董事局主席馬云在落幕日的演講稿。通過不同的角度看到了馬云的演講的范圍,>>>詳細閱讀
地址:http://www.xglongwei.com/a/b2b/20120910/84349.html