在設(shè)計(jì)網(wǎng)頁(yè)的過(guò)程中，應(yīng)避免出現(xiàn)這10種誤區(qū)

　　所有人都知道網(wǎng)頁(yè)設(shè)計(jì)的重要性，糟糕的網(wǎng)頁(yè)設(shè)計(jì)會(huì)給用戶帶來(lái)糟糕的體驗(yàn)，從而影響網(wǎng)頁(yè)的流量，或是產(chǎn)品的銷(xiāo)售。那么在設(shè)計(jì)網(wǎng)頁(yè)的過(guò)程中，應(yīng)該避免出現(xiàn)哪些錯(cuò)誤呢?以下是作者總結(jié)的十大誤區(qū)。

　　自1996年以來(lái)，我已指出了網(wǎng)頁(yè)設(shè)計(jì)中10條最大的誤區(qū)。這篇文章主要介紹的是這些問(wèn)題中最為嚴(yán)重的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤。

　　一、糟糕的搜索引擎

　　搜索引擎無(wú)法處理手誤、負(fù)數(shù)、連接符或者其他查詢?cè)~匯的變體，因此過(guò)分側(cè)重要求輸入正確文字的搜索引擎會(huì)大大降低可用性。這種搜索引擎對(duì)于所有人都不友好，特別對(duì)于年齡比較大的用戶會(huì)顯得更加難用。

　　除了輸入的要求之外，在輸出方面，基于包含多個(gè)搜索詞對(duì)搜索結(jié)果判斷優(yōu)先級(jí)，比基于每個(gè)文檔的重要性判斷優(yōu)先級(jí)更重要。如果你的搜索引擎能夠?qū)ⅰ白罴哑ヅ洹表?xiàng)顯示在搜索結(jié)果的第一條就更好了。特別對(duì)于一些重要的搜索，比如說(shuō)產(chǎn)品名稱。

　　當(dāng)無(wú)法找到信息的時(shí)候，搜索功能是用戶的生命線。雖然高級(jí)的搜索有時(shí)候有所幫助，但是大多時(shí)候簡(jiǎn)單的搜索能夠滿足需求。搜索應(yīng)該是一個(gè)簡(jiǎn)單的輸入框，這就是用戶想要的。

　　二、在線閱讀PDF文檔

　　用戶很討厭在瀏覽網(wǎng)頁(yè)的時(shí)候跳出一個(gè)PDF，因?yàn)檫@個(gè)PDF破壞了他們的瀏覽過(guò)程。即使是很簡(jiǎn)單的操作，比如說(shuō)：打印或者保存文件都很難執(zhí)行，因?yàn)槠胀ǖ臑g覽器按鈕無(wú)法工作。

　　PDF的布局是基于紙張的大小設(shè)計(jì)的，在這個(gè)布局里面很難去適應(yīng)網(wǎng)頁(yè)瀏覽器，如果在線閱讀PDF文檔，沒(méi)有了平滑的滾動(dòng)瀏覽，只有很小的字體。

　　最糟糕的是，一個(gè)PDF是一個(gè)無(wú)法導(dǎo)航的，無(wú)法分割的一團(tuán)內(nèi)容。

　　對(duì)于印刷、發(fā)行手冊(cè)或者其他大篇幅的需打印的文檔來(lái)說(shuō)，PDF是很好的形式，如果你要實(shí)現(xiàn)的是這種目的，那么可以保留PDF。

　　如果內(nèi)容是需要被瀏覽或者閱讀的，那么請(qǐng)將所有內(nèi)容轉(zhuǎn)化成真正的網(wǎng)頁(yè)。

　　三、瀏覽過(guò)的鏈接不改變顏色

　　一個(gè)好的瀏覽歷史能夠幫助你了解目前的位置，因?yàn)槟鞘悄銥g覽的起點(diǎn)。

　　知道你過(guò)去訪問(wèn)過(guò)和現(xiàn)在訪問(wèn)的地址，將會(huì)對(duì)于你接下來(lái)決定要訪問(wèn)哪個(gè)地址有所幫助。

　　鏈接是瀏覽過(guò)程的一個(gè)重要因素。

　　通過(guò)這些鏈接，用戶可以不再去訪問(wèn)對(duì)他沒(méi)用的地址，相反，他們也可能想要再次訪問(wèn)他們之前訪問(wèn)過(guò)的有用的地址。

　　最重要的是，他們知道已經(jīng)瀏覽過(guò)那些網(wǎng)頁(yè)，可以避免不小心再次訪問(wèn)同樣的網(wǎng)頁(yè)。

　　而收獲這些好處，只有在一種情況下：將已訪問(wèn)和未訪問(wèn)的鏈接設(shè)定為不同的顏色，使用戶能夠分辨出哪些是訪問(wèn)過(guò)的，哪些是沒(méi)有訪問(wèn)過(guò)的。

　　在可用性測(cè)試中，如果訪問(wèn)過(guò)的鏈接不改變顏色，用戶將會(huì)表現(xiàn)出迷惑，總是反復(fù)地不小心地瀏覽了相同的網(wǎng)頁(yè)。

