網頁設計是按鈕還是連結
在做網頁設計的時候,經常聽到產品或運營經理說這樣的話:“這裡太弱了,不要用連結,用按鈕!”,“這裡我想搞個大大的按鈕來吸引使用者點擊”。是不是按鈕就會讓使用者想點擊?按鈕是不是越多越好?是不是所網頁設計有連結都能替換為按鈕?這都要歸結到一個基本的問題:按鈕和連結有何區分?是否可以混用?
問了很多人,答案各種各樣,總結起來有三種。
1,沒必要區分。這一派認為:連結和按鈕在本質上沒有什麼區別,沒必要區分。在視覺上需要強化的地方就用按鈕,一般的、不需要強化的就用連結。
2,有嚴格的區分。這一派認為:按鈕和連結代表著不同的含義,其用法應該嚴格區分開。
按鈕代表著“做某件事”,即點擊了按鈕代表著操作了一個功能。例如下麵的搜索按鈕:
並且,做的這件事是有後果的,不易挽回的:
點擊了這個按鈕之後,所寫的東西就會被全世界看到了,儘管可以刪除,但畢竟不能簡單的按下流覽器的返回鍵就撤銷這個操作。
搜索、回復、註冊,他們的共同點是:都是在“做”一件事,並且絕網頁設計大多數都是對表單的提交。從技術上講,這類按鈕的作用是向後台提交了資料,“命令”伺服器去做了一件事。
而連結的作用是:“帶你去另一個頁面”,你無論點幾次連結,都是在“看”,而並沒有“做”任何事。
“edit”和“Delete”雖然是動詞,但是點擊他們之後,使用者只會被帶到一個頁面(或浮層),而不是點擊後就真的編輯或者刪除了這張照片。他的作用是“帶你去看編輯或者刪除的頁面”,而不是“編輯”或“刪除”這個操作。因此點它還是在“看”,而不是“做”。
而接下來這裡點擊“save”了之後才是真正“編輯”了這張照片。因此該使用按鈕。
然而,它也存在有問題,按這種思路設計出來的網站,在一些需要被強化的地方,一些需要引導使用者點擊的地方,僅用連結很難在視覺上突出表現。
3,有區別,但不絕對。
此派同意上一派的部分觀點:在一些表單頁(例如填寫註冊資訊頁,搜索框,購買下單頁等)的“提交”功能中應該使用按鈕。而其他的頁面則應根據實際情況來判定。既可以用連結,也可以用按鈕。
這裡面觀點又分兩小派:
其中一些人認為,在這些非表單的頁面中,連結和按鈕的作用對使用網頁設計者來說是一樣的,應該把頁面中那些重要的、需要突出的元素做成按鈕的樣子。而其他沒必要突出的地方做成普通的連結。這也是很多視覺設計師和產品、運營人員的想法。也是很多中國網站的做法。
另一些人則認為:應該把那些看起來像“操作”的地方做成按鈕,把看起來像“流覽”的地方做成連結。這和第二派觀點的區別在於:一個是從邏輯上分辨“操作”和“流覽”,一個是從字面上分辨。
按這種設計思路的是Amazon網站,“edit”雖然也只是帶使用者到編輯頁,但對使用者來說更像個動作,像個操作,因此可以用按鈕。
以上就是三種關於按鈕和連結的不同設計思路,那麼,到底哪種更有道理呢?
|