第1章? 用戶體驗(yàn)為什么如此重要

1、就日常生活中的遭遇

每個(gè)人都經(jīng)歷過這樣的日子：就比如你設(shè)置好的鬧鐘早上沒有叫你，你打開咖啡機(jī)卻發(fā)現(xiàn)沒有咖啡，當(dāng)你出門的時(shí)候發(fā)現(xiàn)車子沒有油，在加油站準(zhǔn)備使用的那臺(tái)信用卡不認(rèn)識(shí)你的卡，于是你要付現(xiàn)金并且收銀員慢吞吞收銀。加完油你路上發(fā)生交通事故你要繞路，后來你遲到了。

2、什么是用戶的體驗(yàn)

這些事情很倒霉，回頭分析一下。交通事故：司機(jī)想調(diào)低收音機(jī)，視線離開路面。? 收銀機(jī)：收銀機(jī)太過于復(fù)雜，收銀原要全身心的投入，那么收銀機(jī)簡(jiǎn)單一點(diǎn)就不會(huì)浪費(fèi)太多時(shí)間。加油機(jī)：加油機(jī)沒有任何提示你如何插卡，你急導(dǎo)致你沒有把卡換頭?？Х葯C(jī)：沒有很好的提示，提示你是否開啟，沒有指示燈也沒有聲音。鬧鐘：時(shí)間錯(cuò)了，因?yàn)槟愕呢埐攘艘荒_。無論什么產(chǎn)品，用戶體驗(yàn)總是體現(xiàn)在細(xì)微的地方，但卻非常重要。

3、從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)

大部分時(shí)候，當(dāng)提到“產(chǎn)品設(shè)計(jì)”時(shí)，人們往往會(huì)想到的是產(chǎn)品在感官方面的表現(xiàn)。另一種常見的，評(píng)價(jià)產(chǎn)品的角度，則是與“功能”有關(guān)的。以上兩種觀點(diǎn)都不能算是真正的“設(shè)計(jì)”，有些產(chǎn)品可能很好看而且功能正常，但將“設(shè)計(jì)一個(gè)用戶體驗(yàn)良好的產(chǎn)品”作為明確的目標(biāo)，意味著不僅僅是功能或外觀那么簡(jiǎn)單。

4、為體驗(yàn)而設(shè)計(jì)：使用第一

產(chǎn)品設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)有什么不同呢？畢竟每一個(gè)產(chǎn)品都是把人類當(dāng)成用戶來設(shè)計(jì)的，而產(chǎn)品的每一次使用，都會(huì)產(chǎn)生相應(yīng)的體驗(yàn)。

5、用戶體驗(yàn)和網(wǎng)站

網(wǎng)站是一門錯(cuò)綜復(fù)雜的技術(shù)，有很多人在探索的時(shí)候就覺得自己很笨，其實(shí)并不是自己笨而是設(shè)計(jì)的太復(fù)雜。如果那些網(wǎng)站一直都想讓用戶覺得很笨那么是想趕跑別人。

在網(wǎng)站最初出現(xiàn)的時(shí)候，成功的關(guān)鍵是第一時(shí)間把各種想法實(shí)現(xiàn)出來，將網(wǎng)站迅速推向市場(chǎng)，但企業(yè)只是把擁有網(wǎng)站看成是一個(gè)杰出的成就，至于它是否真正能為人們所用，充其量是后來才想到的一件事情。

后來，越來越多的企業(yè)已經(jīng)開始意識(shí)到，提供優(yōu)質(zhì)的用戶體驗(yàn)，是一個(gè)重要的，可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)。

6、用戶體驗(yàn)就是商機(jī)

簡(jiǎn)而言之，如果你的用戶得到一次不好的體驗(yàn)，他們將不再回來。如果用戶在網(wǎng)站上體驗(yàn)尚好，但是，在你的競(jìng)爭(zhēng)對(duì)手哪兒感覺更好，那么他們下次將訪問競(jìng)爭(zhēng)對(duì)手的網(wǎng)站，而不是你的。任何在用戶體驗(yàn)上所做的努力，目的都是為了提高效率。效率所影響的不僅僅是最終的結(jié)果，對(duì)你的員工而言，這種工具不僅僅提高了他們的生產(chǎn)力，還增加了他們的工作自豪感，這大大減少他們考慮換一個(gè)新工作的機(jī)會(huì)。

