用戶體驗并不是指一件產(chǎn)品本身是如何工作的炒辉，用戶體驗是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”，也就是人們?nèi)绾巍敖佑|”和“使用”它判呕。

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

評價一個產(chǎn)品的角度往往從感官和功能兩個層面入手谓厘， 但它絕不是功能和外觀這么簡單均唉。對于直接直接面對用戶的那些部分，應(yīng)該由“用戶的心理感受和行為”來決定癌椿。

一健蕊、使用第一

簡單的產(chǎn)品用戶體驗可等同于產(chǎn)品自身定義，比如椅子可以坐踢俄。然而缩功，更復(fù)雜的產(chǎn)品的用戶體驗就相對獨立了與之相比。列如功能繁多的手機并不能單單滿足于能夠接聽電話簡單的自身定義都办。

1.用戶體驗和網(wǎng)站

當(dāng)網(wǎng)站需要用戶掌握的技術(shù)超過用戶自我的技術(shù)能力后嫡锌，用戶往往會喪失積極性和信心。不管用戶訪問類型如何琳钉，用戶體驗都對網(wǎng)站十分重要势木。但是大多數(shù)企業(yè)更在乎市場份額，加入更多特性以吸引用戶歌懒。但是加入繁多的特性被證明只能短時間占據(jù)競爭優(yōu)勢啦桌，隨著功能的增加，網(wǎng)站也會變得難以使用歼培，愈加笨重震蒋。所以為了可持續(xù)競爭優(yōu)勢，用戶體驗不可或缺躲庄。

2.用戶體驗不可或缺

