作者：

　　目前在網(wǎng)頁(yè)中普遍出現(xiàn)的按鈕可以分為兩類(lèi)：一種是有提交功能的按鈕－－－真正意義上的按鈕；另一類(lèi)是僅僅表示鏈接的按鈕，在這里將其稱(chēng)為“偽按鈕”。

　　真正的按鈕

　　真正的按鈕有兩個(gè)作用：
　　1．實(shí)現(xiàn)提交功能；
　　2．標(biāo)明當(dāng)前操作的目的。

　　說(shuō)明：

　　無(wú)疑按鈕實(shí)現(xiàn)著提交功能。當(dāng)用戶(hù)輸入了關(guān)鍵字后會(huì)點(diǎn)擊“搜索”按鈕，網(wǎng)頁(yè)中將出現(xiàn)搜索結(jié)果；當(dāng)用戶(hù)填寫(xiě)了用戶(hù)名和密碼后，點(diǎn)擊“登錄”按鈕，系統(tǒng)將打開(kāi)自己的郵箱頁(yè)面。

　　按鈕上的文字說(shuō)明了整個(gè)表單區(qū)的內(nèi)容，比如，有“搜索”按鈕的區(qū)域顯然標(biāo)明這一區(qū)域內(nèi)的文本輸入框和按鈕都是為搜索功能服務(wù)的，不需要在另外添加標(biāo)題進(jìn)行說(shuō)明了，這也是設(shè)計(jì)師為提高網(wǎng)頁(yè)可用性而普遍采用的一種方式―――逐字斟酌按鈕文字。

　　按鈕的表現(xiàn)形式可以大致總結(jié)為兩種：

　　1．系統(tǒng)標(biāo)準(zhǔn)按鈕
　　2．使用圖片自制的按鈕

　　對(duì)于真正的按鈕應(yīng)當(dāng)使用系統(tǒng)標(biāo)準(zhǔn)按鈕還是自制的圖片按鈕？

　　筆者認(rèn)為應(yīng)當(dāng)使用系統(tǒng)標(biāo)準(zhǔn)按鈕。系統(tǒng)標(biāo)準(zhǔn)按鈕的設(shè)計(jì)起源是模擬真實(shí)的按鈕，無(wú)論是真實(shí)生活中的按鈕還是網(wǎng)頁(yè)上的系統(tǒng)標(biāo)準(zhǔn)按鈕都具有良好的用戶(hù)反饋。

　　標(biāo)準(zhǔn)按鈕的優(yōu)勢(shì)：

　　1．易識(shí)別。與各式各樣的圖片按鈕相比，在網(wǎng)頁(yè)中標(biāo)準(zhǔn)按鈕更容易被用戶(hù)識(shí)別出的按鈕。網(wǎng)頁(yè)中的標(biāo)準(zhǔn)按鈕與用戶(hù)電腦的操作系統(tǒng)中的按鈕表現(xiàn)上是一致的，這降低了用戶(hù)識(shí)別上的負(fù)擔(dān)。
　　2．操作反饋好。標(biāo)準(zhǔn)按鈕具備多種狀態(tài)，“正常狀態(tài)”“被選中狀態(tài)”“點(diǎn)擊時(shí)狀態(tài)”，多種狀態(tài)使標(biāo)準(zhǔn)按鈕能夠傳達(dá)更豐富的信息，而制作圖片按鈕的設(shè)計(jì)師通常沒(méi)這種耐心為一個(gè)按鈕制作多種狀態(tài)，因?yàn)槭褂脠D片按鈕多數(shù)時(shí)候是因?yàn)閳D片按鈕更好看，而設(shè)計(jì)師并不太在意用用戶(hù)的使用效率問(wèn)題。使用圖片制作出好看的頁(yè)面是本能水平上的設(shè)計(jì)，而使用標(biāo)準(zhǔn)按鈕制作易于使用的頁(yè)面是行為水平上的設(shè)計(jì)(關(guān)于“本能水平上的設(shè)計(jì)”和“行為水平上的設(shè)計(jì)”理論請(qǐng)參見(jiàn)Donald A. Norman的《Emotional Design》)，我認(rèn)為針對(duì)按鈕這個(gè)問(wèn)題應(yīng)該優(yōu)先考慮行為水平設(shè)計(jì)的需要，畢竟按鈕是網(wǎng)頁(yè)”行為”部分(web標(biāo)準(zhǔn)將網(wǎng)頁(yè)分成三部分：結(jié)構(gòu)、表現(xiàn)和行為)的一個(gè)重要元素，何況在我看來(lái)系統(tǒng)標(biāo)準(zhǔn)按鈕并不難看。

