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

1、就日常生活中的遭遇

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

2氮凝、什么是用戶的體驗

這些事情很倒霉，回頭分析一下望忆。交通事故：司機想調(diào)低收音機罩阵，視線離開路面。? 收銀機：收銀機太過于復(fù)雜启摄，收銀原要全身心的投入稿壁，那么收銀機簡單一點就不會浪費太多時間。加油機：加油機沒有任何提示你如何插卡歉备，你急導(dǎo)致你沒有把卡換頭傅是。咖啡機：沒有很好的提示，提示你是否開啟喧笔，沒有指示燈也沒有聲音帽驯。鬧鐘：時間錯了，因為你的貓踩了一腳书闸。無論什么產(chǎn)品尼变，用戶體驗總是體現(xiàn)在細微的地方，但卻非常重要浆劲。

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

大部分時候，當提到“產(chǎn)品設(shè)計”時牌借，人們往往會想到的是產(chǎn)品在感官方面的表現(xiàn)蛉威。另一種常見的，評價產(chǎn)品的角度走哺，則是與“功能”有關(guān)的蚯嫌。以上兩種觀點都不能算是真正的“設(shè)計”，有些產(chǎn)品可能很好看而且功能正常丙躏，但將“設(shè)計一個用戶體驗良好的產(chǎn)品”作為明確的目標择示，意味著不僅僅是功能或外觀那么簡單。

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

產(chǎn)品設(shè)計和用戶體驗設(shè)計有什么不同呢栅盲？畢竟每一個產(chǎn)品都是把人類當成用戶來設(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章? 認識這些要素

1没炒、五個層面

表現(xiàn)層：你看到的是一系列的網(wǎng)頁，由圖片和文字組成犯戏。一些圖片是可以點擊的送火，從而執(zhí)行某種功能，例如把你帶購物車里去的購物圖標先匪。一些圖片就只是圖片种吸，比如一個促銷產(chǎn)品的照片或網(wǎng)站自己的標志。

框架層：在表現(xiàn)層之下就是網(wǎng)站的框架層：按鈕呀非，控件坚俗，照片和文本區(qū)域的位置镜盯。框架層用于優(yōu)化設(shè)計布局猖败，以達到這些元素的最大的效果和效率—使你在需要的時候速缆，能記得標識并找到購物車的按鈕。

結(jié)構(gòu)層：與框架層相比更抽象的是結(jié)構(gòu)層恩闻，框架是結(jié)構(gòu)的具體表達方式艺糜。框架層確定了在結(jié)賬頁面上交互元素的位置：而結(jié)構(gòu)層則用來設(shè)計用戶如何到達某個頁面幢尚，并且在他們做完事情之后你能去什么地方破停。框架層定義了導(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、基本的雙重性

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

4瘸味、用戶體驗要素

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

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

結(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)站目標和用戶需求

1苛蒲、什么是成功的用戶體驗卤橄？

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

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

3嚎货、網(wǎng)站目標

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

明確用戶需求蔫浆。

以商業(yè)目標或商業(yè)驅(qū)動來描述站略目標殖属。

明確描述品牌識別。

成功標準瓦盛。

4洗显、用戶需求

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

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

研究：用戶對技術(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)域致力于收集必要的信息來達成這樣的認識亡哄。

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

你在某個用戶身上花費的時間越多，就能從這個用戶研究中得到越詳細的信息蚊惯。

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

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

6波闹、團隊角色和流程

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

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

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

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

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

1垮衷、范圍層的定義

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

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

產(chǎ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)該”做什么不好的事情。

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

避免主觀語氣斟薇。

需求必須可驗證，就是說必須要能證明“這個需求沒有被滿足恕酸】氨酰”

5、內(nèi)容需求

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

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

6泉瞻、確定需求優(yōu)先級

在戰(zhàn)略目標和需求之間脉漏，你幾看不到一對一的簡單關(guān)聯(lián)。有時一個需求可以滿足多個戰(zhàn)略目標袖牙。同樣侧巨，一個戰(zhàn)略目標也常常關(guān)系到多個不同的需求。

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

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

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è)計谦纱，必定有很大的一部份用于處理用戶錯誤——當人們犯錯誤時產(chǎn)品要怎么反應(yīng)絮宁，并且當錯誤第一次發(fā)生時，要如何防止人們繼續(xù)犯錯服协？

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

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

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

4窘游、信息架構(gòu)

信息架構(gòu)研究的是人們?nèi)绾握J知信息的過程，對于產(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)品目標與用戶需求直接進行結(jié)構(gòu)統(tǒng)計。但有時可能導(dǎo)致內(nèi)容的重要細節(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)站目標和用戶需求緊密相關(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、團隊角色和流程

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

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

一個建立在明確規(guī)劃上的網(wǎng)站哄孤，會減少頻繁檢查維護的工作量照筑，也能為網(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è)計：是傳達想法給用戶，跨越了以任務(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ù)陆赋，還要通過適當?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂谩?/p>

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

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

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

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

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

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

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

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

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

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

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

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

5、信息設(shè)計

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

指示標識：用來幫助用戶理解“他們在哪”以及“他們能去哪”的系統(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)該前進的方向。

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

這里接谨，內(nèi)容摆碉、功能和美學(xué)匯集到一起來生產(chǎn)一個最終設(shè)計，完成其他四個層面的所有目標脓豪，并同時滿足用戶的感官感受巷帝。

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)略目標來講很重要的東西嗎？或者用戶第一時間注意到的東西與他們的（或你的）目標是背道而馳的嗎圆丹？

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

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

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

4、 對比和一致性

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

一致性：在你設(shè)計中保持一致性是另一個重要的組成部分拓劝，它能使你的設(shè)計有效地傳達信息雏逾，而不會導(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)容是大量收集亟待解決的非常細微的問題。

必須要同時考慮五個層面的全部因素偏塞，這對于創(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)略目標和用戶需求乳怎。