哪怕你的網(wǎng)站提供的是世界上最強大的功能查剖，如果用戶弄不懂他是如何工作的，低效的溝通仍然難以使你的產(chǎn)品成功噪窘。一個常用的投資收益度的度量標(biāo)準(zhǔn)是轉(zhuǎn)化率笋庄，通過跟蹤有百分之多少的用戶被你“轉(zhuǎn)化”到了下一個步驟，就能衡量你網(wǎng)站達到商業(yè)目的方面的效率多高(用戶體驗效果）。

ROI：3個注冊并訂閱郵件用戶/36個訪問者=8.33％的轉(zhuǎn)化率

人們所使用的工具效率的改進直砂，會提高企業(yè)的生產(chǎn)力菌仁，這幫助他們工作的效率更高，犯錯率更低静暂。節(jié)省員工的時間就是節(jié)約企業(yè)的錢济丘。

3.在乎你的用戶

用戶體驗對用戶來說很重要，如果我們沒有提供積極的體驗洽蛀，造訪用戶對網(wǎng)站的粘性會降低摹迷。

二、認(rèn)識這些要素

用戶體驗開發(fā)流程中郊供，要考慮用戶的每一種行動的可能性峡碉，以及每個步驟中用戶期望值。

1.五個層面

網(wǎng)購的體驗從搜索到綁定銀行卡填寫地址快遞送到手中驮审，這一系列體驗其實是由完整的決策層組成的

表現(xiàn)層

表現(xiàn)層是由圖片文字組成的網(wǎng)頁鲫寄，列如可以執(zhí)行功能的購物車標(biāo)志，以及無功能的產(chǎn)品展示圖疯淫。

框架層

列如：按鈕地来、空間、照片和文本區(qū)峡竣】恳郑框架層作用為優(yōu)化設(shè)計布局，使你記住標(biāo)識适掰。

結(jié)構(gòu)層

結(jié)構(gòu)層確定網(wǎng)站特性和功能的組合方式颂碧，結(jié)構(gòu)層用來設(shè)計用戶如何到達某頁面，框架層定義了導(dǎo)航條上各要素排列方式类浪，結(jié)構(gòu)層則定義分類應(yīng)該出現(xiàn)在哪里载城。

范圍層

結(jié)構(gòu)層確定網(wǎng)站特性和功能的組合方式，這些特性功能組成了范圍層费就。這個功能是否應(yīng)該成為網(wǎng)站的功能诉瓦，是范圍層問題。

戰(zhàn)略層

網(wǎng)站范圍由戰(zhàn)略層決定力细。包括經(jīng)營者想得到什么睬澡？用戶想從網(wǎng)站中得到什么？

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

五個層面由下而上越來越具體眠蚂，戰(zhàn)略層意義重大煞聪，會產(chǎn)生向上的連鎖反應(yīng)。較高層面的決定有時會促成對較低層面的評估逝慧，最好的方法是讓每一個層面在下一個層面可以結(jié)束之前完成昔脯。

3.基本的雙重性

網(wǎng)頁的基本的雙重性質(zhì)為功能型產(chǎn)品和信息型產(chǎn)品啄糙，功能型產(chǎn)品主要思考人們完成任務(wù)的過程，信息型產(chǎn)品考慮應(yīng)該提供的信息和信息對用戶的意義云稚。

4.用戶體驗的要素

戰(zhàn)略層是滿足用戶需求為目的所想達到的目標(biāo)隧饼；范圍層是對內(nèi)容元素的描述；結(jié)構(gòu)層即信息架構(gòu)静陈；框架層即界面設(shè)計燕雁；表現(xiàn)層即產(chǎn)品的感知體驗；

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

拋開其他層面單獨評估該層面是困難的窿给，網(wǎng)站的“內(nèi)容”是用戶訪問的關(guān)鍵贵白，其次技術(shù)也是建立用戶體驗的要素之一，它局限了網(wǎng)站能達到的技術(shù)層面崩泡。

三、戰(zhàn)略層 產(chǎn)品目標(biāo)和用戶需求

1.戰(zhàn)略層定義

網(wǎng)站失敗的原罪是沒有人弄清

[1]我們要通過這個產(chǎn)品得到什么猬膨？(內(nèi)部)

[2]我們的用戶要通過這個產(chǎn)品得到什么?(外部)

2.產(chǎn)品目標(biāo)

明確戰(zhàn)略角撞，應(yīng)該檢查我們的產(chǎn)品目標(biāo)并表達出來。

3.商業(yè)目標(biāo)

目標(biāo)太寬泛勃痴，以賺錢和省錢為宗旨的目標(biāo)谒所，是不清晰的。

相反沛申，太具體的目標(biāo)無法兼顧戰(zhàn)略制定中的隨機性困難劣领。

兩者之間的平衡，需要我們在充分了解它的影響力的基礎(chǔ)上铁材，明確定義“成功的條件”而不是”成功的路徑”尖淘。

4.品牌識別

品牌的概念超出了簡單的視覺表達，它能夠在交互中使用戶印象深刻著觉。將品牌形象明確寫入目標(biāo)村生，將提高呈現(xiàn)品牌的機會。

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

即一些可追蹤的指標(biāo)是否滿足公司目標(biāo)和用戶需求饼丘。 測量回訪率能夠分析網(wǎng)站是否符合用戶需求趁桃，也不能排除競爭對手造勢的外界因素，應(yīng)客觀分析具體問題肄鸽。

6.用戶需求

我們必須站在用戶的角度了解用戶卫病，而代入自己去看待用戶需求。清楚用戶群后典徘，需對他們調(diào)研蟀苛，理出需求所在。

7.用戶細(xì)分

把有共同關(guān)鍵特征的用戶細(xì)分

以人口統(tǒng)計特征劃分烂斋，和消費心態(tài)檔案劃分為主屹逛，但相同年齡的人群愛好興趣各不一础废，所以消費心態(tài)更能解刨出一些用戶需求。

考慮到不同技術(shù)層面用戶的使用需求

考慮到不同認(rèn)知用戶的使用需求（小白級【分解過程】罕模，專業(yè)級【快速操作】列如股票軟件）

考慮到他們不同的社會地位（學(xué)生家長评腺，報考學(xué)生）

8.可用性和用戶研究

問卷調(diào)查、用戶訪談適用于收集用戶普遍觀點淑掌。

用戶測試蒿讥、現(xiàn)場調(diào)查適用于理解用戶行為。

現(xiàn)場調(diào)查（從考古學(xué)和社會學(xué)演變過來）完整有效的方法抛腕。

任務(wù)分析（讓用戶完成某一任務(wù)芋绸，可在用戶訪談后或現(xiàn)場調(diào)查后使用）

用戶測試（讓用戶來測試你的產(chǎn)品——貫穿在整個項目階段中）

卡片排序法（探索用戶如何分類各種信息元素，給用戶一沓卡片担敌，讓他們自我排列）

9.創(chuàng)建人物角色

創(chuàng)建的人物角色是能代表整個真實用戶需求的虛擬人物摔敛，另一種說法是用戶模型，比如創(chuàng)業(yè)網(wǎng)用戶人群分為高科技適應(yīng)度高和第一次使用的人群全封。

一個角色42马昙，已婚，兩個孩子刹悴，于副總裁位子上好幾年了行楞，想創(chuàng)立新公司。

另一個角色土匀，37子房，已婚，木材加工為愛好就轧，很多朋友喜歡证杭，他想嘗試新生意并放棄目前的司機工作。

10.團隊角色和流程

產(chǎn)品目標(biāo)和用戶需求被定義在正式戰(zhàn)略文檔中钓丰，用戶需求有時被獨立記錄在調(diào)研報告中躯砰，這些目標(biāo)和分析常由決策者、員工携丁、用戶意見支持琢歇。戰(zhàn)略文檔要盡可能簡潔方便頻繁分享。

四梦鉴、范圍層 功能規(guī)格和內(nèi)容需求

將產(chǎn)品目標(biāo)轉(zhuǎn)化成產(chǎn)品提供給用戶什么內(nèi)容和功能時李茫，就變成了范圍層。

1.范圍層定義

這是一個有價值的過程肥橙，同時能產(chǎn)生有價值的產(chǎn)品魄宏。

用文檔來定義產(chǎn)品需求很重要，因為：

[1]可以知道你在建設(shè)什么（具體存筏、明確）

[2]可以知道不需要建設(shè)什么（作為潛在未來功能囤積）

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

在我們要開發(fā)什么這個問題上宠互，范圍層被分為“功能型產(chǎn)品”和“信息型產(chǎn)品”

功能型產(chǎn)品考慮功能需求和功能需求規(guī)格味榛，功能需求規(guī)格時具體化的，在功能需求確定后撰寫予跌。

信息型產(chǎn)品考慮內(nèi)容需求（營銷推廣搏色，內(nèi)容通過內(nèi)容管理系統(tǒng)CMS管理）

如：作者→內(nèi)容編輯→管理員→文字編輯→律師→用戶

二者兩戶包容存在于彼此之后，不是孤立的券册。

3.定義需求

內(nèi)容需求根據(jù)項目范圍決定频轿，如果目標(biāo)時完成一個復(fù)雜的子系統(tǒng)，需求就很詳細(xì)烁焙。

相反航邢，若是大型項目，內(nèi)容可相似度高（如提供功能相似的說明書）骄蝇，一般化處理即可膳殷。

定義需求可分為以下三類

[1]顯而易見人們想要的需求

[2]當(dāng)人們在某個產(chǎn)品中遇到困難，想象解決的辦法乞榨，并和用戶探討

[3]人們不確定是否需要的特性（出現(xiàn)于頭腦風(fēng)暴）

為了維持現(xiàn)有產(chǎn)品秽之，而忘記哪些是限制或簡化產(chǎn)品的條件的，往往是設(shè)計投入最深入的人吃既。所以匯集各部門各類型用戶意見變得極為重要姻僧，多方位多角度理解問題悼泌。

在決定功能需求時，可以把我們?nèi)宋锝巧湃搿疤摂M的場景”中押蚤，描述如何使用這些產(chǎn)品的過程冀惭。

