當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

按鈕還是鏈接?(一)

2009-06-09 20423 0

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

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

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

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

1

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

2

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

  登錄頁:

3


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

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

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

4

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

5


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

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

6

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

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

  這里面觀點又分兩小派:

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

7

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

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

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

9

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


232
評論區(qū)(0)
正在加載評論...
相關推薦