@陳子木 學(xué)習(xí)網(wǎng)頁設(shè)計是一個循序漸進(jìn)的過程，提高品味，掌握技術(shù)，了解市場和用戶，都很重要。但是，關(guān)于網(wǎng)頁設(shè)計和開發(fā)的相關(guān)圖書是如此之多，以至于新手要選擇一本合適的入門圖書并不是那么容易。所以，不妨挑選一本能夠抓住網(wǎng)頁設(shè)計核心的書，為自己明確方向。深入講述理論的書并不少，但是能夠幫你提綱挈領(lǐng)還深入淺出的書，最合適的恐怕還得是Steve Krug的這本《Don't Make Me Think》了。它的中文譯本叫做《點(diǎn)石成金:訪客至上的網(wǎng)頁設(shè)計秘笈》，由機(jī)械工業(yè)出版社出版發(fā)行，你能夠在優(yōu)設(shè)的圖書導(dǎo)航的“用戶體驗(yàn)”導(dǎo)航中找到這本書的相關(guān)信息。

這本書2000年首次發(fā)布的圖書是毋庸置疑的經(jīng)典，至今已經(jīng)修訂過兩次了。它過時么？不，一點(diǎn)都不過時。這本書主要是探討的網(wǎng)站設(shè)計的可用性，它的內(nèi)容并沒有隨著技術(shù)的發(fā)展而疲軟，如今讀來都非常具有針對性。畢竟，用戶體驗(yàn)不僅關(guān)乎技術(shù)與技藝，它更是關(guān)于人的科學(xué)。

在這本書剛剛發(fā)布的時候，Steve Krug似乎并未仔細(xì)去區(qū)分這本書所屬的領(lǐng)域。但是14年后的今天，用戶體驗(yàn)已經(jīng)成了獨(dú)立的領(lǐng)域，這本書所提及的技巧和原則對于初學(xué)者依然非常有用，甚至對于經(jīng)驗(yàn)豐富的設(shè)計師一樣有啟發(fā)。對比今天的同類圖書可能你覺得這本書還稍顯簡單，但是當(dāng)你對比與這本書同時代的網(wǎng)頁開發(fā)圖書，就會明白什么叫做驚艷。這本書向我們證明了一件事情，技術(shù)會隨著時代推進(jìn)而更迭，但是常識永遠(yuǎn)不會過時。

可用性第一定律

這本書的標(biāo)題其實(shí)就很準(zhǔn)確地表明了本書第一章要講述的內(nèi)容——Steve的可用性第一定律：

“當(dāng)用戶第一次登錄你的網(wǎng)站的時候，他們不應(yīng)該也不需要想任何東西?！?

這一定律其實(shí)已經(jīng)覆蓋了設(shè)計的方方面面了，這意味著網(wǎng)站的Logo，布局，內(nèi)容和鏈接都需要圍繞著這一點(diǎn)來設(shè)計。

“當(dāng)你在創(chuàng)建一個網(wǎng)站的時候，你的任務(wù)是盡力避免讓用戶產(chǎn)生疑惑?！?

不讓用戶產(chǎn)生困惑，就是讓用戶出現(xiàn)在他們應(yīng)該在的地方，面對著清晰易用的界面。作為設(shè)計師，你的任務(wù)是讓頁面上的所有元素都讓用戶能清晰明白它們的功用，巧妙地將用戶引導(dǎo)到他們想要去的地方，讓他們無需猶豫就可以流暢地操作。

這就是這本書的根本原則，也是用戶體驗(yàn)的核心所在。

當(dāng)你閱讀第一章內(nèi)容的時候，你會明顯發(fā)現(xiàn)Steve所使用的案例都很明顯都是過時的網(wǎng)頁實(shí)例，不過這并不重要，因?yàn)镾teve所探討的內(nèi)容并不會受到過時的樣式的影響。

第一章中，我注意到一個有趣的細(xì)節(jié)，Steve在一個網(wǎng)頁按鈕的案例中給出了一個扁平化的按鈕，而這種按鈕樣式會讓用戶迷惑。

在扁平化設(shè)計大行其道的今天，這個例子是這是非常耐人尋味的。這個例子告訴我們一個事實(shí)：扁平化的按鈕設(shè)計讓用戶遲疑了，即使他們只是遲疑了一毫秒。所以，有的時候我們確實(shí)需要反思一下正在流行的網(wǎng)頁設(shè)計趨勢，不能因?yàn)樗橇餍械木吞煺娴卣J(rèn)為它是對的，因?yàn)橛械牧餍械脑O(shè)計趨勢甚至都稱不上是好的設(shè)計。

在設(shè)計圈中流行極簡風(fēng)的今天，很多網(wǎng)站會略去傳統(tǒng)的導(dǎo)航欄設(shè)計，而用戶在瀏覽這些網(wǎng)的過程中會迷惑。所以當(dāng)你打算設(shè)計一個類似風(fēng)格的網(wǎng)站的時候，一定要仔細(xì)拿捏追隨設(shè)計趨勢和確保用戶體驗(yàn)之間的關(guān)系。

請不要誤解我的意思，還是有很多極簡風(fēng)的網(wǎng)站設(shè)計得漂亮而易用。如果你是一個初學(xué)者，了解用戶習(xí)慣，做好用戶體驗(yàn)才是首要任務(wù)。在設(shè)計高大上的動效之前，先確保用戶可以在你的網(wǎng)站找到他們想要的東西。