從競爭對手那里得到需求啟示震叙，分析競品。

4.功能規(guī)格說明

規(guī)格說明往往很枯燥散休，但同時它又是必要的媒楼，雖然現(xiàn)實實施中會出現(xiàn)改動，但它的價值不應(yīng)該被否定戚丸，我們所能作的是使它足夠清晰和準(zhǔn)確划址。

5.記下來

有幾條規(guī)則適用撰寫任何功能規(guī)格說明：

樂觀（描述系統(tǒng)將要做一些什么事，防止不好的事發(fā)生）

具體（詳細(xì)解釋清楚狀況）最受歡迎的視頻重點標(biāo)注限府，改成播放次數(shù)（定義了怎樣算受歡迎）最多的視頻顯示最前端夺颤。

避免主觀語氣（網(wǎng)頁的外觀應(yīng)該時尚，改成網(wǎng)站的外觀應(yīng)該符合企業(yè)品牌指南文檔）

6.內(nèi)容需求

內(nèi)容需求應(yīng)該提供每一個特性的規(guī)模評估：文本數(shù)目胁勺、音頻大小大致即可世澜。盡早確定每個內(nèi)容的負(fù)責(zé)人。

如果你不是希望你的用戶只來一次署穗，那么你還需要定義你的網(wǎng)站的內(nèi)容特性的更新頻率寥裂。