7、在乎你的用戶

創(chuàng)建吸引人的，高效的用戶體驗(yàn)的方法稱為“以用戶為中心的設(shè)計(jì)”。以用戶為中心的設(shè)計(jì)思想非常簡(jiǎn)單：在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍。

用戶體驗(yàn)對(duì)你很重要，理由：它對(duì)你的用戶很重要。如果你沒有給他們一個(gè)積極的體驗(yàn)，他們不會(huì)使用你的產(chǎn)品。如果沒有用戶，你最后所得到的只是一臺(tái)藏在某個(gè)角落里，布滿灰塵的網(wǎng)絡(luò)服務(wù)器。

第2章? 認(rèn)識(shí)這些要素

1、五個(gè)層面

表現(xiàn)層：你看到的是一系列的網(wǎng)頁(yè)，由圖片和文字組成。一些圖片是可以點(diǎn)擊的，從而執(zhí)行某種功能，例如把你帶購(gòu)物車?yán)锶サ馁?gòu)物圖標(biāo)。一些圖片就只是圖片，比如一個(gè)促銷產(chǎn)品的照片或網(wǎng)站自己的標(biāo)志。

框架層：在表現(xiàn)層之下就是網(wǎng)站的框架層：按鈕，控件，照片和文本區(qū)域的位置?？蚣軐佑糜趦?yōu)化設(shè)計(jì)布局，以達(dá)到這些元素的最大的效果和效率—使你在需要的時(shí)候，能記得標(biāo)識(shí)并找到購(gòu)物車的按鈕。

結(jié)構(gòu)層：與框架層相比更抽象的是結(jié)構(gòu)層，框架是結(jié)構(gòu)的具體表達(dá)方式?？蚣軐哟_定了在結(jié)賬頁(yè)面上交互元素的位置：而結(jié)構(gòu)層則用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁(yè)面，并且在他們做完事情之后你能去什么地方?？蚣軐佣x了導(dǎo)航條上各要素的排列方式，允許用戶可以瀏覽不同的商品分類；結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在哪里。

范圍層：結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最適合方式，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層。比如，有些電子商務(wù)網(wǎng)站提供了一個(gè)功能，使用戶可以保存之前的郵寄地址，這樣他們可以 戰(zhàn)略層：基本上由它決定，這些戰(zhàn)略不僅僅包括了經(jīng)營(yíng)者想從網(wǎng)站得到什么，還包括了用戶想從網(wǎng)站得到什么。

2、自下而上地建設(shè)

每一個(gè)層面都是根據(jù)它下面的那個(gè)層面來決定的。所以，表現(xiàn)層由框架層來決定，框架層則建立在結(jié)構(gòu)層的基礎(chǔ)上，結(jié)構(gòu)層的設(shè)計(jì)基于范圍層，范圍層是根據(jù)戰(zhàn)略層來制定的。

3、基本的雙重性

當(dāng)然，用戶體驗(yàn)的要素肯定不止這五個(gè)，與任何專業(yè)領(lǐng)域一樣，這個(gè)行業(yè)也有它自己的專業(yè)術(shù)語(yǔ)。對(duì)于任何一個(gè)偶然進(jìn)入這個(gè)領(lǐng)域的人來說，用戶體驗(yàn)可能顯得非常復(fù)雜。所有看上去很相似的詞匯有：交互設(shè)計(jì)，信息技術(shù)，信息架構(gòu)。

4、用戶體驗(yàn)要素

戰(zhàn)略層：無論是在功能型產(chǎn)品還是信息型產(chǎn)品，戰(zhàn)略層所關(guān)注的內(nèi)容都是一樣的。來自企業(yè)部的用戶需求是網(wǎng)站的目標(biāo)—尤其是哪些將要使用我們網(wǎng)站的用戶。我們必須要了解這些觀眾想從我們這兒得到什么，還要知道他們想達(dá)到的這些目標(biāo)將怎樣滿足他們所期待的其他目標(biāo)。

范圍層：從戰(zhàn)略層進(jìn)入范圍層以后，在功能型產(chǎn)品一測(cè)它就轉(zhuǎn)變成建功能規(guī)格：對(duì)產(chǎn)品的“功能組合”的詳細(xì)描述。

