"Times New Roman", Times, serif; align="center">臭魚：接受偽按鈕

這 一篇關于文字鏈接與按鈕 分析. 這里所說 "文字鏈接” 指那些點擊后能打開一個界面 文字, 他們只能打開一個界面, 沒有起其它功能. "按鈕” 指具有表單提交,下載等功能 可點擊 元素. 實際上, 這樣 定義本身就 區分文字鏈接與按鈕 一種觀點. window圖形用戶界面 設計標準. 而在網頁上, 這樣 區分并不總 合適 .

在網頁 設計中, 經常會遇到這樣 問題："這 一個很重要 文字鏈接, 我們 不 應該把它做成一個按鈕, 這樣會更突出……”

關于按鈕 問題, 我曾經寫了一篇《誰 按鈕？它在干嘛？》, 先簡單復述一下：目前網頁上普遍 有一些按鈕并不 真正意義上 按鈕, 只 一個文字鏈接, 我稱他們 "偽按鈕”. 偽按鈕不應該使用按鈕 表現形式.

那篇文章里并沒有給出一個更好 方法來表現偽按鈕, 現在, 我不得不說, 或許偽按鈕還 要用按鈕 形式來表現.

偽按鈕需要存在
在現實生活中, 電視遙控器上有按鈕, 門鈴 按鈕, 手機上有按鈕, 您面前 電腦鍵盤上 一大堆按鈕. 按鈕清楚 告訴用戶："這個可以點擊. ”正 因 它表達 夠清楚, 所以在電腦 圖形用戶界面中 模仿現實 樣子, 出現了按鈕. 按鈕本質 含義 "可點擊”, 而點擊后 效果則 后來被設計師強行賦予 . 就 說, 我們完全可以說, 按鈕并不意味著將要提交什么表單. 這樣說來, 將一個很重要 文字鏈接表現 按鈕似乎 沒什么不對 .

一個網頁不能期望著自己 用戶象使用word軟件那樣熟悉自己 網頁, 網頁設計面臨 總 比較"新手” 用戶, 絕大多數頁面對于用戶來說都 陌生 , 在面對一個陌生 頁面時, 一個斗大 按鈕無疑 一盞指路 明燈.

沒有其他 表現方式, 偽按鈕還只能 按鈕 樣子
一行帶下劃線 藍色文字 表示可點擊, 但 , 如果把他們做成按鈕會更突出,更搶眼.

顯然, 把這個文字鏈接改成按鈕后, 在頁面上會更突出. 但 google卻沒有這樣做, 實際上, google 網頁上根本沒有偽按鈕, 他們不會把一個文字鏈接化妝成按鈕來引導用戶. 而這種做法顯然不能滿足大多數網站 需求. 即使 象flickr這樣設計 很精良 網站 需要下圖這樣 偽按鈕：

或許可以把文字鏈接圖形化？但 圖形化后又很容易被誤認 廣告.

由于找不到一種比按鈕形式更好 表達方式表示"可點擊”, 偽按鈕還只能 按鈕 樣子. 而偽按鈕 存在違背了圖形用戶界面 設計標準. 那么,

嘗試著區分真,偽按鈕
"設計兩類不同樣式 按鈕”---這似乎 個好辦法. 然而, 卻并不容易做到. 首先, 需要設計出兩個樣子不同 圖像, 讓用戶知道這些東西 可點擊 , 按鈕. 它們應該 有立體感 , 上面還要能足夠清楚 顯示文字.

除了看上去像 能點擊 , 他們兩個還要表達出文字鏈接與按鈕 區別：文字鏈接指向另外一個界面, 點擊后不會出現什么嚴重 后果, 如果您后悔了, 那就點擊一下瀏覽器上 "后退”按鈕. 而按鈕就比較恐怖了, 點擊后, 郵件將發送到對方 郵箱中, 文章將被成千上萬 人看到……兩個這么抽象 概念, 要想通過兩個方寸大小 圖像表達出來 很困難 , yahoo進行了償試：

在鼠標經過"My Yahoo！” 時候, 會出現下劃線, 與這個頁面上 其他文字鏈接 樣式一樣. 看上去 一個按鈕, 但 不失時機 告訴用戶這個"按鈕”和頁面上 其他文字鏈接有某些相似 地方. 而"Web Search”這個真按鈕就沒有類似文字鏈接 表現. 設計者用這個下劃線來區別真按鈕與偽按鈕.