7.確定需求優(yōu)先級

我們需要評估需求是否滿足戰(zhàn)略層的目標(biāo)嵌洼，無論用戶和網(wǎng)站，除此之外封恰，還要考慮實現(xiàn)的可行性多大麻养？（有些產(chǎn)品特性要三個月去做，但產(chǎn)品兩個月就要上線）

一個清晰的優(yōu)先級可以幫助決定是否采納人們所建議的相關(guān)特性俭驮。

五回溺、結(jié)構(gòu)層 交互設(shè)計與信息框架

當(dāng)特性明確之后，如何將它們變成一個整體混萝，就是結(jié)構(gòu)層的事了遗遵。

1.結(jié)構(gòu)層定義

涉及“為用戶設(shè)計結(jié)構(gòu)化體驗”的方法被稱為交互設(shè)計。

只要通過信息架構(gòu)來構(gòu)建用戶體驗逸嘀。（確定各個要素的“模式”和“順序”）

要求理解用戶的工作方式车要、行動、思考方式崭倘。

2.交互設(shè)計

關(guān)注描述“可能的用戶行為”以及“系統(tǒng)如何配合和響應(yīng)”

3.概念模型

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

舉個例子，購物車在電子商務(wù)網(wǎng)站的概念模型中是一個容器司光，這個概念影響了它的視覺設(shè)計琅坡。

在理想狀態(tài)下我們不用告知用戶概念模型，因為網(wǎng)站的交互行為完全一致残家，用戶可以憑直覺去使用榆俺。

4.錯誤處理

當(dāng)人們犯錯時系統(tǒng)作何反應(yīng)？當(dāng)?shù)谝淮畏稿e時坞淮，如何防止錯誤繼續(xù)茴晋？

避免錯誤的方法有兩種

[1]把系統(tǒng)設(shè)置成不可能犯錯的樣子，比如車子不在空檔發(fā)車會損害零件回窘，所以設(shè)置成除非空擋不然不啟動诺擅。

[2]使錯誤難以發(fā)生，幫助用戶改正錯誤啡直。

為用戶提供的從錯誤中恢復(fù)的方式最常見就是“撤銷”烁涌、以及警告。

5.信息框架

組織信息以便人們理解付枫，研究的是人們?nèi)绾握J(rèn)知信息的過程

6.結(jié)構(gòu)化內(nèi)容

信息構(gòu)架可以以信息檢索的概念為例說明：設(shè)計出讓用戶容易找到信息的系統(tǒng)烹玉。

兩種方式建立分類體制：

[1]從上到下（從戰(zhàn)略層產(chǎn)品目標(biāo)用戶需求設(shè)計、主要分類次要分類的層級結(jié)構(gòu)中填入內(nèi)容和功能）【缺點：細(xì)節(jié)被疏忽】

[2]從下到上（對內(nèi)容和功能需求分析阐滩，先把已有資料放入底層二打，然后分別歸屬高一級）【缺點：無法容納未來內(nèi)容，因過于詳細(xì)】

結(jié)構(gòu)質(zhì)量的標(biāo)準(zhǔn)不是步數(shù)越少越好掂榔，而是每一步用戶都認(rèn)為合理继效。

高效的結(jié)構(gòu)能夠容納成長和適應(yīng)變動症杏。

7.結(jié)構(gòu)方法

信息構(gòu)架基本單位是節(jié)點，可以對任意信息組合瑞信。

節(jié)點節(jié)點可以用許多不同的方式安排厉颤，但是結(jié)構(gòu)常見的類型只有幾種：

樹狀結(jié)構(gòu)或中心輻射結(jié)構(gòu)

節(jié)點和節(jié)點之間存在父子關(guān)系，子節(jié)點概念更狹義凡简。

矩陣結(jié)構(gòu)

允許節(jié)點和節(jié)點之間沿著兩個或更多維度移動逼友。列如用戶想通過顏色來瀏覽產(chǎn)品另一類用戶想通過尺寸來瀏覽產(chǎn)品，矩陣可以同時容納這兩種用戶秤涩。

自然結(jié)構(gòu)

節(jié)點被逐一串聯(lián)起來沒有強烈分類的概念帜乞。如果想要鼓勵自由探險的感覺，比如娛樂教育網(wǎng)站筐眷，自然結(jié)構(gòu)會更好黎烈，但是用戶需要記住路徑去再次操作同樣的過程，比如你偶然點進再次進入又忘記了匀谣。