結(jié)構(gòu)層：在功能型產(chǎn)品一側(cè)，結(jié)構(gòu)層將從范圍轉(zhuǎn)變炒成交互設(shè)計(jì)，在這里我們可以定義系統(tǒng)如何響應(yīng)用戶的請(qǐng)求。

框架層：它還包括了界面設(shè)計(jì)，或者說安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。對(duì)于信息型產(chǎn)品，這種界面就是導(dǎo)航設(shè)計(jì)。

5、應(yīng)用這些要素

這種把用戶體驗(yàn)劃分成各個(gè)方塊和層面的模式，非常有利于我們?nèi)タ紤]用戶在體驗(yàn)中可能遇到的麻煩。但是在現(xiàn)實(shí)世界中，這些區(qū)域之間的界限并沒有那么明確。最常見的情形是，你很難鑒定某個(gè)用戶體驗(yàn)的問題是否可能通過重視這個(gè)要素或那個(gè)要素去解決。是在視覺上玩一些小把戲就可以呢，還是要改造最基本的導(dǎo)航設(shè)計(jì)。

第3章? 戰(zhàn)略層? 網(wǎng)站目標(biāo)和用戶需求

1、什么是成功的用戶體驗(yàn)？

用戶體驗(yàn)是其基礎(chǔ)是一個(gè)被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶雙方對(duì)網(wǎng)站的期許和目標(biāo)，確立用戶體驗(yàn)各方面戰(zhàn)略的制定。

2、戰(zhàn)略層定義：網(wǎng)站目標(biāo)，用戶需求

3、網(wǎng)站目標(biāo)

明確網(wǎng)站目標(biāo)。

明確用戶需求。

以商業(yè)目標(biāo)或商業(yè)驅(qū)動(dòng)來描述站略目標(biāo)。

明確描述品牌識(shí)別。

成功標(biāo)準(zhǔn)。

4、用戶需求

了解“用戶是誰”及“他們的需求是什么”投入時(shí)間研究這些需求，摒去自己的立場(chǎng)局限，從用戶角度來審視網(wǎng)站。

用戶細(xì)分，把大量的用戶需求根據(jù)某些共同關(guān)鍵特征劃分成幾個(gè)可管理的部分，或更分為更小的群組（或細(xì)分用戶群群組），有多少用戶類型幾乎就有多少方式來細(xì)分用戶群。

研究：用戶對(duì)技術(shù)各網(wǎng)頁(yè)本身的觀點(diǎn)（每周花多少時(shí)間使用網(wǎng)絡(luò)，對(duì)計(jì)算的依賴成度高否，喜歡跟技術(shù)打交道）。

了解用戶對(duì)于技術(shù)的熟悉程度和適應(yīng)程度，我們還需要知道他們對(duì)于網(wǎng)站相關(guān)內(nèi)容的知識(shí)有多少。

了解用戶需求常取決于他們的社會(huì)或?qū)I(yè)角色（例：學(xué)生家長(zhǎng)和那些報(bào)考那些大學(xué)的學(xué)生對(duì)于信息的需求就不盡相同。因而定義網(wǎng)站用戶的同色可以幫助你區(qū)別并分析他們的各種需求）。

5、可用性和用戶研究

用戶需要可用、易用的產(chǎn)品。

明白用戶需要什么，我們首先必須知道他們是誰。用戶研究的領(lǐng)域致力于收集必要的信息來達(dá)成這樣的認(rèn)識(shí)。

用戶測(cè)試或現(xiàn)場(chǎng)調(diào)查——適用于理解具體用戶行為以用各網(wǎng)的交互方面的信息。

你在某個(gè)用戶身上花費(fèi)的時(shí)間越多，就能從這個(gè)用戶研究中得到越詳細(xì)的信息。

現(xiàn)場(chǎng)調(diào)查是指一整套完整的、有效且全面的方法，用于了解日常生活情境中的用戶行為（方法任務(wù)分析）。

用戶測(cè)試是最常見的用戶調(diào)研方法，是請(qǐng)用戶來幫忙測(cè)試你的產(chǎn)品，測(cè)試一個(gè)已完成的網(wǎng)站，也可以用于測(cè)試改版效果。

