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