線性結(jié)構(gòu)

常用于小規(guī)模結(jié)構(gòu)照棋，列如單篇文章或單個專題

8.組織原則

節(jié)點是依據(jù)組織原則安置的，決定哪些節(jié)點編成一組武翎。你在產(chǎn)品最高層級使用的組織原則應(yīng)緊密與“網(wǎng)站目標(biāo)”和“用戶需求”相關(guān)烈炭，較低層面受內(nèi)容需求影響。

如果是一家汽車買賣公司網(wǎng)站按照外觀型號來分類比以重量分類更適合宝恶，在圖書館術(shù)語中這類屬性稱為截面梳庆，可以為內(nèi)容提供簡單靈活的組織原則。

戰(zhàn)略告訴我們“用戶的需求是什么”卑惜，“范圍告訴我們“什么樣的信息滿足用戶需求”，結(jié)構(gòu)讓我們“識別出用戶內(nèi)心重要的信息”驻售。

9.語言和元數(shù)據(jù)

受控詞典是網(wǎng)站使用的一套標(biāo)準(zhǔn)語言,用來強調(diào)使命名保持和用戶的語言的一致性露久。

控制詞匯的兩大方法：

[1]受控詞典，創(chuàng)建一個代表用戶語言的受控詞典能夠排除專業(yè)術(shù)語使用戶糊涂的狀況欺栗。

[2]類詞詞典毫痕，提供常用卻未被收納進網(wǎng)站標(biāo)準(zhǔn)的詞匯。（內(nèi)部術(shù)語迟几、俚語消请、縮寫詞）

元數(shù)據(jù)的意思是以結(jié)構(gòu)化方式來描述內(nèi)容的信息，使用以上方法可建立包含元數(shù)據(jù)的系統(tǒng)类腮。

假設(shè)我們分析志愿消防隊如何使用新產(chǎn)品的文章臊泰，這篇文章的元數(shù)據(jù)就是：

*作者

*發(fā)布日期

*內(nèi)容類型（如案例研究）

*產(chǎn)品名稱

*產(chǎn)品類型

*客戶所在行業(yè)（志愿消防隊）

*其它相關(guān)信息（市政代辦處）

元數(shù)據(jù)在使用相同的詞組時，你就可以通過自動化的方式使一組與主題有關(guān)的頁面連接在一起蚜枢。

好的元數(shù)據(jù)能夠更快找到信息缸逃。

10.團隊角色和流程

文檔要詳細(xì)描寫網(wǎng)站的結(jié)構(gòu)——從命名原則针饥、元數(shù)據(jù)的細(xì)節(jié)、到信息框架和交互設(shè)計需频。

交互設(shè)計使用構(gòu)架圖丁眼，作者所創(chuàng)的圖解網(wǎng)站結(jié)構(gòu)的系統(tǒng)叫“視覺辭典”，www.jjg.net/ia/visvocab/

用戶體驗設(shè)計師已經(jīng)成為繼交互設(shè)計師和信息架構(gòu)師之后更普遍的職位名稱昭殉。

六苞七、框架層界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計

在框架層我們要確定更詳細(xì)的界面外觀挪丢、導(dǎo)航和信息設(shè)計蹂风。

戰(zhàn)略層（用戶需求/產(chǎn)品目標(biāo)）→范圍層（功能規(guī)格/內(nèi)容需求）→結(jié)構(gòu)層（交互設(shè)計/信息架構(gòu)）→框架層（界面設(shè)計（功能型產(chǎn)品）/導(dǎo)航設(shè)計（信息型產(chǎn)品）/信息設(shè)計（都需要）→表現(xiàn)層（感知設(shè)計）

1.框架層定義

確定用什么樣的形式和功能來實現(xiàn)，關(guān)注點在獨立的組件和它們的關(guān)系上吃靠。

界面設(shè)計：指用戶能接觸到在結(jié)構(gòu)層交互設(shè)計中確定的功能硫眨。

導(dǎo)航設(shè)計：提供用戶去某個地方的能力使導(dǎo)航設(shè)計，通過它用戶可以在內(nèi)容需求的結(jié)構(gòu)中穿梭自如巢块。

信息設(shè)計：在功能型和信息型產(chǎn)品都兼?zhèn)浣父螅惯@個層面范圍最廣的一個要素。