6、團(tuán)隊(duì)角色和流程

戰(zhàn)略問題影響參與用戶體驗(yàn)設(shè)計(jì)過程的每一個(gè)人。

決策層是一群資深的決策者，他們管理那引起會(huì)影響網(wǎng)站決策的部門。

網(wǎng)站目標(biāo)和用戶需求經(jīng)常被 定義在一個(gè)正式的戰(zhàn)略文檔或可視的文檔中。用戶需求有時(shí)被記錄在一個(gè)獨(dú)立的用戶調(diào)研報(bào)告中（雖然將所有信息集中在一個(gè)地方有某些好處），這個(gè)報(bào)告不僅僅是列出目標(biāo)清單——它提供不同目標(biāo)之間的關(guān)系分析，并且說明這些目標(biāo)要如何融入更大的企業(yè)環(huán)境中去。這些目標(biāo)和他們的分析經(jīng)常由決策者、普通員工和用戶自己的直接意見來支持，這些意見生動(dòng)地說明了項(xiàng)目中的站略制定問題。

戰(zhàn)略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)流程中的起點(diǎn)，但那不意味在項(xiàng)目開始之前你的戰(zhàn)略需要完全確定下來，雖然設(shè)法擊中一個(gè)移動(dòng)的目標(biāo)可能會(huì)浪費(fèi)很多時(shí)間和資源（更不用說極大的內(nèi)心挫折感）但是戰(zhàn)略也應(yīng)該是可以演變和改進(jìn)的，當(dāng)戰(zhàn)略系統(tǒng)地修改與校正時(shí)，這些工作就能成為貫穿整個(gè)過程的，持續(xù)的靈感泉源。

第4章? 范圍層 ：功能規(guī)格和內(nèi)容需求

1、范圍層的定義

一個(gè)有價(jià)值的過程導(dǎo)致一個(gè)有價(jià)值的產(chǎn)品。

過程的價(jià)值在于，當(dāng)整個(gè)事情還處在假設(shè)階段的時(shí)候，它能迫使你去考慮潛在的沖突和產(chǎn)品中一些粗略的點(diǎn)。我們可以確定現(xiàn)在能解決哪些事情 ，而哪些必須要再遲一點(diǎn)才能解決。

產(chǎn)品的價(jià)值在于，它給了整個(gè)團(tuán)隊(duì)一個(gè)參考點(diǎn)，關(guān)于在這個(gè)項(xiàng)目中要完成的全部工作，它也提供了一門共同的語(yǔ)言，用于討論這方面的事情。定義好你的要求能保證在開發(fā)過程中不會(huì)出現(xiàn)模棱兩可的情。

了解明白一系列明確要求，了解需要建設(shè)什么，不需建會(huì)建設(shè)什么。

2、功能和內(nèi)容

在范圍層，我們從討論戰(zhàn)略層面的抽象——“我們?yōu)槭裁匆ㄟ@個(gè)網(wǎng)站”？轉(zhuǎn)而面對(duì)一個(gè)新的問題：“我們要建設(shè)什么？”哪些不需要馬上去建設(shè)，然后根據(jù)這些做一個(gè)符合你的長(zhǎng)期規(guī)劃。這才是真正的價(jià)值所在。

3、收集需求

用之不竭的需求源泉總是來自用戶本身。去了解“人們?cè)谙胧裁础弊罴淹緩骄褪侵苯釉儐査麄儭?/p>

4、功能規(guī)格

樂觀描述這個(gè)系統(tǒng)將要做什么事情去“防止”不好情況發(fā)生，而不是描這個(gè)系統(tǒng)“不應(yīng)該”做什么不好的事情。

具體盡可能詳細(xì)地解釋清楚狀況，這是我們能決定的一個(gè)需求是否被實(shí)現(xiàn)的最佳途徑。

避免主觀語(yǔ)氣。

需求必須可驗(yàn)證，就是說必須要能證明“這個(gè)需求沒有被滿足。”

5、內(nèi)容需求

內(nèi)容的需求可以是指文本，圖像，音頻和視頻，這些不同類型的內(nèi)容可以一起協(xié)作去滿足某一個(gè)需求。

