close

按鈕還是鏈接?(一) -網上推廣


在做網頁設計的時候,經常聽到產品或運營經理說這樣的話:“這里太弱了,不要用鏈接,用按鈕!”,“這里我想搞個大大的按鈕來吸引用戶點擊”。是不是按鈕就會讓用戶想點擊?按鈕是不是越多越好?是不是所有鏈接都能替換為按鈕?這都要歸結到一個基本的問題:按鈕和鏈接有何區分?是否可以混用?
問了很多人,答案各種各樣,總結起來有三種。

1,沒必要區分。這一派認為:鏈接和按鈕在本質上沒有什么區別,沒必要區分。在視覺上需要強化的地方就用按鈕,一般的、不需要強化的就用鏈接。

2,有嚴格的區分。這一派認為:按鈕和鏈接代表著不同的含義,其用法應該嚴格區分開。

按鈕代表著“做某件事”,即點擊了按鈕代表著操作了一個功能。例如下面的搜索按鈕:

 


并且,做的這件事是有后果的,不易挽回的:



點擊了這個按鈕之后,所寫的東西就會被全世界看到了,盡管可以刪除,但畢竟不能簡單的按下瀏覽器的返回鍵就撤銷這個操作。

登錄頁。

 

點擊了之后,就登錄了該網站。

搜索、回復、注冊,他們的共同點是:都是在“做”一件事,并且絕大多數都是對表單的提交。從技術上講,這類按鈕的作用是向后臺提交了數據,“命令”服務器去做了一件事。

而鏈接的作用是:“帶你去另一個頁面”,你無論點幾次鏈接,都是在“看”,而并沒有“做”任何事。
典型的鏈接是文字標題。點擊了去看詳情。

 


按照這種邏輯,一些即使是表示動作的詞也應該用鏈接。

 

上圖中的“edit”和“Delete”雖然是動詞,但是點擊他們之后,用戶只會被帶到一個頁面(或浮層),而不是點擊后就真的編輯或者刪除了這張照片。他的作用是“帶你去看編輯或者刪除的頁面”,而不是“編輯”或“刪除”這個操作。因此點它還是在“看”,而不是“做”。

而接下來這里點擊“save”了之后才是真正“編輯”了這張照片。因此該使用按鈕。

 


按照這種設計思路的網站,比較典型的是google,還有QQ郵箱。它的好處是邏輯上會非常清晰。
然而,它也存在有問題,按這種思路設計出來的網站,在一些需要被強化的地方,一些需要引導用戶點擊的地方,僅用鏈接很難在視覺上突出表現。

3,有區別,但不絕對。

此派同意上一派的部分觀點:在一些表單頁(例如填寫注冊信息頁,搜索框,購買下單頁等)的“提交”功能中應該使用按鈕。而其他的頁面則應根據實際情況來判定。既可以用鏈接,也可以用按鈕。

這里面觀點又分兩小派:

其中一些人認為,在這些非表單的頁面中,鏈接和按鈕的作用對用戶來說是一樣的,應該把頁面中那些重要的、需要突出的元素做成按鈕的樣子。而其他沒必要突出的地方做成普通的鏈接。這也是很多視覺設計師和產品、運營人員的想法。也是很多中國網站的做法。
拍拍網:

 


QQshow:

 

這樣好處是:按鈕可以有效地成為視覺焦點,吸引用戶注意。

另一些人則認為:應該把那些看起來像“操作”的地方做成按鈕,把看起來像“瀏覽”的地方做成鏈接。這和第二派觀點的區別在于:一個是從邏輯上分辨“操作”和“瀏覽”,一個是從字面上分辨。

按這種設計思路的是Amazon網站,下圖中,“edit”雖然也只是帶用戶到編輯頁,但對用戶來說更像個動作,像個操作,因此可以用按鈕。

 


以上就是三種關于按鈕和鏈接的不同設計思路,那么,到底哪種更有道理呢?

原文:http://ixiangyi.cn/?p=54


arrow
arrow
    創作者介紹
    創作者 pagepe 的頭像
    pagepe

    pagepe的部落格

    pagepe 發表在 痞客邦 留言(0) 人氣()