　　系統(tǒng)標(biāo)準(zhǔn)按鈕也存在自己的問(wèn)題：樣式過(guò)于呆板，尤其是windows2000風(fēng)格的按鈕甚至被一些網(wǎng)頁(yè)設(shè)計(jì)師認(rèn)為是無(wú)法接受的丑陋，相比之下windowsXP式樣的按鈕更容易被接受，無(wú)疑多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師以及公司boss還是更關(guān)注本能水平上的設(shè)計(jì)―――好看的設(shè)計(jì)。

　　css可以對(duì)按鈕式樣進(jìn)行一些個(gè)性化設(shè)置，可以改變按鈕顏色、立體效果、文字大小、文字顏色。具體方法可以很容易的在互聯(lián)網(wǎng)上找到，這里不多說(shuō)了。我認(rèn)為對(duì)于按鈕這種程度的變化已經(jīng)足夠了。

　　我的觀點(diǎn)：對(duì)于真正的按鈕應(yīng)該使用按鈕這種表現(xiàn)形式，并且應(yīng)該使用系統(tǒng)標(biāo)準(zhǔn)按鈕。

　　偽按鈕

　　在網(wǎng)頁(yè)中大量存在這樣的按鈕，從表現(xiàn)上看是一個(gè)按鈕而實(shí)際上只提供了一個(gè)鏈接。

　　起源：最初網(wǎng)頁(yè)上隨處可見(jiàn)文字鏈接，設(shè)計(jì)師為了突出其中的某些特別重要的鏈接，將其設(shè)計(jì)成了類(lèi)似按鈕的樣子，使得這些鏈接更為突出，引導(dǎo)用戶(hù)點(diǎn)擊。這也從側(cè)面說(shuō)明了在網(wǎng)頁(yè)上按鈕是很醒目的元素。

　　現(xiàn)在在網(wǎng)頁(yè)上使用偽按鈕的原因更為多樣，讓我們來(lái)看看“民意調(diào)查”這個(gè)例子：

　　在很多網(wǎng)頁(yè)中“提交”和“查看結(jié)果”被設(shè)計(jì)成相同系統(tǒng)標(biāo)準(zhǔn)按鈕，然而“提交”是將用戶(hù)的選擇提交給網(wǎng)站的系統(tǒng)，存入數(shù)據(jù)庫(kù)，而“查看結(jié)果”是打開(kāi)一個(gè)小窗口顯示目前的投票結(jié)果，顯然將“查看結(jié)果”設(shè)計(jì)成文字鏈接是更合理的，設(shè)計(jì)成按鈕的原因通常是為了樣式上的美觀：最下面一行并排放置兩個(gè)按鈕，都有點(diǎn)擊的功能，看上去更和諧，但是這卻破壞了用戶(hù)的可操作性。

　　上面這個(gè)例子是由于視覺(jué)設(shè)計(jì)上的需要，而錯(cuò)誤的使用了按鈕。當(dāng)然廣告中故意使用偽按鈕誤導(dǎo)用戶(hù)也是使用偽按鈕的一個(gè)重要原因。造成偽按鈕泛濫的最根本原因還在于相當(dāng)多的網(wǎng)頁(yè)設(shè)計(jì)師還沒(méi)能意識(shí)到偽按鈕與真正按鈕的區(qū)別，在設(shè)計(jì)過(guò)程中隨意的使用按鈕這種表現(xiàn)形式。

偽按鈕的負(fù)面效果是：使用戶(hù)難以辨別哪些是真正的按鈕。用戶(hù)在使用一個(gè)濫用按鈕的網(wǎng)站時(shí)，會(huì)花費(fèi)很多心思來(lái)區(qū)分一個(gè)文字鏈接和一個(gè)偽按鈕的區(qū)別，而實(shí)際上區(qū)別僅僅在于偽按鈕更為重要，設(shè)計(jì)師希望偽按鈕的鏈接能引起用戶(hù)更多的注意。

從網(wǎng)頁(yè)可用性角度考慮有必要將鏈接與按鈕區(qū)別開(kāi)來(lái)，因?yàn)辄c(diǎn)擊按鈕代表提交一個(gè)表單，這不僅僅是網(wǎng)頁(yè)的技術(shù)模型，同時(shí)也是用戶(hù)的心理模型。

　　我的觀點(diǎn)：偽按鈕不應(yīng)該使用按鈕表現(xiàn)形式，更不應(yīng)該制作成系統(tǒng)標(biāo)準(zhǔn)按鈕。因?yàn)檫@將給用戶(hù)造成誤解，降低用戶(hù)的使用效率。如果要使鏈接更為突出，網(wǎng)頁(yè)設(shè)計(jì)師完全有義務(wù)花費(fèi)更多的心思進(jìn)行設(shè)計(jì)，更出色的表現(xiàn)這個(gè)鏈接，而不是偷梁換柱的模仿按鈕，這種帶有欺騙性的做法除了給用戶(hù)造成誤會(huì)還會(huì)使用戶(hù)產(chǎn)生被愚弄的感覺(jué)，激怒用戶(hù)顯然是不明智的。