內(nèi)容特性的每一個(gè)預(yù)期規(guī)模，都將對(duì)你必須做的用戶體驗(yàn)決策產(chǎn)生極大的影響。內(nèi)容需求應(yīng)該提供每一個(gè)特性規(guī)模的大致預(yù)告：文本的字?jǐn)?shù)、圖片的像素大小、下載的文件字節(jié)、類似音頻或視頻一樣的特性。這些大小的估計(jì) 一定要非常精確-大致相近即可。我們所需要的，只是收集我們?cè)谠O(shè)計(jì)一個(gè)適宜的網(wǎng)站內(nèi)容時(shí)必須要的資料。設(shè)計(jì)一個(gè)提供小的縮略圖圖片的網(wǎng)站，與一個(gè)提供原始大小圖片的網(wǎng)站是完全不一樣的； 事先知道我們必須考慮的內(nèi)容元素的大小，能讓我們?cè)谶@個(gè)設(shè)計(jì)過程中做出最明智的決定。

6、確定需求優(yōu)先級(jí)

在戰(zhàn)略目標(biāo)和需求之間，你幾看不到一對(duì)一的簡(jiǎn)單關(guān)聯(lián)。有時(shí)一個(gè)需求可以滿足多個(gè)戰(zhàn)略目標(biāo)。同樣，一個(gè)戰(zhàn)略目標(biāo)也常常關(guān)系到多個(gè)不同的需求。

第5章 結(jié)構(gòu)層? 交互設(shè)計(jì)與信息架構(gòu)

交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。

1、交互設(shè)計(jì)

交互設(shè)計(jì)關(guān)注描述可能的用戶行為，同時(shí)定義系統(tǒng)如何配合與響應(yīng)這些用戶行為。

對(duì)產(chǎn)品而言，最好的工作方式從來都和真正的使用者所期望的、最好的工作方式背道而馳。

2、概念模型

用戶對(duì)于“交互組件將怎樣工作”的觀點(diǎn)稱為概念模型。

一個(gè)概念模型可以反映系統(tǒng)的一個(gè)組件或是整個(gè)系統(tǒng)。

我們不必將概念模型明確的告訴我們的用戶。這會(huì)使用戶覺得混淆，反而無法幫助他們。

將現(xiàn)實(shí)世界中相對(duì)應(yīng)實(shí)物的比喻放入我們的概念模型中，這對(duì)系統(tǒng)功能的設(shè)計(jì)可能會(huì)有一定的價(jià)值。不過，不要將現(xiàn)實(shí)中的比喻一字不落的照搬過來。

3、錯(cuò)誤處理

任何一個(gè)產(chǎn)品的交互設(shè)計(jì)，必定有很大的一部份用于處理用戶錯(cuò)誤——當(dāng)人們犯錯(cuò)誤時(shí)產(chǎn)品要怎么反應(yīng)，并且當(dāng)錯(cuò)誤第一次發(fā)生時(shí)，要如何防止人們繼續(xù)犯錯(cuò)？

第一：將系統(tǒng)設(shè)計(jì)成不可能犯錯(cuò)的那種。

第二：使錯(cuò)誤難以發(fā)生。

有效的錯(cuò)誤信息和容易自我解釋的界面可以在錯(cuò)誤發(fā)生之后幫助用戶糾正。

4、信息架構(gòu)

信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過程，對(duì)于產(chǎn)品而言，信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶的信息是否合理并具有意義。顯而易見，這對(duì)以信息驅(qū)動(dòng)的產(chǎn)品（比如公司的網(wǎng)站）來講是非常重要的，而對(duì)一些以功能驅(qū)動(dòng)的產(chǎn)品（比如手機(jī)軟件）也很重要。

5、結(jié)構(gòu)化內(nèi)容

以內(nèi)容為主的產(chǎn)品，信息架構(gòu)主要的工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)，讓用戶可以高效率、有效地瀏覽網(wǎng)站的內(nèi)容。

從上到下的信息架構(gòu)方法是將從戰(zhàn)略層所考慮的內(nèi)容，即根據(jù)產(chǎn)品目標(biāo)與用戶需求直接進(jìn)行結(jié)構(gòu)統(tǒng)計(jì)。但有時(shí)可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略。