　　四、不可掃描的文字

　　顯示一大片文字對(duì)于用戶來(lái)說(shuō)是致命的，它是很可怕、很無(wú)聊的交互體驗(yàn)，用戶閱讀起來(lái)很痛苦。

　　在線寫(xiě)作，不是為了打印。讓用戶很好地閱讀，并且要支持用戶快速掃描內(nèi)容，那么使用以下幾個(gè)技巧：

　　使用副標(biāo)題

　　使用列表

　　突出關(guān)鍵詞

　　使用小段落

　　倒金字塔結(jié)構(gòu)

　　一個(gè)簡(jiǎn)單的寫(xiě)作風(fēng)格

　　拒絕采用華麗不實(shí)在的市場(chǎng)營(yíng)銷(xiāo)語(yǔ)言

　　五、固定的字體大小

　　很不辛的是，CSS樣式不幸地讓網(wǎng)站有權(quán)禁止瀏覽器的“改變字體大小”的功能，并且將網(wǎng)頁(yè)使用一個(gè)固定大小的字體。

　　95%以上的的情況來(lái)說(shuō)，這個(gè)固定的字體大小是非常的小，大大降低了超過(guò)40歲的大部分用戶的網(wǎng)頁(yè)可閱讀性。

　　尊重用戶的喜好，讓他們根據(jù)需要調(diào)整字體大小。另外，要按相對(duì)值來(lái)定義大小的字體，不要按像素的絕對(duì)值定義大小。

　　六、網(wǎng)頁(yè)標(biāo)題不容易被搜索引擎搜索出

　　搜索是用戶發(fā)現(xiàn)網(wǎng)站的最重要的途徑，也是用戶發(fā)現(xiàn)個(gè)人網(wǎng)站服務(wù)的最重要的途徑。簡(jiǎn)單的網(wǎng)頁(yè)標(biāo)題是你從搜索結(jié)果中吸引新訪客、幫助現(xiàn)存客戶找到他們需要的網(wǎng)頁(yè)的主要工具。

　　網(wǎng)頁(yè)標(biāo)題是被包含在HTML 里的內(nèi)容，也是最經(jīng)常被用于搜索結(jié)果列表中的可點(diǎn)擊時(shí)的大標(biāo)題。

　　搜索引擎會(huì)顯示標(biāo)題中的前66個(gè)字符，所以這是很精簡(jiǎn)關(guān)鍵的的簡(jiǎn)短的內(nèi)容。

　　網(wǎng)頁(yè)標(biāo)題也經(jīng)常被作為用戶添加到書(shū)簽中的默認(rèn)入口名稱。比如你的公司網(wǎng)站主頁(yè)，以公司名稱作為開(kāi)頭，跟上對(duì)網(wǎng)站的簡(jiǎn)要描述，就是不錯(cuò)的選擇。

　　不要以“The”或者“Welcome”為開(kāi)頭，除非你想要強(qiáng)調(diào)T或者W。

　　除了主頁(yè)外的其他頁(yè)面，以最突出的內(nèi)容作為開(kāi)頭，后跟用戶將會(huì)在這個(gè)網(wǎng)頁(yè)上看到的內(nèi)容的簡(jiǎn)要描述。

　　由于網(wǎng)頁(yè)標(biāo)題會(huì)被作為瀏覽器的窗口標(biāo)題，所以它也會(huì)被作為顯示在任務(wù)欄的標(biāo)簽內(nèi)容，這意味著高級(jí)用戶將會(huì)在多個(gè)窗口中，根據(jù)網(wǎng)頁(yè)的標(biāo)題前一到兩個(gè)詞來(lái)判斷要切換到哪個(gè)窗口。

　　如果你所有的網(wǎng)頁(yè)標(biāo)題都是以一樣的詞作為開(kāi)頭，那么你就降低了使用多窗口的用戶的可用性。

　　七、看起來(lái)像廣告的東西

　　有選擇性的吸引注意力是非常有用的。網(wǎng)頁(yè)的用戶已經(jīng)學(xué)會(huì)了如何避免去關(guān)注任何可能阻擋他們目標(biāo)的廣告。

　　很不幸的是，用戶也經(jīng)常忽略看起來(lái)像廣告

　　的合理的設(shè)計(jì)元素。畢竟，當(dāng)你開(kāi)始忽略某些東西的時(shí)候，你就不會(huì)太認(rèn)真地去研究它是什么。

　　因此，最好是能夠避免任何看起來(lái)像廣告的設(shè)計(jì)。這一個(gè)知道方針將會(huì)隨著廣告的新形式出現(xiàn)而發(fā)生變化。目前可以遵循以下規(guī)則：

　　無(wú)視橫幅：由于橫幅所在的網(wǎng)頁(yè)位置和形狀，用戶不會(huì)把注意力放在任何看似橫幅廣告的地方。

　　避免使用動(dòng)畫(huà)：用戶會(huì)忽略不斷閃爍或者跳動(dòng)的文字或者過(guò)于侵略用戶視線的動(dòng)畫(huà)。

