這 一篇關(guān)于文字鏈接與按鈕 分析. 這里所說 "文字鏈接” 指那些點(diǎn)擊后能打開一個(gè)界面 文字, 他們只能打開一個(gè)界面, 沒有起其它功能. "按鈕” 指具有表單提交,下載等功能 可點(diǎn)擊 元素. 實(shí)際上, 這樣 定義本身就 區(qū)分文字鏈接與按鈕 一種觀點(diǎn). window圖形用戶界面 設(shè)計(jì)標(biāo)準(zhǔn). 而在網(wǎng)頁(yè)上, 這樣 區(qū)分并不總 合適 .

在網(wǎng)頁(yè) 設(shè)計(jì)中, 經(jīng)常會(huì)遇到這樣 問題："這 一個(gè)很重要 文字鏈接, 我們 不 應(yīng)該把它做成一個(gè)按鈕, 這樣會(huì)更突出……”

關(guān)于按鈕 問題, 我曾經(jīng)寫了一篇《誰(shuí) 按鈕？它在干嘛？》, 先簡(jiǎn)單復(fù)述一下：目前網(wǎng)頁(yè)上普遍 有一些按鈕并不 真正意義上 按鈕, 只 一個(gè)文字鏈接, 我稱他們 "偽按鈕”. 偽按鈕不應(yīng)該使用按鈕 表現(xiàn)形式.

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

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

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

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

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

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

由于找不到一種比按鈕形式更好 表達(dá)方式表示"可點(diǎn)擊”, 偽按鈕還只能 按鈕 樣子. 而偽按鈕 存在違背了圖形用戶界面 設(shè)計(jì)標(biāo)準(zhǔn). 那么,

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

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

在鼠標(biāo)經(jīng)過"My Yahoo！” 時(shí)候, 會(huì)出現(xiàn)下劃線, 與這個(gè)頁(yè)面上 其他文字鏈接 樣式一樣. 看上去 一個(gè)按鈕, 但 不失時(shí)機(jī) 告訴用戶這個(gè)"按鈕”和頁(yè)面上 其他文字鏈接有某些相似 地方. 而"Web Search”這個(gè)真按鈕就沒有類似文字鏈接 表現(xiàn). 設(shè)計(jì)者用這個(gè)下劃線來區(qū)別真按鈕與偽按鈕.