從下到上的信息架構(gòu)方法也包括了主要分類和次級(jí)分類，但它是根據(jù)對(duì)“內(nèi)容和功能需求的分析”而來的，但可能導(dǎo)致架構(gòu)過于精確反映現(xiàn)有內(nèi)容，因此不能靈活地容納未來內(nèi)容的變動(dòng)或增加。

信息架構(gòu)的基本單位是節(jié)點(diǎn)。

在層級(jí)結(jié)構(gòu)中節(jié)點(diǎn)與其他相關(guān)節(jié)點(diǎn)之間存在父級(jí)/子級(jí)的關(guān)系。

矩陣結(jié)構(gòu)：允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或者更多的“維度”移動(dòng)。

自然結(jié)構(gòu)：不會(huì)遵循任何一致的模式。

線性結(jié)構(gòu)：來自于你最熟悉的線下媒體。

6、組織原則

節(jié)點(diǎn)在信息架構(gòu)中是依據(jù)組織原則來安置的。不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站不同的層面。

一般來說，你在產(chǎn)品最高層級(jí)使用的組織原則應(yīng)該與網(wǎng)站目標(biāo)和用戶需求緊密相關(guān)；而在結(jié)構(gòu)中較低的層級(jí)，內(nèi)容與功能需求將對(duì)你所采取的組織原則產(chǎn)生重大影響。

任何一種信息收集都有一個(gè)固定的概念性結(jié)構(gòu)。在創(chuàng)建結(jié)構(gòu)時(shí)，我們就要具體地識(shí)別出用戶心目中至關(guān)重要的那些信息。成功的用戶體驗(yàn)，就是能事先預(yù)知用戶的期望并將其納入設(shè)計(jì)之中。

7、語(yǔ)言和元數(shù)據(jù)

受控詞典：來強(qiáng)調(diào)一次性的工具

元數(shù)據(jù)：關(guān)于“信息的信息”，即以一種結(jié)構(gòu)化的方式來描述內(nèi)容的信息。

好的元數(shù)據(jù)比基本的全文搜索引擎更能提供可靠的搜索結(jié)果，它能幫助用戶在網(wǎng)站中更快速的找到信息。

8、團(tuán)隊(duì)角色和流程

文檔一定要描述清楚網(wǎng)站的結(jié)構(gòu)—從命名原則和元數(shù)據(jù)的具體細(xì)節(jié)，到信息架構(gòu)和交互設(shè)計(jì)的整體概況—根據(jù)項(xiàng)目復(fù)雜度的不同，可以有很大的不同。

信息架構(gòu)或交互設(shè)計(jì)的主要文檔是示意圖。視覺化地呈現(xiàn)結(jié)構(gòu)，對(duì)我們而言，這是表述“分支、群組、組件之間的聯(lián)系”的一種最高效的方式。

一個(gè)建立在明確規(guī)劃上的網(wǎng)站，會(huì)減少頻繁檢查維護(hù)的工作量，也能為網(wǎng)站的所有者帶來可見的結(jié)果，同時(shí)還能滿足他們的用戶的需求。

第6章 框架層? 界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

1、框架層定義

功能型產(chǎn)品：通過界面設(shè)計(jì)來確定框架—一個(gè)大家所熟知的按鈕、輸入框和其他界面控件的領(lǐng)域。

信息型產(chǎn)品：要解決的是一個(gè)獨(dú)一無二的問題——導(dǎo)航設(shè)計(jì)，是專門用于呈現(xiàn)信息的一種界面形式。

界面設(shè)計(jì)：提供給用戶做某些事的能力，用戶能真正接觸到結(jié)構(gòu)層定義的具體功能。

導(dǎo)航設(shè)計(jì)：提供給用戶去某個(gè)地方的能力，用戶可以內(nèi)容結(jié)構(gòu)中自由穿行。

信息設(shè)計(jì)：是傳達(dá)想法給用戶，跨越了以任務(wù)為導(dǎo)向的功能型產(chǎn)品和以信息為導(dǎo)向的信息型產(chǎn)品的邊界，因?yàn)闊o論是界面設(shè)計(jì)還是導(dǎo)航設(shè)計(jì)，都不可能在沒有一個(gè)良好的信息設(shè)計(jì)的支持的前提下取得成功。

2、習(xí)慣和比喻

讓你的界面與用戶早已養(yǎng)成的那些習(xí)慣保持一致很重要，但界面要與它自身保持一致。

