在做網(wǎng)頁設(shè)計(jì)的時(shí)候,經(jīng)常聽到產(chǎn)品或運(yùn)營經(jīng)理說這樣的話:“這里太弱了,不要用鏈接,用按鈕!”,“這里我想搞個(gè)大大的按鈕來吸引用戶點(diǎn)擊”。是不是按鈕就會(huì)讓用戶想點(diǎn)擊?按鈕是不是越多越好?是不是所有鏈接都能替換為按鈕?這都要?dú)w結(jié)到一個(gè)基本的問題:按鈕和鏈接有何區(qū)分?是否可以混用?
問了很多人,答案各種各樣,總結(jié)起來有三種。
1,沒必要區(qū)分。這一派認(rèn)為:鏈接和按鈕在本質(zhì)上沒有什么區(qū)別,沒必要區(qū)分。在視覺上需要強(qiáng)化的地方就用按鈕,一般的、不需要強(qiáng)化的就用鏈接。
2,有嚴(yán)格的區(qū)分。這一派認(rèn)為:按鈕和鏈接代表著不同的含義,其用法應(yīng)該嚴(yán)格區(qū)分開。
按鈕代表著“做某件事”,即點(diǎn)擊了按鈕代表著操作了一個(gè)功能。例如下面的搜索按鈕:
并且,做的這件事是有后果的,不易挽回的:
點(diǎn)擊了這個(gè)按鈕之后,所寫的東西就會(huì)被全世界看到了,盡管可以刪除,但畢竟不能簡單的按下瀏覽器的返回鍵就撤銷這個(gè)操作。
登錄頁:
點(diǎn)擊了之后,就登錄了該網(wǎng)站。
搜索、回復(fù)、注冊(cè),他們的共同點(diǎn)是:都是在“做”一件事,并且絕大多數(shù)都是對(duì)表單的提交。從技術(shù)上講,這類按鈕的作用是向后臺(tái)提交了數(shù)據(jù),“命令”服務(wù)器去做了一件事。
而鏈接的作用是:“帶你去另一個(gè)頁面”,你無論點(diǎn)幾次鏈接,都是在“看”,而并沒有“做”任何事。
典型的鏈接是文字標(biāo)題:點(diǎn)擊了去看詳情。
按照這種邏輯,一些即使是表示動(dòng)作的詞也應(yīng)該用鏈接。
上圖中的“edit”和“Delete”雖然是動(dòng)詞,但是點(diǎn)擊他們之后,用戶只會(huì)被帶到一個(gè)頁面(或浮層),而不是點(diǎn)擊后就真的編輯或者刪除了這張照片。他的作用是“帶你去看編輯或者刪除的頁面”,而不是“編輯”或“刪除”這個(gè)操作。因此點(diǎn)它還是在“看”,而不是“做”。
而接下來這里點(diǎn)擊“save”了之后才是真正“編輯”了這張照片。因此該使用按鈕。
按照這種設(shè)計(jì)思路的網(wǎng)站,比較典型的是google,還有QQ郵箱。它的好處是邏輯上會(huì)非常清晰。
然而,它也存在有問題,按這種思路設(shè)計(jì)出來的網(wǎng)站,在一些需要被強(qiáng)化的地方,一些需要引導(dǎo)用戶點(diǎn)擊的地方,僅用鏈接很難在視覺上突出表現(xiàn)。
3,有區(qū)別,但不絕對(duì)。
此派同意上一派的部分觀點(diǎn):在一些表單頁(例如填寫注冊(cè)信息頁,搜索框,購買下單頁等)的“提交”功能中應(yīng)該使用按鈕。而其他的頁面則應(yīng)根據(jù)實(shí)際情況來判定。既可以用鏈接,也可以用按鈕。
這里面觀點(diǎn)又分兩小派:
其中一些人認(rèn)為,在這些非表單的頁面中,鏈接和按鈕的作用對(duì)用戶來說是一樣的,應(yīng)該把頁面中那些重要的、需要突出的元素做成按鈕的樣子。而其他沒必要突出的地方做成普通的鏈接。這也是很多視覺設(shè)計(jì)師和產(chǎn)品、運(yùn)營人員的想法。也是很多中國網(wǎng)站的做法。
拍拍網(wǎng):
QQshow:
這樣好處是:按鈕可以有效地成為視覺焦點(diǎn),吸引用戶注意。
另一些人則認(rèn)為:應(yīng)該把那些看起來像“操作”的地方做成按鈕,把看起來像“瀏覽”的地方做成鏈接。這和第二派觀點(diǎn)的區(qū)別在于:一個(gè)是從邏輯上分辨“操作”和“瀏覽”,一個(gè)是從字面上分辨。
按這種設(shè)計(jì)思路的是Amazon網(wǎng)站,下圖中,“edit”雖然也只是帶用戶到編輯頁,但對(duì)用戶來說更像個(gè)動(dòng)作,像個(gè)操作,因此可以用按鈕。
以上就是三種關(guān)于按鈕和鏈接的不同設(shè)計(jì)思路,那么,到底哪種更有道理呢?