2.習(xí)慣和比喻

習(xí)慣和反射作用是我們與這個世界交互的基礎(chǔ)族奢，你使用手機的技術(shù)依賴于你的反射作用姥闭。

如果有兩個特性都使用了同樣的概念模型，那么他們可能有相似的界面要求越走。

比喻過多不能揭示特性本質(zhì)反而更加混淆棚品，比如slate的導(dǎo)航使你像真的翻閱雜志一樣翻過書。

有效使用比喻就是減少用戶在理解使用產(chǎn)品時對猜測的要求廊敌。

3.界面設(shè)計

界面設(shè)計要做的是選擇正確的界面元素铜跑。這些界面元素要幫助用戶完成他們的任務(wù)以及容易被理解。

那個功能在哪個界面上完成是交互設(shè)計中決定了的骡澈，而這些功能如何在界面上被用戶認(rèn)知到就是界面設(shè)計范疇锅纺。

我們在屏幕上所看到的標(biāo)準(zhǔn)控件很多起源于Mac OS或windows的桌面操作系統(tǒng)，他們提供了一小部分標(biāo)準(zhǔn)界面元素：

復(fù)選框

單元框

文本框

下拉菜單

多選菜單（更容易支持大量選項）

按鈕（接受用戶提交的信息）

妥善處理界面元素肋殴，選擇和權(quán)衡很重要囤锉。

下拉菜單能容納更多選項也節(jié)約空間，但是它也讓用戶不能一眼看到可選項护锤。如果只有六個選項官地，復(fù)選框就是明智之舉。

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

導(dǎo)航設(shè)計必須完成的三個目標(biāo)：

[1]必須提供網(wǎng)站跳轉(zhuǎn)的方法烙懦，往往是能促進用戶行為的驱入。

[2]必須傳達出這些元素和它所包含的內(nèi)容的關(guān)系。

[3]傳達出內(nèi)容和用戶當(dāng)前瀏覽頁面的關(guān)系。

導(dǎo)航系統(tǒng)分類：

全局導(dǎo)航：在導(dǎo)航欄上放上能到網(wǎng)站所有主要欄目的鏈接沧侥。

局部導(dǎo)航：提供給用戶到這個框架中附近地點的通路可霎。

輔助導(dǎo)航：提供了前兩者不能快速到達的內(nèi)容的快速途徑。

上下文導(dǎo)航：嵌入內(nèi)容自身的鏈接宴杀。

友好導(dǎo)航：提供給用戶通常不會用到的鏈接癣朗，聯(lián)系信息、反饋表單旺罢、律師聲明鏈接通常在友好導(dǎo)航中旷余。

遠程導(dǎo)航：一些導(dǎo)航并不在頁面結(jié)構(gòu)中，是以自己的方式存在扁达，獨立于內(nèi)容和功能正卧。

導(dǎo)航工具：

[1]網(wǎng)站地圖是一種常見的遠程導(dǎo)航工具，它給你一個簡明的單頁網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式跪解。提供所有一級導(dǎo)航的鏈接炉旷、并與主要二級導(dǎo)航鏈接

[2]索引表是按字母順序排列、連接到相關(guān)信息的列表叉讥。（往往為網(wǎng)站某個部分開發(fā)窘行，而不是覆蓋整個網(wǎng)站）

5.信息設(shè)計

如何呈現(xiàn)信息，使人們?nèi)菀桌斫馔疾郑袝r是視覺上的罐盔，比如餅圖，有時它涉及“分組”或“整理”散亂信息救崔。（類似卡片分類）

錯誤提示也是界面設(shè)計時需要思考的問題惶看。

6.指示標(biāo)識

將信息設(shè)計和導(dǎo)航設(shè)計結(jié)合到一塊有一個作用那就是支持指示標(biāo)識，來自于公共空間設(shè)計六孵，比如標(biāo)志停車的停車牌纬黎。

好的指示標(biāo)識能使用戶很快得出心理圖像“他們在哪里”、“能去哪里”劫窒、“哪條路能使他們離自己的目標(biāo)更近”莹桅。

7.線框圖

線框圖使對一個頁面中所有組成部分以及它們?nèi)绾谓Y(jié)合到一起最直觀的描述。

線框圖通常還包括附加說明烛亦，用于說明線框圖和結(jié)構(gòu)圖表看得不太明顯的網(wǎng)站行為。有時也需要導(dǎo)航規(guī)格的支持懂拾。