有效的使用比喻，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時(shí)對(duì)猜測(cè)的要求。

3、界面設(shè)計(jì)

界面設(shè)計(jì)要做的全部事情就是選擇正確的界面元素，這些界面元素要能幫助用戶完成任務(wù)，還要通過適當(dāng)?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂谩?/p>

成功的界面設(shè)計(jì)是那些能讓用戶一眼就看到最重要的東西的界面設(shè)計(jì)。一個(gè)設(shè)計(jì)良好的界面是要組織好用戶最常采用的行為，同時(shí)讓這些界面元素用最容易的方式獲取和使用。

4、導(dǎo)航設(shè)計(jì)

首先，它必須提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法。

其次，導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系。

第三，導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶當(dāng)前瀏覽頁(yè)面之間的關(guān)系。

全局導(dǎo)航：提供了覆蓋整個(gè)網(wǎng)站的通路。

局部導(dǎo)航：提供給用戶在這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路。

輔助導(dǎo)航：提供了全局導(dǎo)航或者局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑。

上下文導(dǎo)航：是嵌入頁(yè)面自身內(nèi)容的一種導(dǎo)航。

友好導(dǎo)航：提供給用戶他們通常不會(huì)需要的鏈接，但它們是作為一種便利的途徑來使用的。

網(wǎng)站地圖：是一種常見的遠(yuǎn)程導(dǎo)航工具，它給用戶一個(gè)簡(jiǎn)明的，單頁(yè)的網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式。

索引表：按字母順序排列，鏈接到相關(guān)頁(yè)面的列表。

5、信息設(shè)計(jì)

用一種能“反映用戶思路”和“支持他們的任務(wù)和目標(biāo)”的方式來分類和排列這些信息元素。

指示標(biāo)識(shí)：用來幫助用戶理解“他們?cè)谀摹币约啊八麄兡苋ツ摹钡南到y(tǒng)。

6、線框圖

線框圖是整合結(jié)構(gòu)層的三要素的最佳方法。

通過安排和選擇界面元素來整合界面設(shè)計(jì)。

通過識(shí)別和定義核心導(dǎo)航系統(tǒng)來整合導(dǎo)航設(shè)計(jì)。

通過放置和排列信息組成部分的優(yōu)先級(jí)來整合信息設(shè)計(jì)。

把這三者放到一個(gè)文檔中，線框圖就可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)，同時(shí)指出了表現(xiàn)層的設(shè)計(jì)應(yīng)該前進(jìn)的方向。

第7章 表現(xiàn)層? 感知設(shè)計(jì)

這里，內(nèi)容、功能和美學(xué)匯集到一起來生產(chǎn)一個(gè)最終設(shè)計(jì)，完成其他四個(gè)層面的所有目標(biāo)，并同時(shí)滿足用戶的感官感受。

1、我們要在表現(xiàn)層里解決并彌補(bǔ)“產(chǎn)品框架層的邏輯排布”的感知呈現(xiàn)問題。

2、合理設(shè)計(jì)感知：視覺、聽覺、觸覺、嗅覺、味覺

嗅覺和味覺：除了食物、香水或香味產(chǎn)品之外，嗅覺和味覺設(shè)計(jì)是用戶體驗(yàn)設(shè)計(jì)師很少考慮的范疇。人們有時(shí)會(huì)對(duì)一個(gè)產(chǎn)品的氣味產(chǎn)生強(qiáng)烈的聯(lián)想。

觸覺:實(shí)物產(chǎn)品的觸覺體驗(yàn)是屬于工業(yè)設(shè)計(jì)領(lǐng)域的概念工業(yè)設(shè)計(jì)師主要關(guān)注的是用戶和產(chǎn)品之間的物理接觸。

聽覺：聲音可以應(yīng)用到很多不同種類的產(chǎn)品中。不僅可以用來通知用戶，還可以使產(chǎn)品變得更具有個(gè)性。

視覺：這是用戶體驗(yàn)設(shè)計(jì)師最得心應(yīng)手的領(lǐng)域，因?yàn)閹缀跛械漠a(chǎn)品都會(huì)涉及視覺設(shè)計(jì)。

3、 忠于眼睛

