網站設計十大錯誤

作者:Jakob Nielsen 出處:Sawin軟體研發之窗 自1996年以來,我曾經指出了很多網站中的設計錯誤,參見底部我的系列文章列表,本文將重點介紹的是,這些問題當中十個最為嚴重的網站設計錯誤。

  1、搜索引擎不友好

  搜索引擎對於難以處理和識別的打字稿、複數、連字號等等各種各樣的問題,搜索的準確度會降低。顯然,如果搜索引擎刻意去迎合這種錯誤使用的話,會傷害到所有的搜索使用者。

  一個相關的問題是,搜索引擎區分結果是依靠文檔的重要性,而只是按照內容關聯次數簡單地進行結果區分。

  當找不到信息的時候,搜索是用戶的救生索。即使有高級搜索功能,建議還是使用簡單搜索,搜索形式應該是一個簡單的錄入框,就像我們常見的那一種。

  2、使用PDF文件做為在線閱讀

  用戶討厭在瀏覽的時候跳出PDF文件,因為那會打斷用戶的瀏覽過程,因為普通的瀏覽器按鈕無法工作,因此即使如列印或保存文檔這樣簡單的事情也會變得複雜。由於其版面設計是基於紙張優化的,因此文字的字體很少會和用戶的流量其窗口相適應。沒有了平滑的滾動瀏覽,有的只是超小號的字體。

  更糟糕的是,PDF文件內容是分塊的,很難瀏覽。

  PDF是對於印刷及發行手冊等和其他需要列印的大文件來講是很合適的,使用它的目的只是為了保留它的信息使其網頁上瀏覽成為現實。

  3、未改變已訪問鏈接的顏色

  一個好的瀏覽歷史能夠幫助你了解目前的位置,因為那是你瀏覽的起點。知道過去和現在的位置反過來使得決定下一步去哪裡變得容易了。鏈接是這些瀏覽過程中的一個關鍵因素。用戶可以不去訪問那些沒有用處的地址,相反,他們會訪問那些對他們有幫助的鏈接地址。

  最重要的是,他們知道哪些網頁已經訪問過了,這樣就不必一次又一次訪問同一個歷史頁面。

  但是這些好處只是基於一個重要的假設:由於網站提供不同的顏色顯示,用戶可以分辨出哪些鏈接訪問過,哪些鏈接沒有訪問過。如果訪問一個鏈接後顏色沒有發生變化,那麼用戶很可能會感到迷惑並無意中反覆訪問同一歷史頁面。

  4、文字未排版

  將所有文字堆積在一起是一種可怕的體驗,瀏覽這樣的文字將是痛苦的經歷。

  在線寫作,並不是為了列印,需要讓用戶能很好地閱讀,下面是幾個改進的要點:

  使用子標題

  使用列表

  突出關鍵字

  使用小段落

  反金字塔結構

  簡單的寫作風格

  5、固定字體大小

  CSS樣式不幸讓網站有權禁止瀏覽器的「改變字體大小」的功能,並使得網站有一個固定的字體大小。對於大多數人的年齡超過40歲的人來說,這個固定地文字大小實在太小了。

  尊重用戶的喜好,讓他們按照自己的需要修改文字的大小,同時,明確字體大小是相對的,而非絕對顯示像素的數量多少。

  6. 網頁標題搜索引擎不友好

  搜索是用戶發現網站的最重要途徑,搜索用戶找到一個獨立網站的最重要的方法。網頁的標題是你吸引新用戶或老用戶從搜索列表中定位到你網站的主要工具。

  網頁的標題文字是在<title>標記之間的文字,並通常作為搜索引擎結果列表中的鏈接文字。搜索引擎一般只顯示標題開頭66個字,是真正的縮略內容。

  網頁標題也用戶將一個網址加為書籤時的默認文字,對於你的主頁,應該以公司名稱開頭,接著是網站的簡介,不要用「The」或「Welcome to」做為開頭文字。

  對於其他網頁來說,標題應該是將具體內容的概要文字說明,由於網頁標題是瀏覽器窗口的標題,也是用戶任務條上的標籤,多個窗口下將會顯示每一頁的標題,因此,如果你所有的網頁標題字都相同的話,對於開了多個窗口的用戶來說,你網站的可用性將嚴重降低。

  7、所有的東西看起來都像廣告

  有選擇地吸引注意力是相當有力的途徑。用戶已經學會了對擋在眼前的那些目的性很強的廣告採取不予理睬的態度。這也就是為何點擊率每年以半數速度下降,網路廣告根本不起作用的原因。

  不幸的是,這也使得用戶忽視了那些看起來很像廣告的設計樣式。畢竟,當你不理會某些東西時,就不會仔細地研究它並搞清楚它是什麼。

  因此,最好避免任何類似廣告的設計。這一指導方針所傳達的含義隨著新的廣告形式出現而變化。目前遵循以下規則:

  無視橫幅:著用戶將不會把注意力放在任何看似橫幅廣告的東西,這取決於它的形狀及位置。

  避免使用動畫:用戶會忽視那些閃爍的文字或其它侵略性很強的動畫。

  凈化彈出窗口:用戶在彈出窗口完全打開前就會將其關閉,有時是帶著極端厭惡的情緒。

  8、違反設計慣例

  一致性是最重要的可用性原則之一:當事物遵循相同的原則運作時,用戶不用擔心發生意外,因為他們根據先前的經驗已經很清楚將會發生什麼事情。就像你每次在牛頓的頭頂上放下一個蘋果,它一定會砸中他的腦袋一樣。

  用戶的期望實現得越多,他們就越感覺是自己在控制整個系統,並且更加喜歡它。相反地,用戶則會感到可靠程度不夠。想想,當我釋放蘋果時,它變成了西紅柿並朝著天空蹦出一英里,那多荒誕!

  9、打開新的瀏覽器窗口

  打開新的瀏覽窗口就像一個吸塵器推銷員在上門推銷時,直接將煙灰缸里的雜物傾倒在消費者家中的地毯上。拜託!不要用任何窗口污染我的屏幕(尤其在當前操作系統低劣的窗口管理技術下),如果我需要一個新窗口,我會自己打開的。

  設計者打開新窗口的本意是要讓用戶留在他的站點上。但是卻忽略了控制用戶的機器所帶來的負面效應,這種策略恰恰弄巧成拙,因為當用戶想通過「後退」按鈕返回先前的站點時,已經做不到了。用戶通常注意不到新窗口已經被打開,尤其當他們的顯示器很小,而窗口又正好是最大化時。因此,當用戶想要返回原來的站點時,面對的卻只是一個不可用的灰色「後退」按鈕。

  點擊鏈接的標準結果是目標頁面在當前的瀏覽窗口中載入,取代現有頁面。出現其它的任何情況都違背了用戶的期望,令他們感到對網路的控制不穩定。用戶痛恨那些突然彈出來的窗口,當用戶想要在新窗口打開一頁的時候,會自己使用「在新窗口打開」功能,因此不要用一些代碼來干擾了用戶瀏覽器的操作。

  10、不回答用戶的提問

  用戶是因為某個目的才訪問你的網站。他們方式可能是想購買你的產品或者其他,但最終卻失敗了,因為網站沒有提供用戶尋找的資料信息。

  事實上問題遠沒有這麼簡單,如果你不告訴用戶具體情況,用戶就會以為你的產品或服務不能滿足他們的需求,因此用戶就不會購買你的產品,或者有一些信息,深深隱藏在各種文檔之間,用戶沒有時間閱讀所有這些隱藏的信息,因此也就認為它們不存在。

  不回答用戶提問的最壞的例子是拒絕提供產品和服務的價格清單,沒有任何B2C的商務網站會犯這種錯誤,但是這在B2B中卻普遍存在,大多數「企業解決方案」的提出,讓你不能告訴用戶他們適合100個站點、還是10萬個站點人。價格是最主要的作用是便於想用戶提供相應的產品,避免提供一個不成熟的產品給用戶。

  即使是B2C網站有時頁會忘記在所有地方提供相關產品價格清單,例如在目錄頁或者搜索結果頁,要知道,在這兩種情況下,價格是關鍵,它讓用戶能夠區分不同的產品並找到最合適的目標。

  其他各年的十大錯誤列表

  2005年的十大網站設計問題:

  一.易讀性的問題-讓使用者決定瀏覽時字體大小。

  二.沒有標準的超連結表示

  三.Flash的使用

  四.網頁無法呈現網站內容

  五.搜尋的重要

  六.瀏覽器的差異

  七.討厭的框架

  八.沒有鏈接相關資訊或是公司資訊

  九.固定的頁面寬度

  十.不適當的圖片放大連結

  2003年的十大網站設計問題:

  一.主題不明確

  二.更改以存檔的鏈接地址

  三.內容沒有註明日期

  四.縮略圖看不清細節

  五.圖片的ALT文字過於冗長

  六.不給用戶自定義選擇

  七.過長的商品列表選擇

  八.商品僅按照商標排序

  九.過於限制用戶錄入的信息

  十.頁面包含指向自身頁面的鏈接

  1999年的十大網站設計問題:

  一.破壞或減慢「後退」按鈕

  二.打開新的瀏覽窗口

  三.使用不規範的GUI(圖形用戶界面)部件

  四.缺少自我介紹

  五.缺少存檔

  六.移動頁面至新的URL地址

  七.標題和內容不匹配

  八.對最新的網路熱門緊追不捨

  九.伺服器訪問速度過慢

  十.所有的東西看起來都像廣告

推薦閱讀:

最炫民族風 | 巴基斯坦時裝設計師作品
人類脊柱原罪--從設計師上帝的角度來看。以及多種運動解決方案
為什麼把建築師比作工匠不是蠢就是壞?
[好設計怎樣看] 誰才是傢具中的主角?
嵌入式系統設計師考試筆記之電子電路設計基礎

TAG:設計 | 網站 | 錯誤 | 十大 |