小產(chǎn)品可能只需要一個線框圖煤禽，大產(chǎn)品往往需要多個線框圖。

[1]通過安排和選擇界面元素來整合界面設(shè)計岖赋。

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

[3]通過防止和排列信息組成部分優(yōu)先級來整合信息設(shè)計。

把這三個放入同一文檔，線框圖就確定了建立在基本概念結(jié)構(gòu)上的框架选脊，同時指出表現(xiàn)層的設(shè)計的方向杭抠。

七、表現(xiàn)層 感知設(shè)計

滿足用戶的感官體驗恳啥，內(nèi)容偏灿、功能和美學(xué)匯聚一起產(chǎn)生一個最終設(shè)計。

1.表現(xiàn)層定義

關(guān)注信息設(shè)計钝的，我們決定了元素如何分組排列翁垂。

關(guān)注視覺設(shè)計，我們決定這種安排在視覺上如何呈現(xiàn)硝桩。

2.合理設(shè)計感知

這是提供體驗的最后一站沿猜，要讓用戶的感覺器官感受到設(shè)計。

3.嗅覺和味覺

除了食物香水很少被設(shè)計師考慮碗脊。

4.觸覺

實物產(chǎn)品的觸覺體驗使工業(yè)設(shè)計領(lǐng)域的概念啼肩。主要關(guān)注用戶和產(chǎn)品之間的物理接觸。包括界面設(shè)計衙伶，交互設(shè)計祈坠。也包括設(shè)備的外形（圓或方），所使用材質(zhì)（光滑或磨砂）等痕支。因屏幕震動技術(shù)颁虐，手機和使用者有了互動。

5.聽覺

如汽車中各種各樣的滴滴聲傳來的信息“車門沒關(guān)好”卧须。

6.視覺

每個人的品味不同另绩，所以關(guān)于設(shè)計方案的每一次討論總會歸結(jié)到個人偏好上。對于評估一個視覺設(shè)計方案是否夠好花嘶，應(yīng)該把注意力放在它們的“運作是否良好”上笋籽。

傳達品牌形象有多種方式（網(wǎng)站所使用的語言，網(wǎng)站功能的交互設(shè)計）但主要還是視覺設(shè)計椭员。如果你的戰(zhàn)略定位使技術(shù)性的那亮粉色和漫畫字體就不適合）车海。

7.忠于眼睛

評估視覺設(shè)計簡單方法之一：你的視線首先落在什么地方？哪個設(shè)計要素在第一時間吸引了用戶的注意力隘击？

研究人員有時用眼動儀確定人到底在看什么侍芝，以及視線如何移動。

或者站起來遠距離看屏幕或者瞇起眼睛看埋同。

如果你的設(shè)計使成功的州叠，用戶眼睛的移動軌跡模式應(yīng)該有以下兩個特點：

[1]他們是一個流暢的路徑，而沒有在各種元素上跳來跳去凶赁。

[2]他為用戶提供有選擇的咧栗、某種可能的“引導(dǎo)”逆甜，不應(yīng)該分散用戶對能完成目標(biāo)的功能的注意力。

8.對比與一致性

對比可以使用戶注意力吸引到界面中的關(guān)鍵部分致板。當(dāng)一個元素在設(shè)計中與眾不同時交煞，人們就會注意到。

讓差異足夠清晰斟或，使用戶能分辨出某個設(shè)計選擇是特意要傳達一些信息的素征。

一致性可以減少用戶的迷惑和焦慮。

基于柵格線的布局是來自平面設(shè)計的一種技術(shù)缕粹，是一種對網(wǎng)頁也有效的技術(shù)稚茅。通過“母版"確保一致性。

但設(shè)備尺寸千差萬別平斩，所以應(yīng)用到交互產(chǎn)品中并不容易亚享。

9.內(nèi)部和外部的一致性

因為網(wǎng)頁時在企業(yè)內(nèi)部、其他設(shè)計中獨立出來的绘面，所以視覺設(shè)計已經(jīng)千瘡百孔欺税，一般如下：

[1]在產(chǎn)品的兩個不同地方反映了不同的設(shè)計方法。（解決辦法：確定產(chǎn)品各類界面導(dǎo)航信息設(shè)計中出現(xiàn)的設(shè)計元素揭璃。）

