Nielsen:如何設計出更好的網站

發表於2011-06-30

通過平面媒體和出席研討會來傳播他的有效使用者介面設計原則。在這篇文章寫作的後期,他已經在User Experience World Tour上傳授他的意見。Nielsen 擁有博士學位,同時也是 Nielsen Norman Group的使用者倡導者和負責人(Nielsen Norman Group 是他與 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合創的)。在 1998 年以前,他是 Sun 公司的一位傑出的工程師。他在 Web 可用性的領域被公認為世界的權威。

Nielsen 已經獲得了偶像級的地位,是如今講談會最受尊敬的使用者介面大師級主講者之一。全球許多設計者對他推崇備至,然而還有許多人卻想把他絆倒。

他用下述三個基本的原則來啟發設計者:精緻簡約,越少越好和支援使用者任務、不要阻礙使用者。

通過這些原則,Nielsen 領導他的聽眾設計出更好的網站。在他看來,這就好比在萬里長征的旅途中邁出了第一步。為了來改善網站造訪者的使用體驗,Nielsen 要求聽過他的演講或出席過他的研討會的聽眾針對他們的網站做一個適當的改變。這些看似小小的變化往往產生了最大的影響。

為證明 Nielsen 的概念已經深深的影響著我們,他還特別指出他已經不把網頁下載速度視為最迫切需要改進的因素。隨著寬頻時代的來臨加上設計者逐漸設計出更有效率的網站,Nielsen 覺得到他已經改變了世界。

Nielsen 的戒律

你應該:

  • 在為網站寫程式時遵循 Web 的標準(從 W3C 標準開始,然後使用其它已經可接受的標準,例如 JavaScript 等)
  • 遵循規範 — 80% 到 90%的使用者都在做的就是規範
  • 強調快速的響應時間(網頁負荷和伺服器容量兩方面)
  • 簡明、客觀、易於瀏覽
  • 協助使用者決定去留:區分產品列表
  • 支援搜尋的功能,但是別做的太繁複(以 Google 為標準)
  • 在進行任何設計之前先做好任務分析(task analysis)
  • 在設計時強調任務支援(例如,比較購物)
  • 在設計過程中進行多次使用者測試
  • 讓殘障人士也可訪問網站

你不應該:

  • 妨礙使用者:別用過度喧譁奪目的頁面,別使用 Flash 做簡介,不用具有推銷性及不合適的圖片來破壞內容(例如,笑臉照片)
  • 包含未經請求的彈跳式視窗(線上求助除外)
  • 去掉「上一頁」(Back)按鈕(開啟一個新的瀏覽器視窗是一個常見的錯誤)
  • 把功能設計元素做得看起來像廣告(他們將會被忽略)
  • 使用動態式的文字(moving text)
  • 允許連結錯誤發生
  • 隱藏送貨成本或其它「陷阱」-這些會引起放棄購物
  • 使用焦點團體或調查來指導互動式設計
  • 不斷重複設計- 在推出網站前深思熟慮,然後就保持同樣的設計風格一年左右。

追隨者

Nielsen 指出 Yahoo 最符合他的有效網站設計定義的網站。他認為「 它在您需要考慮的幾乎所有因素方面一直都表現得很好。當您在不同的頁面上時,您知道您要做什麼。」他指出 Yahoo「 一直在改進設計,但是卻一直以使用者經驗為出發點。」

至尊經典

Nielsen 不僅非常重視他的最新著作Designing Web Usability:The Practice of Simplicity,也對 Scott McCloud 的Understanding Comics推崇備至。「 這本書提供了對簡潔性概念和在視覺溝通中如何發揮作用的提出了非凡的洞察力。」除了 Nielsen 有關 Web 可用性方面的書籍,從事電子商務網站的人也應該看看他的電子商務可用性之 219 條設計指南(219 design guidelines for e-commerce usability)。另外,Nielsen 也推薦以下幾個具有可用性資源的網站,這包括他自己的useit.com、Tomalak’s Realm和Usable Web。

救贖

對於 Nielsen 來說,一個無錯的網站需要實用的設計、一個精確的使用者響應系統和精簡的設計。許多人對 Nielsen 將最精簡設計列為第三項而感到震驚,但他馬上響應說,「 我從不反對網站上以圖形呈現,但是他們必須是內容的一部分。如果您在一個網頁上有某人的傳記,當然您需要他們的圖片,但是您不需要製造一個閃爍的星狀圖來引起人們的注意吧!」

最後,為了闡述所有的設計者要遵循 HTML 標準和規範的重要性,Nielsen 以無所不在的交通燈為例:「 據我所知,紅燈停、綠燈行是大家都熟悉的國際標準。但是,如果在一個十字路口有人決定根據自己的意願改變顏色規範,您能想象這將發生怎樣的情況嗎?」

原文:bookread

相關文章