　　凈化彈框：用戶會(huì)在自己甚至都還沒(méi)看彈框內(nèi)容之前，關(guān)閉了彈出的窗口，有時(shí)候是帶著厭惡情緒關(guān)閉這個(gè)窗口的

　　八、違反設(shè)計(jì)慣例

　　一致性是一個(gè)最重要的可用性原則之一，當(dāng)所有的東西都是一致的表現(xiàn)形式，用戶不需要去擔(dān)心將會(huì)發(fā)生什么事情，他們可以根據(jù)自己之前的使用習(xí)慣，就預(yù)測(cè)到接下來(lái)他會(huì)碰到什么。

　　用戶的期待被驗(yàn)證是正確得越多，那么他們也會(huì)更感受到他們?cè)诳刂浦到y(tǒng)，會(huì)更加喜歡這個(gè)系統(tǒng)。相反，如果系統(tǒng)經(jīng)常打破用戶的期待，那么他們會(huì)覺(jué)得失落。

　　九、打開(kāi)新的瀏覽器窗口

　　打開(kāi)新的瀏覽器窗口就像是一個(gè)吸塵器銷(xiāo)售業(yè)務(wù)在上門(mén)推銷(xiāo)的時(shí)候，把煙灰缸的雜物傾倒在消費(fèi)者家的地毯上。

　　請(qǐng)不要用那么多的窗口污染我的屏幕，特別是當(dāng)前的操作系統(tǒng)的窗口管理十分混亂的時(shí)候。

　　設(shè)計(jì)師打開(kāi)一個(gè)新的窗口是出于想要把用戶停留在他們的網(wǎng)站上，不希望用戶離開(kāi)網(wǎng)站的設(shè)計(jì)理論的本意，但是卻忽略了控制用戶機(jī)器帶來(lái)的不良效應(yīng)。

　　這個(gè)策略是適得其反的，因?yàn)榇蜷_(kāi)新的窗口，將沒(méi)法使用灰色的返回的按鈕，而返回按鈕已經(jīng)是用戶返回上一個(gè)網(wǎng)站的正常使用習(xí)慣。用戶經(jīng)常注意不到已經(jīng)有一個(gè)新的窗口被打開(kāi)。特別當(dāng)他們窗口已經(jīng)最大化的時(shí)候。所以一個(gè)用戶在這種情況下，如果想要返回到原來(lái)的網(wǎng)站，將會(huì)十分的困惑，因?yàn)榉祷匕粹o無(wú)法使用。

　　用戶對(duì)于他們系統(tǒng)的鏈接的理解，經(jīng)常不如被想象的那樣。一個(gè)鏈接應(yīng)該是一個(gè)簡(jiǎn)單的超文本，點(diǎn)擊后目標(biāo)頁(yè)面在當(dāng)前的瀏覽窗口中加載。

　　用戶痛恨沒(méi)有預(yù)警的彈出窗口。當(dāng)他們想要用新的網(wǎng)頁(yè)顯示新的內(nèi)容的時(shí)候，他們會(huì)自己用瀏覽器的“在打開(kāi)新窗口打開(kāi)”的方法。

　　十、不回答用戶的問(wèn)題

　　用戶是十分的目標(biāo)驅(qū)動(dòng)性的，他們?cè)L問(wèn)網(wǎng)站是因?yàn)橄胍ㄟ^(guò)網(wǎng)站達(dá)成什么目的的?；蛟S是購(gòu)買(mǎi)你的產(chǎn)品。網(wǎng)站很大的一個(gè)失敗是，很難令用戶找到他們想找的。

　　有時(shí)候答案很簡(jiǎn)單，但就是不在網(wǎng)站上，于是你失去了這個(gè)銷(xiāo)售的機(jī)會(huì)。因?yàn)橛脩粽也坏酱鸢?，他們必須假設(shè)你的產(chǎn)品或者服務(wù)不滿足他們的需求。

　　也有些時(shí)候他們想找的答案埋藏的太深，用戶沒(méi)有時(shí)間去一個(gè)個(gè)閱讀，這種隱藏太深的信息，就跟不在網(wǎng)站上也是差不多的。

　　最糟糕的例子是網(wǎng)站不提供“產(chǎn)品或者服務(wù)的價(jià)格”，沒(méi)有B2C的電商網(wǎng)站會(huì)犯這種錯(cuò)誤，但是B2B的網(wǎng)站卻經(jīng)常發(fā)生，比如說(shuō)人們根本就不能分辨出“企業(yè)級(jí)解決方案”是適用于100用戶的還是100000用戶的。

　　價(jià)格是用戶最容易去理解提供的產(chǎn)品的最重要的部分。不顯示價(jià)格，會(huì)讓人迷失，會(huì)讓人難以理解產(chǎn)品線。

　　即使是B2C的網(wǎng)站有時(shí)候也會(huì)忘記在產(chǎn)品列表里放價(jià)格的類(lèi)似的錯(cuò)誤，比如說(shuō)目錄頁(yè)、搜索結(jié)果。價(jià)格是了解情況的關(guān)鍵因素。它讓用戶可以區(qū)分產(chǎn)品，并且讓用戶快速判斷選擇自身最合適的產(chǎn)品。