第1章? ? ? 用戶體驗(yàn)為什么如此重要
什么是用戶體驗(yàn)
用戶體驗(yàn)并不是指一件產(chǎn)品本身是如何工作的，用戶體驗(yàn)是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”草姻，也就是人們?nèi)绾巍?b>接觸”和“使用”它票从。
無論什么產(chǎn)品臀规，用戶體驗(yàn)總是體現(xiàn)在細(xì)微之處姥卢，但卻非常重要摔蓝。
從產(chǎn)品設(shè)計(jì)到用戶體驗(yàn)設(shè)計(jì)
有些產(chǎn)品可能很好看且功能正常腋舌，但將“設(shè)計(jì)一個(gè)用戶體驗(yàn)良好的產(chǎn)品”作為明確的目標(biāo)盏触，意味著不僅僅是功能或外觀那么簡單。
對(duì)于產(chǎn)品直接面對(duì)用戶的那些部分---按鈕块饺、布局赞辩、文字，也包括外觀授艰，正確的產(chǎn)品形態(tài)絕對(duì)不是由“功能”所決定的辨嗽，而是應(yīng)該由“用戶自身的心理感受和行為”來決定。
為體驗(yàn)而設(shè)計(jì)：使用第一
產(chǎn)品越復(fù)雜淮腾，確定如何向用戶提供良好的使用體驗(yàn)就越困難糟需。在使用產(chǎn)品的過程中屉佳，每一個(gè)新增的特性、功能或步驟洲押，都增加了導(dǎo)致用戶體驗(yàn)失敗的機(jī)會(huì)武花。
用戶體驗(yàn)和網(wǎng)站
在網(wǎng)站上，用戶體驗(yàn)比任何一個(gè)其他產(chǎn)品都顯得更重要杈帐。
不管用戶訪問的是什么類型網(wǎng)站体箕，它都是一個(gè)“自助式”的產(chǎn)品。
無論如何挑童，擁有更多的“產(chǎn)品特性”累铅，被證明只能保持短時(shí)間的競爭優(yōu)勢。隨著功能的不斷膨脹站叼，網(wǎng)站變得越來越復(fù)雜娃兽、越來越笨重、越來越難以使用大年，最后就失去了對(duì)初次訪問者應(yīng)有的吸引力换薄。
提供優(yōu)質(zhì)的用戶體驗(yàn)玉雾，是一個(gè)重要的翔试、可持續(xù)的競爭優(yōu)勢---不僅僅對(duì)網(wǎng)站是這樣，對(duì)所有對(duì)類型的“產(chǎn)品和服務(wù)也是如此复旬。
用戶體驗(yàn)就是商機(jī)
盡可能在網(wǎng)站上傳達(dá)出那些信息
要用一種幫助人們理解和接受的方式呈現(xiàn)出來垦缅。
“特性”和“功能”總是重要的，但是用戶體驗(yàn)對(duì)于客戶的忠誠度有著更大的影響驹碍。
轉(zhuǎn)化率：通過跟蹤有百分之多少的用戶被你“轉(zhuǎn)化”到了下一個(gè)步驟壁涎，就能衡量你的網(wǎng)站在達(dá)到“商業(yè)目的”方面的效率有多高。
任何在用戶體驗(yàn)上所做的努力志秃，目的都是為了提高效率怔球。這基本上是以兩種主要形式體現(xiàn)出來的：“幫助人們工作得更快”和“減少他們犯錯(cuò)的幾率”
在乎你的用戶
以用戶為中心設(shè)計(jì)：在開發(fā)產(chǎn)品的每一個(gè)步驟中，都要把用戶列入考慮范圍浮还。
第2章? ? ? 認(rèn)識(shí)這些要素
五個(gè)層面
表現(xiàn)層、框架層洼冻、結(jié)構(gòu)層崭歧、范圍層、戰(zhàn)略層
自下而上地建設(shè)
這五個(gè)層面---戰(zhàn)略撞牢、范圍率碾、結(jié)構(gòu)叔营、框架和表現(xiàn)---提供了一個(gè)基本架構(gòu)，只有在這個(gè)基礎(chǔ)架構(gòu)上所宰，才能討論用戶體驗(yàn)的問題审编，以及用什么工具來解決用戶的體驗(yàn)。
每一個(gè)層面都是根據(jù)它下面的那個(gè)層面來決定的歧匈。
戰(zhàn)略層上的決定將具有某種自下而上的“連鎖反應(yīng)”垒酬，也就是說，每個(gè)層面都將受到其下層面中所去定的議題所約束件炉。
在“較高層面”中的決定有時(shí)會(huì)促成對(duì)“較低層面”決策的一次重新評(píng)估勘究。
基本的雙重性
當(dāng)網(wǎng)站的用戶體驗(yàn)開始形成時(shí)，它的設(shè)計(jì)者采用的時(shí)兩種不同的語言斟冕。
一群人把每一個(gè)問題看成是“應(yīng)用程序”的設(shè)計(jì)問題口糕，然后從傳統(tǒng)的桌面和客戶端軟件的角度來考慮解決方案。
另一群人則從信息的發(fā)布和檢索的角度來看待網(wǎng)站磕蛇，然后從傳統(tǒng)出版景描、媒體和信息技術(shù)的角度來考慮問題的解決方法。
為解決這宗基本的雙重性質(zhì)秀撇，將五大層面分開超棺。左邊，這些要素僅用于描述功能型的平臺(tái)類產(chǎn)品呵燕；右邊棠绘，這些要素用于描述信息型的媒介類產(chǎn)品。
應(yīng)用這些要素
在每一層中再扭，這些要素必須相互作用才能完成該層的目標(biāo)氧苍。在某個(gè)層面中，不考慮其他要素影響泛范，是很難在某個(gè)要素上所做的改進(jìn)產(chǎn)生效果的让虐。
還有兩個(gè)額外因素，會(huì)對(duì)最終的用戶體驗(yàn)產(chǎn)生影響：首先是內(nèi)容罢荡，在網(wǎng)頁里“內(nèi)容之上”赡突，這個(gè)絕對(duì)是真理；其次是技術(shù)柠傍，對(duì)于建立一個(gè)成功的用戶體驗(yàn)很重要麸俘。
用戶體驗(yàn)的基本要素始終是不變的
第3章? ? ? 戰(zhàn)略層
產(chǎn)品目標(biāo)和用戶需求
戰(zhàn)略層定義
結(jié)合內(nèi)外兩者，“產(chǎn)品目標(biāo)”和“用戶需求”就組成了戰(zhàn)略層惧笛，也就成為我們?cè)谠O(shè)計(jì)體驗(yàn)過程中做出每一個(gè)決定的基礎(chǔ)从媚。
產(chǎn)品目標(biāo)
產(chǎn)品目標(biāo)經(jīng)常以 “ 只可意會(huì)不可言傳 ” 的狀態(tài)存在于一小群創(chuàng)建產(chǎn)品
人當(dāng)中。
商業(yè)目標(biāo)
人們常使用像 “ 商業(yè)目標(biāo) ”或 “ 商業(yè)驅(qū)動(dòng)因素 ”這樣的詞語來描述內(nèi)部的戰(zhàn)略目標(biāo)
品牌識(shí)別
品牌識(shí)別——可以是概念系統(tǒng)患整，也可以是情緒反應(yīng)——它之所以重要是因?yàn)樗鼰o法不被用戶注意拜效。
成功標(biāo)準(zhǔn)
一些可追蹤的指標(biāo)喷众，在產(chǎn)品上線以后用來顯示它是否滿足了我們自己的目標(biāo)和用戶的需求。好的成功標(biāo)準(zhǔn)不僅影響項(xiàng)目各階段的決策紧憾，也為衡量用戶體驗(yàn)工作價(jià)值提供了具體依據(jù)到千。
用戶需求
必須要定義誰是我們的用戶，一旦我們知道哪些人是我們要了解的赴穗，就可以對(duì)他們進(jìn)行研究——換句話說憔四，詢問他們問題，觀察他們的行為般眉。這些研究能幫助我們了解當(dāng)用戶使用我們的產(chǎn)品時(shí)了赵，他們想要什么，同時(shí)也能幫助我們確定這些需求的優(yōu)先級(jí)別
用戶細(xì)分
用戶細(xì)分將全部的用戶劃分成較小的甸赃，有共同需求的小組柿汛，以此來幫助我們更好的了解用戶需求
創(chuàng)建人物角色
通過創(chuàng)建人物角色——有時(shí)也叫做用戶模型或用戶介紹——你可以讓你的用戶變得更加真實(shí)。人物角色是能代表整個(gè)真實(shí)用戶需求的虛擬人物
團(tuán)隊(duì)角色和流程
戰(zhàn)略應(yīng)該是設(shè)計(jì)用戶體驗(yàn)的流程中的起點(diǎn)埠对，但那不意味著在項(xiàng)目開始之前你的戰(zhàn)略需要完全確定下來络断。雖然沒辦法擊中一個(gè)移動(dòng)的目標(biāo)可能會(huì)浪費(fèi)很多時(shí)間和資源，但是戰(zhàn)略也應(yīng)該是演變和改進(jìn)的项玛。
第4章? ? 范圍層
功能規(guī)格和內(nèi)容需求
范圍層定義
過程的價(jià)值在于
當(dāng)整個(gè)事情還處在假設(shè)階段的時(shí)候貌笨，它能迫使你去考慮潛在的沖突和產(chǎn)品中一些不足點(diǎn)。
產(chǎn)品的價(jià)值在于稍计，被定義的這個(gè)產(chǎn)品給整個(gè)團(tuán)隊(duì)一個(gè)參考點(diǎn)躁绸，明確了這個(gè)項(xiàng)目中要完成的全部工作。
功能和內(nèi)容
內(nèi)容需求常常伴隨著功能的需求〕枷現(xiàn)在，真正的內(nèi)容常常是通過一個(gè)內(nèi)容管理系統(tǒng)來進(jìn)行管理的剥哑。
功能規(guī)格說明
樂觀硅则，描述這個(gè)系統(tǒng)將要做什么事情去“防止”不好的情況發(fā)生，而不是描述這個(gè)系統(tǒng)“不應(yīng)該”做什么不好的事情株婴。
具體怎虫。盡可能詳細(xì)的解釋清楚狀況，這個(gè)我們能決定一個(gè)功能是否被實(shí)現(xiàn)的最好途徑困介。
內(nèi)容需求
對(duì)于那些已有大量內(nèi)容的項(xiàng)目而言大审，很多關(guān)于內(nèi)容的信息都記錄在一個(gè)內(nèi)容清單中。整理一個(gè)現(xiàn)有網(wǎng)站中所有內(nèi)容的清單看上去像是一件枯燥乏味的事——確實(shí)也是如此座哩。但是整理出這個(gè)清單是很重要的徒扶，其原因和我們必須要搞清楚具體需求一樣重要。
確定需求優(yōu)先級(jí)
當(dāng)管理層談到戰(zhàn)略的時(shí)候根穷，他們通常從某種產(chǎn)品特性開始姜骡，然后你不得不耐心的把他們引導(dǎo)到后面的戰(zhàn)略因素上去导坟。由于管理層常常分不清特性和戰(zhàn)略，某些特性總是會(huì)占上風(fēng)圈澈。因此需求的定義過程就變成了與這些管理層進(jìn)行談判過程惫周。
第五章? ? ? 結(jié)構(gòu)層
交互設(shè)計(jì)與信息架構(gòu)
結(jié)構(gòu)層定義：任務(wù)”一側(cè)的結(jié)構(gòu)層為交互設(shè)計(jì)，“信息”一側(cè)為“信息架構(gòu)”康栈。同時(shí)递递，兩者都強(qiáng)調(diào)了每個(gè)將要呈獻(xiàn)給用戶的選項(xiàng)的模式和順序。
交互設(shè)計(jì)：交互設(shè)計(jì)關(guān)注描述“可能的用戶行為”啥么，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶做法漾狼。要去猜測用戶以后的可能性操作，別讓用戶感到自己是個(gè)傻瓜饥臂。
信息架構(gòu)：
從上到下：先從最廣泛的逊躁、有可能滿足決策目標(biāo)的內(nèi)容與功能開始進(jìn)行分類，然后再依據(jù)邏輯細(xì)分出次級(jí)分類隅熙。
從下到上：先從已有的資料（或者當(dāng)網(wǎng)站發(fā)布后將存在的資料）開始稽煤，把這些資料統(tǒng)統(tǒng)放到最低級(jí)別的分類中，然后再將它們分別歸屬到較高一級(jí)的類別囚戚，從而逐漸構(gòu)建出能反映我們的產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)酵熙。
在層級(jí)之間要注意跳轉(zhuǎn)的邏輯。節(jié)點(diǎn)通過不同的組織方式構(gòu)成不同的信息架構(gòu)驰坊。包括了“層級(jí)結(jié)構(gòu)”匾二、“矩陣結(jié)構(gòu)”、“自然結(jié)構(gòu)”和“線性結(jié)構(gòu)”拳芙。要根據(jù)合理的組織原則來進(jìn)行架構(gòu)組織察藐。這里有個(gè)概念叫“截面”——項(xiàng)目中某種特定性質(zhì)。比如根據(jù)年份劃分新聞?lì)悇e舟扎，根據(jù)材質(zhì)劃分手機(jī)等分飞。
第6章? ? ? 框架層
界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)睹限、信息設(shè)計(jì)
如果說結(jié)構(gòu)層決定了網(wǎng)站和產(chǎn)品用什么方式運(yùn)作譬猫，則框架層就是其功能形式的實(shí)現(xiàn)。同時(shí)羡疗，它還要處理更精準(zhǔn)地細(xì)節(jié)問題染服。關(guān)注獨(dú)立的組件以及他們之間的相互關(guān)系。由界面設(shè)計(jì)叨恨、導(dǎo)航設(shè)計(jì)柳刮、信息設(shè)計(jì)組成。
界面設(shè)計(jì)：指提供用戶做某事的能力。這種賦予用戶能力的具體方式诚亚，就是界面設(shè)計(jì)的內(nèi)容晕换。
導(dǎo)航設(shè)計(jì)：指提供給用戶去某地的能力。因?yàn)樵诮Y(jié)構(gòu)層中站宗，我們?cè)O(shè)計(jì)出了信息的結(jié)構(gòu)闸准，那么如何到到達(dá)這些不同的信息層次，就需要導(dǎo)航了梢灭。
信息設(shè)計(jì)：主要是提供呈現(xiàn)信息的方法夷家。呈現(xiàn)信息的方法就是信息設(shè)計(jì)。
第七章? ? ? 表現(xiàn)層
表現(xiàn)層定義：
在框架層敏释，我們主要解決放置的事情库快，界面設(shè)計(jì)考慮可交互元素的布局，導(dǎo)航設(shè)計(jì)考慮在產(chǎn)品中引導(dǎo)用戶移動(dòng)的元素的安排钥顽，而信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布义屏。
合理設(shè)計(jì)感知：
決定我們的設(shè)計(jì)最后如何被人類的感覺器官感受由五方面組成：視覺、聽覺蜂大、觸覺闽铐、嗅覺和味覺。
嗅覺和味覺：是用戶體驗(yàn)設(shè)計(jì)師很少考慮的范疇奶浦。例如：“新車的氣味”所代表的是一輛剛剛出廠的新汽車兄墅，但是這些氣味通常取決于那個(gè)產(chǎn)品所選用的材料，而非用戶體驗(yàn)設(shè)計(jì)師所能決定的澳叉。
觸覺：實(shí)物產(chǎn)品的觸覺體驗(yàn)是屬于工業(yè)設(shè)計(jì)領(lǐng)域的概念隙咸。工業(yè)設(shè)計(jì)師主要關(guān)注的是用戶和產(chǎn)品之間的物理接觸。例如：手機(jī)和手持游戲設(shè)備都可以通過震動(dòng)來與用戶互動(dòng)成洗。
聽覺：聲音可以應(yīng)用到很多不同種類的產(chǎn)品中五督，聲音不僅可以用來通知用戶，還可以使產(chǎn)品變得更具個(gè)性泌枪。例如：汽車上那些長短不同的嗶嘀聲概荷。
視覺：關(guān)于視覺設(shè)計(jì)如何支持用戶體驗(yàn)，首先，應(yīng)該把注意力集中在它們的運(yùn)作是否良好缸榛。例如纹腌，產(chǎn)品的外觀有沒有破壞結(jié)構(gòu)，有沒有使結(jié)構(gòu)中的各個(gè)模塊之間的區(qū)別變得不清晰衅码、模凌兩可，外觀有沒有強(qiáng)化結(jié)構(gòu)，使用戶的選項(xiàng)清楚明了慈鸠。
忠于眼睛：你的視線首先落在哪里？哪個(gè)設(shè)計(jì)要素在第一時(shí)間吸引來用戶的注意力是評(píng)估一個(gè)產(chǎn)品視覺設(shè)計(jì)的簡單方法之一灌具。一個(gè)成功的設(shè)計(jì)青团，用戶眼睛的移動(dòng)軌跡模式有以下兩個(gè)重要特點(diǎn)：首先譬巫，它們遵循的是一條流暢的路徑。其次督笆，在不需要用太多細(xì)節(jié)來嚇倒用戶的前提下芦昔，它為用戶提供有效選擇的、某種可能的“引導(dǎo)”娃肿，用戶在頁面上的視線移動(dòng)并不是隨機(jī)的咕缎。
對(duì)比和一致性：1.對(duì)比在視覺設(shè)計(jì)中，我們用于吸引用戶注意的一個(gè)主要工具就是對(duì)比料扰。對(duì)比能幫助用戶理解頁面導(dǎo)航元素之間的關(guān)系凭豪，對(duì)比還是傳達(dá)信息設(shè)計(jì)中的概念群組的主要手段。例如：網(wǎng)頁頁面上的錯(cuò)誤提示晒杈，通過給文本一些不同的顏色嫂伞，讓它凸顯出來。2.一致性：將視覺元素的大小保持一致的尺寸拯钻，這可以使你在需要的時(shí)候把它們更容易地重新組合成一個(gè)新的設(shè)計(jì)帖努。或基于柵格線的方法说庭，通過使用“母版”來確保設(shè)計(jì)的一致性然磷，各種布局都是根據(jù)這個(gè)模版來創(chuàng)建，每一個(gè)元素在網(wǎng)格上的位置應(yīng)該是統(tǒng)一和一致的刊驴。
配色方案和排版：1.色彩可能是向外界傳遞品牌識(shí)別的一個(gè)最有效的方法姿搜。一套配色方案應(yīng)該能整合其中色彩，以便與能將它們應(yīng)用到一個(gè)廣泛的范圍之中捆憎。多數(shù)情況下舅柜，更亮或更醒目的色彩用于設(shè)計(jì)你的前景色，更暗淡的色彩最好用于那些不需要跳出頁面的背景元素躲惰。2.排版：對(duì)于正文來說致份，任何文本都會(huì)呈現(xiàn)在一個(gè)較大面積的區(qū)域并且被用戶長時(shí)間地注視，因此础拨，簡單最好氮块。對(duì)于更大的文本元素或者類似在導(dǎo)航元素中看到的短標(biāo)簽一樣的文本，稍微具有個(gè)性的字體是非常恰當(dāng)?shù)摹?/p>
設(shè)計(jì)合成品和風(fēng)格指南：1.視覺設(shè)計(jì)領(lǐng)域中對(duì)線框圖最直接的模擬是視覺模型和設(shè)計(jì)合成品诡宗√喜酰“合成”的意思是“綜合的”，就是從已選定的組件中建立起來的塔沃、一個(gè)最終的可視化產(chǎn)品蝠引。這種合成物顯示來各個(gè)獨(dú)立的組件是如何結(jié)合到一起形成一個(gè)有機(jī)的整體的。2.風(fēng)格指南：影響到產(chǎn)品的每一個(gè)局部的全局標(biāo)準(zhǔn)（比如設(shè)計(jì)柵格、配色方案螃概、字體標(biāo)準(zhǔn)或標(biāo)志應(yīng)用指南）通常是風(fēng)格指南中的第一部分矫夯。有了風(fēng)格指南，你就有了一套唯一且高效的方法吊洼，讓你的產(chǎn)品看起來像是一個(gè)協(xié)調(diào)一致的整體训貌，而不是一堆亂七八糟的碎片。
第八章? ? ? 要素的應(yīng)用
創(chuàng)建良好的用戶體驗(yàn)最重要的工作內(nèi)容是收集對(duì)待解決的非常細(xì)微的問題融蹂。其中最重要的兩點(diǎn)：
了解你正在試著去解決的問題旺订。
了解這些解決辦法所造成的后果。
關(guān)于用戶體驗(yàn)的決策會(huì)出現(xiàn)在以下場景：
由現(xiàn)狀決定的設(shè)計(jì)
由模仿決定的設(shè)計(jì)
由領(lǐng)導(dǎo)決定的設(shè)計(jì)
提出正確的問題：每一個(gè)用戶體驗(yàn)的設(shè)計(jì)過程的其他方面都有可能導(dǎo)致調(diào)整超燃，以適應(yīng)時(shí)間区拳、金錢和為你的工作的人員。不要以“節(jié)省項(xiàng)目時(shí)間或金錢”的名義對(duì)用戶體驗(yàn)問題敷衍了事意乓。
馬拉松和短跑：不要使用馬拉松的態(tài)度來完成自己的開發(fā)過程樱调，這樣注定會(huì)失敗。產(chǎn)品開發(fā)很少是短跑比賽届良，有些任務(wù)需要重點(diǎn)承擔(dān)責(zé)任笆凌，另一些則要求一個(gè)更加深思熟慮的方法。
視覺設(shè)計(jì)：看上去雜亂或混淆的布局士葫，不一致或不協(xié)調(diào)的色彩乞而，會(huì)讓用戶很快離開，從而永遠(yuǎn)不會(huì)意識(shí)到你在導(dǎo)航或交互設(shè)計(jì)上做了很多聰明的選擇慢显。過度關(guān)注視覺設(shè)計(jì)爪模，而排除其他的用戶體驗(yàn)要素使得不止一個(gè)網(wǎng)站宣告破產(chǎn)。始終從完整的用戶體驗(yàn)出發(fā)荚藻。最后得到的網(wǎng)站就是一份有價(jià)值的資產(chǎn)屋灌，而不是無休無止的債務(wù)。
