第1章? 用戶體驗為什么如此重要

1、就日常生活中的遭遇

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

2、什么是用戶的體驗

這些事情很倒霉态蒂，回頭分析一下杭措。交通事故：司機想調(diào)低收音機，視線離開路面钾恢。? 收銀機：收銀機太過于復(fù)雜手素，收銀原要全身心的投入，那么收銀機簡單一點就不會浪費太多時間瘩蚪。加油機：加油機沒有任何提示你如何插卡泉懦，你急導(dǎo)致你沒有把卡換頭∧贾郏咖啡機：沒有很好的提示祠斧，提示你是否開啟，沒有指示燈也沒有聲音拱礁。鬧鐘：時間錯了琢锋，因為你的貓踩了一腳。無論什么產(chǎn)品呢灶，用戶體驗總是體現(xiàn)在細(xì)微的地方吴超，但卻非常重要。

3鸯乃、從產(chǎn)品設(shè)計到用戶體驗設(shè)計

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

4、為體驗而設(shè)計：使用第一

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

5寇甸、用戶體驗和網(wǎng)站

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

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

后來祭往，越來越多的企業(yè)已經(jīng)開始意識到伦意，提供優(yōu)質(zhì)的用戶體驗，是一個重要的硼补，可持續(xù)的競爭優(yōu)勢驮肉。

6、用戶體驗就是商機

簡而言之已骇，如果你的用戶得到一次不好的體驗离钝，他們將不再回來。如果用戶在網(wǎng)站上體驗尚好褪储，但是卵渴，在你的競爭對手哪兒感覺更好，那么他們下次將訪問競爭對手的網(wǎng)站鲤竹，而不是你的浪读。任何在用戶體驗上所做的努力，目的都是為了提高效率辛藻。效率所影響的不僅僅是最終的結(jié)果碘橘，對你的員工而言，這種工具不僅僅提高了他們的生產(chǎn)力吱肌，還增加了他們的工作自豪感痘拆，這大大減少他們考慮換一個新工作的機會。

7岩榆、在乎你的用戶

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

用戶體驗對你很重要，理由：它對你的用戶很重要粒褒。如果你沒有給他們一個積極的體驗识颊，他們不會使用你的產(chǎn)品。如果沒有用戶，你最后所得到的只是一臺藏在某個角落里祥款，布滿灰塵的網(wǎng)絡(luò)服務(wù)器清笨。

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

1、五個層面

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

框架層：在表現(xiàn)層之下就是網(wǎng)站的框架層：按鈕齐苛，控件，照片和文本區(qū)域的位置桂塞“挤洌框架層用于優(yōu)化設(shè)計布局，以達(dá)到這些元素的最大的效果和效率—使你在需要的時候阁危，能記得標(biāo)識并找到購物車的按鈕玛痊。

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

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

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

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

3速客、基本的雙重性

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

4阔蛉、用戶體驗要素

戰(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)品一測它就轉(zhuǎn)變成建功能規(guī)格：對產(chǎn)品的“功能組合”的詳細(xì)描述削锰。

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

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

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

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

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

1国夜、什么是成功的用戶體驗减噪？

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

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

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

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

明確用戶需求。

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

明確描述品牌識別囚企。

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

4瑞眼、用戶需求

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

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

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

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

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

5拭抬、可用性和用戶研究

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

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

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

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

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

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

6时捌、團(tuán)隊角色和流程

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

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

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

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

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

1衰猛、范圍層的定義

一個有價值的過程導(dǎo)致一個有價值的產(chǎn)品迟蜜。

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

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

了解明白一系列明確要求垃环，了解需要建設(shè)什么，不需建會建設(shè)什么返敬。

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

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

3估蹄、收集需求

用之不竭的需求源泉總是來自用戶本身。去了解“人們在想什么”最佳途徑就是直接詢問他們阿迈。

4元媚、功能規(guī)格

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

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

避免主觀語氣待逞。

需求必須可驗證甥角，就是說必須要能證明“這個需求沒有被滿足∈队＃”

5嗤无、內(nèi)容需求

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

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

6叉抡、確定需求優(yōu)先級

在戰(zhàn)略目標(biāo)和需求之間枢劝，你幾看不到一對一的簡單關(guān)聯(lián)。有時一個需求可以滿足多個戰(zhàn)略目標(biāo)卜壕。同樣您旁，一個戰(zhàn)略目標(biāo)也常常關(guān)系到多個不同的需求。

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

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

1蚕脏、交互設(shè)計

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

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

2挣棕、概念模型

用戶對于“交互組件將怎樣工作”的觀點稱為概念模型。

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

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

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

3、錯誤處理

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

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

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

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

4、信息架構(gòu)

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

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

以內(nèi)容為主的產(chǎn)品哲泊，信息架構(gòu)主要的工作是設(shè)計組織分類和導(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)計丙号。但有時可能導(dǎo)致內(nèi)容的重要細(xì)節(jié)被忽略先朦。

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

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

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

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

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

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

6嗡害、組織原則

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

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

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

7有缆、語言和元數(shù)據(jù)

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

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

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

8栈虚、團(tuán)隊角色和流程

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

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

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

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

1、框架層定義

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

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

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

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

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

2凛俱、習(xí)慣和比喻

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

有效的使用比喻蒲犬，就是要減少用戶在“理解和使用你的產(chǎn)品功能”時對猜測的要求朱监。

3、界面設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

5、信息設(shè)計

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

指示標(biāo)識：用來幫助用戶理解“他們在哪”以及“他們能去哪”的系統(tǒng)欢嘿。

6、線框圖

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

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

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

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

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

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

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

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

2、合理設(shè)計感知：視覺隙弛、聽覺架馋、觸覺、嗅覺全闷、味覺

嗅覺和味覺：除了食物叉寂、香水或香味產(chǎn)品之外，嗅覺和味覺設(shè)計是用戶體驗設(shè)計師很少考慮的范疇总珠。人們有時會對一個產(chǎn)品的氣味產(chǎn)生強烈的聯(lián)想屏鳍。

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

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

視覺：這是用戶體驗設(shè)計師最得心應(yīng)手的領(lǐng)域淫奔，因為幾乎所有的產(chǎn)品都會涉及視覺設(shè)計山涡。

3、 忠于眼睛

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

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

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

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

4、 對比和一致性

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

一致性：在你設(shè)計中保持一致性是另一個重要的組成部分，它能使你的設(shè)計有效地傳達(dá)信息榨崩，而不會導(dǎo)致用戶迷惑或焦慮谴垫。“一致性”在視覺設(shè)計的許多不同方面都會起到作用母蛛。

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

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

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

6秫逝、配色方案和排版

色彩可能是向外界傳遞品牌識別的一個最有效的方法恕出。

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

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

在視覺設(shè)計領(lǐng)域中對線框圖最直接的模擬是視覺模型或設(shè)計合成品∷⒑螅“合成”的意思是“綜合的”的畴，因為確切地說，它就是從選定的組件中建立起來的尝胆、一個最終的可視化產(chǎn)品丧裁。

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

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

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

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

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

1. 提出正確的問題

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

不要以“節(jié)省項目時間或金錢”的名義對用戶體驗問題敷衍了事。

你不能簡單地依賴你的用戶來闡明自己的需求寺渗。

2. 馬拉松和短跑

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

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

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