圖(18)B2B行業(yè)網(wǎng)站設計的不符合規(guī)范的按鈕
4 要通過按鈕上及旁邊的文字告訴用戶的期待或解釋疑問
我們設計按鈕要從分析用戶行為的角度來做設計，顏色很吸引眼球、也比較大，都是為了吸引用戶更多的幾率看到這個按鈕，那看到以后的行為呢?用戶仍然會想，我為什么要點這個按鈕，點了對我有什么好處，或者說點了會不會產(chǎn)生什么壞處，或者可能對按鈕上的字不理解，不熟悉而不想點，作為設計師，就要通過按鈕上的文字來告訴用戶，如果需要比較多的字或者說要加注釋，就需要在按鈕的上面、下面或右邊，來引導用戶繼續(xù)采取下一步行動。當然對一些大家都很熟悉的按鈕，比如：登錄、提交等，就不必畫蛇添足去做解釋了。
如圖(19)的第一個按鈕上的文字為“免費注冊”，是為了打消大家以為注冊會收費，而不點擊，從營銷的角度來說，是打免費牌，吸引更多人提交自己的公司信息、聯(lián)系方式，網(wǎng)站才有用戶、內(nèi)容，網(wǎng)站銷售人員才能有更多潛在客戶，這點我在《B2B行業(yè)門戶網(wǎng)站推廣實戰(zhàn)秘籍》里做了詳細闡述。第三個按鈕上的“立即登錄”是為了吸引是會員的趕快登錄，因為只有登錄后，用戶才可能進行更多的操作，比如：發(fā)布信息、查看詢價、更深入了解網(wǎng)站等，一個網(wǎng)站每天有多少個會員登錄，與每天有多少會員注冊一樣，是作為運營的一個重要考核指標的。第三個按鈕右邊的文字，是為了解決用戶可能遇到的問題，比如當我想點登錄按鈕的時候，我想起來了，密碼忘記了，在按鈕旁邊就要出現(xiàn)密碼找回的鏈接。同時可能還不是會員，這個時候就要提醒用戶，你還可以免費注冊。
圖(19)按鈕表達的意思及提示
圖(20)有6個按鈕，都是在告訴用戶，會員可以做什么，如果你不是會員，別在猶豫了，趕快行動吧!就好比電視購物節(jié)目告訴您，購買這個產(chǎn)品有什么好處、很多優(yōu)惠，現(xiàn)在立即拿起電話撥打某某號碼一樣。在這些鼓動的文字上，盡量少加或不加鏈接，省去用戶點擊鏈接來思考。
圖(20)按鈕告訴我們可以做什么
除了可以在按鈕上加文字，還可以在按鈕上加個圖標，往往可以讓按鈕看起來更精致，而且小圖標往往可以起到以形表意的效果。如圖(21)第一排的4個按鈕都加了小圖標，和文字一起，讓用戶幾乎不用思考，就知道按鈕代表的含義，點擊按鈕后可以做什么。
按鈕上的文字要簡短、精煉，不要加很多不必要的文字在按鈕上，會增加用戶思考的時間，比如圖(21)的第5個按鈕，“點擊進入”4個字完全是多余的。通常情況下：一個按鈕，結合頁面上的其他交互和信息組織，要能恰到好處的組合成一個完整的句子“我點擊會發(fā)生什么”，而“點擊進入”4個字是在我和鼠標之間的事，而不必要在網(wǎng)頁上出現(xiàn)。最后一個按鈕是大家常見的播放器的按鈕，因為大家都很熟悉了，電視的遙控上也是這個按鈕，所以用文字也是多余的了，直接用形狀表示，簡單明了。當然可以在鼠標放上去顯示文字提示，用戶體驗更好，從這個角度上來說，也可能說是地方太小而不能用文字來表達。
圖(21) 按鈕上加了小圖標，一目了然
5 按鈕出現(xiàn)的位置、周圍是否空白，與這個按鈕的重要性相關
按鈕放在那個位置，也是很有講究的，放的位置不同，其重要性也是不一樣的。同時周圍留有空白，也表明這個網(wǎng)站按鈕是很重要的。
如圖(22)的2個按鈕，上下左右都有許多空白，比如第1個、第2個按鈕，離下面和上面都有很高距離，這個就是設計師故意而為之，因為如果按鈕離上下的距離太近，就不夠突出了。就會被淹沒在文字中，適當?shù)脑谥車舭祝褪呛玫耐怀龇绞街弧?/P>
圖(22) 按鈕周圍的空白比較大
這個小節(jié)講到這里，就講完了，雖然一個小按鈕，但是也大有學問，需要管理層、產(chǎn)品經(jīng)理、設計師在設計網(wǎng)站時認真去揣摩，只有注重產(chǎn)品細節(jié)，才能使用戶有好的體驗，才能打造出成功的產(chǎn)品。
推薦閱讀
(速途網(wǎng)專欄 作者：黃嘉榔)2012年9月9日，第九屆網(wǎng)商大會上落幕，會上眾多嘉賓演講都發(fā)人深思以及對未來的構想，筆者特意收集了一下阿里巴巴董事局主席馬云在落幕日的演講稿。通過不同的角度看到了馬云的演講的范圍，>>>詳細閱讀
本文標題：按標準設計B2B行業(yè)網(wǎng)站按鈕，促進用戶互動
地址：http://www.sdlzkt.com/a/b2b/20120910/84349.html
網(wǎng)友點評
精彩導讀
科技快報
品牌展示