評(píng)估一個(gè)產(chǎn)品視覺設(shè)計(jì)的簡(jiǎn)單方法之一，是提出這樣的問題：你的視線首先落在什么地方？哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引了用戶的注意力？它們是對(duì)于戰(zhàn)略目標(biāo)來講很重要的東西嗎？或者用戶第一時(shí)間注意到的東西與他們的（或你的）目標(biāo)是背道而馳的嗎？

用戶眼睛的激動(dòng)軌跡的模式應(yīng)該有以下兩個(gè)重要的特點(diǎn)：

它們遵循的是一條流暢的路徑。

在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下，它為用戶提供有效選擇的、某種可能的“引導(dǎo)”。

4、 對(duì)比和一致性

對(duì)比：把用戶的注意力吸引到界面中的關(guān)鍵部分，對(duì)比是一個(gè)重要的手段，能幫助用戶理解頁(yè)面導(dǎo)航元素之間的關(guān)系。同時(shí)，對(duì)比還是傳達(dá)信息中的概念群組的主要手段。

一致性：在你設(shè)計(jì)中保持一致性是另一個(gè)重要的組成部分，它能使你的設(shè)計(jì)有效地傳達(dá)信息，而不會(huì)導(dǎo)致用戶迷惑或焦慮?！耙恢滦浴痹谝曈X設(shè)計(jì)的許多不同方面都會(huì)起到作用。

5、內(nèi)部和外部的一致性

解決“內(nèi)部一致性”問題比較好的辦法，是建立在對(duì)網(wǎng)站框架的深刻理解上的。

不統(tǒng)一的視覺樣式會(huì)破壞你的企業(yè)形象的清晰程度，并且留給訪問者一個(gè)“企業(yè)還沒搞清楚自身定位”的壞印象。

6、配色方案和排版

色彩可能是向外界傳遞品牌識(shí)別的一個(gè)最有效的方法。

排版（對(duì)于創(chuàng)建一個(gè)特殊的視覺樣式而言，如何使用字體或字形）對(duì)他們的品牌是如此重要。

7、 設(shè)計(jì)合成品和風(fēng)格指南

在視覺設(shè)計(jì)領(lǐng)域中對(duì)線框圖最直接的模擬是視覺模型或設(shè)計(jì)合成品?！昂铣伞钡囊馑际恰熬C合的”，因?yàn)榇_切地說，它就是從選定的組件中建立起來的、一個(gè)最終的可視化產(chǎn)品。

承載這些設(shè)計(jì)決策的權(quán)威性文檔是風(fēng)格指南

第8章 要素的應(yīng)用

不管你的產(chǎn)品有多復(fù)雜，用戶體驗(yàn)要素都是一樣的。但是，將這些要素背后的想法付諸實(shí)施卻是一次自我挑戰(zhàn)。這不僅僅是時(shí)間和資源的問題--它常常是一個(gè)心態(tài)的問題。

創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是大量收集亟待解決的非常細(xì)微的問題。

必須要同時(shí)考慮五個(gè)層面的全部因素，這對(duì)于創(chuàng)建成功的用戶體驗(yàn)至關(guān)重要。

1. 提出正確的問題

對(duì)于你即將面臨的問題抱有一種正確的心態(tài)是最重要的。

不要以“節(jié)省項(xiàng)目時(shí)間或金錢”的名義對(duì)用戶體驗(yàn)問題敷衍了事。

你不能簡(jiǎn)單地依賴你的用戶來闡明自己的需求。

2. 馬拉松和短跑

產(chǎn)品開發(fā)，有些任務(wù)需要重點(diǎn)承擔(dān)速度；另一些則要求一個(gè)更深思熟慮的方法。

那些最難被感知的要素（產(chǎn)品的戰(zhàn)略層、范圍層和結(jié)構(gòu)層）在決定用戶體驗(yàn)的最終成功或失敗方面扮演了一個(gè)必不可少的角色。

在網(wǎng)站開發(fā)的時(shí)候，始終從完整的用戶體驗(yàn)出發(fā)。每一件與網(wǎng)站的用戶體驗(yàn)有關(guān)的事情都是有意識(shí)地、明確地決策的結(jié)果，只有這樣你才能確保這個(gè)網(wǎng)站能同時(shí)滿足你的戰(zhàn)略目標(biāo)和用戶需求。