[2]外部一致性差晚凿，沒有在同企業(yè)其他產(chǎn)品中反映相同的設(shè)計方法。

品牌識別的一致性應(yīng)該呈現(xiàn)在產(chǎn)品的每一個層級設(shè)計中瘦馍。

10.配色方案和排版

色彩是向外界傳遞品牌識別的最有效方法歼秽。更明亮或更醒目的顏色可以用于設(shè)計你的前景色，暗淡的色彩最好用于那些背景元素情组。

在同樣的環(huán)境中燥筷，相近又不相同的顏色可能會誤導(dǎo)用戶無法區(qū)分顏色，但是如果在用戶能夠辨別又保持一致性的情況下院崇，也并非不可肆氓。

一些企業(yè)有自己的專門的字體和排版，正文處于一個被用戶長時間注視的狀態(tài)底瓣，所以盡可能簡單就好谢揪，以免視覺疲勞。

對于導(dǎo)航元素中短標(biāo)簽一樣的文本捐凭，則可稍具個性拨扶。

有效使用字體的原則為：

[1]不要使用相似又不完全一樣的風(fēng)格。

[2]傳達不同信息用不同風(fēng)格茁肠，風(fēng)格之間要有足夠的對比吸引用戶

[3]但不要過于多樣屈雄。

11.設(shè)計合成品和風(fēng)格指南

線框圖的最直接模擬時視覺模型或設(shè)計合成品。你能看到線框圖的組件和設(shè)計合成品中一對一的關(guān)系官套。（但不要精確的按照它來做，而是考慮重要級別和元素的組合關(guān)系）線框圖的核心概念應(yīng)該呈現(xiàn)在設(shè)計合成品中。

應(yīng)該記錄設(shè)計系統(tǒng)奶赔，因為人事變動惋嚎，他們會帶走關(guān)于這個產(chǎn)品如何設(shè)計出來的豐富知識。

而權(quán)威的記錄它的文檔就是風(fēng)格指南站刑，確定了視覺設(shè)計的每個方面另伍，包括網(wǎng)站功能的具體標(biāo)準(zhǔn)。

八绞旅、要素的應(yīng)用

創(chuàng)建良好的用戶體驗最重要的工作是大量收集有待解決的問題摆尝。

[1]了解你試著解決的問題（你知道按鈕是個問題，是顏色不對因悲？（表現(xiàn)層）堕汞，放置的地方不對？（框架層）還是功能不是用戶期望的（結(jié)構(gòu)層））

[2]了解解決辦法造成的后果晃琳，解決辦法可能造成連鎖反應(yīng)讯检，（在某個部分很好的導(dǎo)航設(shè)計可能不符合結(jié)構(gòu)層）

大部分時候，關(guān)于用戶體驗的決策總會體現(xiàn)在以下場景：

【1】由現(xiàn)狀決定的設(shè)計卫旱，比如將企業(yè)內(nèi)部不同部門的內(nèi)容人灼，在放在一起時才會服務(wù)于用戶。

【2】由模仿決定的設(shè)計顾翼，依靠于其他產(chǎn)品的相似情況投放。

【3】由領(lǐng)導(dǎo)決定的設(shè)計，用戶體驗由個人愛好替代了用戶需求适贸。

1.提出正確的問題

在思考如何解決問題的時候灸芳，正確的做法是，將每一個決定都建立在對其背后議題的理解上取逾。

每一個用戶體驗設(shè)計都會需要調(diào)整耗绿，來適應(yīng)時間、金錢和工作人員砾隅。

不要以各種名義對用戶體驗敷衍了事误阻，不管創(chuàng)建什么用戶體驗，其最大的挑戰(zhàn)是”比用戶更加準(zhǔn)確地去理解他們地需求晴埂。

2.馬拉松和短跑

用戶體驗是一場馬拉松而不是短跑究反，短跑運動員要在開槍那一瞬間積聚所有能量，馬拉松也要這樣地能量儒洛，但他們使用方式不同精耐，但他們要控制快慢地步伐，知道何時加速減速琅锻。

深思熟慮地設(shè)計決策可能短時間花費一些時間卦停，但是它將在更長的時間里節(jié)省更多時間向胡。

絕不可忽略了下一層對上一層的重要性，那些不容易感知的要素決定了用戶體驗的成敗惊完。網(wǎng)站不管是漂亮卻不可用僵芹，還是雜亂無章但是導(dǎo)航設(shè)計明智都是失敗的。