概覽

Steve Krug的這本書非常適合初學(xué)者，應(yīng)為它并沒有引入過多高深復(fù)雜的技術(shù)和概念，內(nèi)容清晰，語言直白，偶爾蹦出來的趣聞能令你會心一笑。區(qū)別于那些充斥著各種高大上技術(shù)詞匯的圖書，《Don't Make Me Think》會讓你輕松地理解網(wǎng)站設(shè)計核心思想，引導(dǎo)你邁出第一步。

當(dāng)Steve談及“普通用戶”的時候，他是這樣在注釋中調(diào)侃這個概念的：

“真正的普通用戶密封于日內(nèi)瓦國際標(biāo)準(zhǔn)組織的拱頂上，我們會在后面的文章中講述如何正確地看待普通用戶的。”

這段調(diào)侃就能看看出，Steve認(rèn)為所謂的標(biāo)準(zhǔn)的普通用戶是根本不存在的。十四年前第一版發(fā)售的時候，他就將這句話加了進(jìn)去，而今天的UE/UX設(shè)計師們依然在拿著“普通用戶”的概念喋喋不休地爭吵。（雖然作者某些笑話在我們看來略顯高冷，但是多數(shù)還是能搏得大家一笑的，咳咳，大家不要在意這些細(xì)節(jié)……）

這本書并不厚，中文版算上封面也才160多頁，圖文并茂，閱讀起來比起動輒四五十大洋一本的大部頭要省心得多。

以下是這本書的章節(jié)目錄：

1、別讓我思考（Krug的可用性第一定律）
2、我們實(shí)際上是如何使用web的（掃描、滿意即可、勉強(qiáng)應(yīng)付）
3、廣告牌設(shè)計101法則（為掃描設(shè)計，不為閱讀設(shè)計）
4、動物、植物、無機(jī)物（為什么用戶喜歡無需思考的選擇）
5、省略不必要的文字（不要在Web上寫作的藝術(shù)）
6、街頭指示牌和面包屑（設(shè)計導(dǎo)航）
7、首先要承認(rèn)，主頁不由你控制（設(shè)計主頁）
8、農(nóng)場主和牧牛人應(yīng)該是朋友（為什么Web設(shè)計團(tuán)隊討論可用性是在浪費(fèi)時間，如何避免這種情況）
9、一天10美分的可用性測試（讓測試簡單——這樣你能進(jìn)行充分的測試）
10、可用性是基本禮貌（為什么你的網(wǎng)站應(yīng)該讓人尊敬）
11、可訪問性、級聯(lián)樣式表和你（正當(dāng)你覺得已經(jīng)完成了的時候，一只貓掉下來，北上捆著涂了奶油的面包……）
12、救命！老板想要我……（當(dāng)好人遇到不好的設(shè)計決策）

為什么你需要這本書

雖然這本書出現(xiàn)的時間比較早，案例中常常出現(xiàn)的雅虎也已經(jīng)被今天的谷歌所取代，但是它的內(nèi)容經(jīng)受住了時間的考驗(yàn)。這本書能帶你了解用戶體檢設(shè)計的各個細(xì)節(jié)，幫你掃清那些基礎(chǔ)但很關(guān)鍵的迷惑。你無需擔(dān)心，這本書中不會有難懂的技術(shù)詞匯，你可以配合其他的同類書籍一起讀。

在用戶體驗(yàn)設(shè)計中的注意事項(xiàng)

現(xiàn)如今，互聯(lián)網(wǎng)已經(jīng)成了我們生活中不可或缺的一部分，技術(shù)更迭已經(jīng)成為了令人目眩的競技，手機(jī)、平板、電腦甚至電視都已經(jīng)可以輕松訪問網(wǎng)絡(luò)了。然而，用戶訪問網(wǎng)頁，交互和選擇的方式并沒有發(fā)生根本性的改變。用戶通過網(wǎng)站獲取到有價值的信息，尋找他們需要的東西，如果這個過程中用戶覺得毫不費(fèi)勁無需思考，那么網(wǎng)站的設(shè)計者就算成功了。

好的用戶體驗(yàn)?zāi)芪脩敉W(wǎng)站進(jìn)行交互，可如果你的沒有可靠的搜索引擎，沒有符合邏輯的導(dǎo)航欄，即使網(wǎng)站的效果再炫酷再有藝術(shù)感也會令用戶難以忍受。

在這本書出版之后，大量關(guān)于用戶體驗(yàn)設(shè)計的圖書隨后涌現(xiàn)了出來，逐漸普及，形成了一個單獨(dú)的學(xué)科分支。今天，你單只是在這么一個領(lǐng)域鉆研，并不一定能做出對的產(chǎn)品和優(yōu)秀的網(wǎng)頁，但是這本書至少會將你領(lǐng)向?qū)Φ姆较?。但是我相信，勇于鉆研+勤奮練習(xí)，你終將成功。

更多設(shè)計類圖書推薦：
《網(wǎng)易美女設(shè)計主管！交互設(shè)計菜鳥如何入門？》
《視覺饗宴！暢游VC視覺研究刊物-ISSUE05（附PDF下載）》
《尖叫吧！像素完美使用手冊（附PDF下載）》

原文地址：sitepoint
優(yōu)設(shè)網(wǎng)翻譯：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量73萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：