一次優(yōu)質(zhì)的用戶體驗(yàn)是將“偶然的瀏覽者”轉(zhuǎn)化為“實(shí)際購買人”的關(guān)鍵因素活逆。

to B 的網(wǎng)站审编，用戶體驗(yàn)仍然會(huì)帶來很大的差異。一個(gè)是“為企業(yè)創(chuàng)造價(jià)值的項(xiàng)目次员，另一個(gè)則是“變成資源消耗噩夢(mèng)的項(xiàng)目”

任何在用戶體驗(yàn)上所做的努力败许，都是為了提高效率。這基本上是以兩種主要形式體現(xiàn)出來的：“幫助人們工作的更快”和“減少他們犯錯(cuò)的概率”

根據(jù)網(wǎng)站的性質(zhì)淑蔚，可以分為：

A功能型平臺(tái)類產(chǎn)品

關(guān)注任務(wù)—所有的操作都被納入一個(gè)過程市殷，去思考人們?nèi)绾瓮瓿蛇@個(gè)過程。在這里刹衫，我們把網(wǎng)站看成用戶用于完成一個(gè)或多個(gè)任務(wù)的一個(gè)工具或一組工具醋寝。

B信息型媒介類產(chǎn)品

關(guān)注點(diǎn)是信息—網(wǎng)站應(yīng)該提供哪些信息，這些信息對(duì)用戶的意義是什么带迟。創(chuàng)建一個(gè)富信息的用戶體驗(yàn)音羞，就是給用戶提供一個(gè)可以尋找、理解且有意義的信息組合仓犬。

用戶體驗(yàn)要素

戰(zhàn)略層：

我們要通過這個(gè)產(chǎn)品得到什么嗅绰？-產(chǎn)品目標(biāo)

我們自己對(duì)網(wǎng)站的期望目標(biāo)-產(chǎn)品目標(biāo)

我們的用戶要通過這個(gè)產(chǎn)品得到什么？-用戶需求

來自企業(yè)外部的-用戶需求搀继；

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

商業(yè)目標(biāo)（business goal）：不能太寬泛窘面，也不能太具體？律歼？民镜？

品牌識(shí)別（brand identity）：概念系統(tǒng)+情緒反應(yīng)

成功標(biāo)準(zhǔn)（success metric）：一些可追蹤的指標(biāo)，在上線以后用來顯示它是否滿足了我們自己的目標(biāo)和用戶的需求险毁。

好的成功標(biāo)準(zhǔn)不僅影響項(xiàng)目各階段的決策制圈，也為衡量用戶體驗(yàn)工作的價(jià)值提供了具體依據(jù)。

有時(shí)成功標(biāo)準(zhǔn)與網(wǎng)站本身和用戶如何使用網(wǎng)站有關(guān)畔况。

如果你想要鼓勵(lì)用戶隨意輕松地發(fā)掘網(wǎng)站提供的服務(wù)鲸鹦，那么你一定希望看到單次訪問的時(shí)間有所增加。相反跷跪，如果你想要提供快捷簡便的信息或功能服務(wù)馋嗜，那么你或許希望單次訪問的時(shí)間減少。

用戶需求

拋棄自己立場的局限吵瞻，真正從用戶的角度來重新審視網(wǎng)站葛菇。

用戶細(xì)分（user segmentation）：具有某些共同關(guān)鍵特征的用戶組成

a人口統(tǒng)計(jì)學(xué)-性別甘磨、年齡、教育水平眯停、婚姻狀況济舆、收入等

b消費(fèi)心態(tài)檔案-用戶對(duì)于這個(gè)世界，尤其是與產(chǎn)品有關(guān)的某個(gè)事物的觀點(diǎn)和看法的心理分析方法

c其他

-創(chuàng)建網(wǎng)站時(shí)莺债，考慮用戶對(duì)技術(shù)和網(wǎng)頁本身的看法（上網(wǎng)時(shí)間滋觉？喜歡技術(shù)型產(chǎn)品嗎？升級(jí)齐邦？）

-用戶對(duì)于網(wǎng)站相關(guān)內(nèi)容的知識(shí)掌握度（專業(yè)vs愛好者）

-用戶的社會(huì)角色或?qū)I(yè)角色（學(xué)生vs家長）

-某些需求是矛盾的（炒股新手vs專家：分解步驟vs快速操作）

↓

創(chuàng)建細(xì)分用戶群

用戶研究（user research）：收集必要的信息來達(dá)成共識(shí)

問卷調(diào)查椎侠、用戶訪談、焦點(diǎn)小組-手機(jī)用戶普遍觀點(diǎn)與感知

用戶測試措拇、現(xiàn)場調(diào)查-理解具體的用戶行為以及用戶在和產(chǎn)品交互時(shí)的表現(xiàn)

a現(xiàn)場調(diào)查（contextual inquiry）（情境調(diào)查） 指一整套完整我纪、有效且全面的方法，用于了解在日常生活情境中的用戶行為

現(xiàn)場調(diào)查也可以用一種更輕量級(jí)儡羔、更低成本的方式來實(shí)施宣羊。-任務(wù)分析（task analysis）

任務(wù)分析：仔細(xì)分解用戶完成任務(wù)的精確步驟，可以通過用戶訪談汰蜘，用戶自己講故事仇冯，也可以通過現(xiàn)場調(diào)查來完成。

b用戶測試（user testing）：測試產(chǎn)品

可用性測試的終極目標(biāo)族操，是尋找另產(chǎn)品更加容易使用的途徑苛坚。

用戶測試的方法：

-測試一個(gè)清晰地概念，比如用戶如何成功的完成一項(xiàng)特定的任務(wù)

-測試原型色难，紙上原型泼舱、草圖、低保真枷莉、高保真等

-卡片排序法娇昙，用于探索用戶如何分類或組織各種信息元素

創(chuàng)建人物角色（用戶模型、用戶簡介）：可以讓用戶更加真實(shí)

將用戶調(diào)查及細(xì)分過程中得到的分散資料重新關(guān)聯(lián)起來笤妙，確保在整個(gè)設(shè)計(jì)過程中把用戶始終放在心里冒掌。

戰(zhàn)略層產(chǎn)出：戰(zhàn)略文檔（strategy document）或愿景文檔（visin document）

由決策者、普通員工和用戶自己組成決策層

范圍層：

定義需求

將用戶需求和產(chǎn)品目標(biāo)轉(zhuǎn)換成產(chǎn)品應(yīng)該提供給用戶什么樣的內(nèi)容和功能

功能型產(chǎn)品-創(chuàng)建功能規(guī)格-對(duì)產(chǎn)品的功能組合的詳細(xì)描述

信息型產(chǎn)品-以內(nèi)容需求的形式出現(xiàn)-對(duì)各種內(nèi)容元素的要求的詳細(xì)描述

為什么要用文檔來定義需求

1.這樣你才知道你正在建設(shè)什么

每個(gè)參與在項(xiàng)目里的人都會(huì)知道這個(gè)項(xiàng)目的目標(biāo)是什么蹲盘，什么時(shí)候?qū)⑦_(dá)到這樣的目標(biāo)股毫。

擁有明確的要求會(huì)讓你把責(zé)任分配的更清晰，提高協(xié)作效率召衔。

2.這樣你才知道不需要建設(shè)什么

記錄所有功能的可能性铃诬，評(píng)估這些想法的架構(gòu)，當(dāng)前難以滿足的需求，可以成為啟動(dòng)下一個(gè)版本的基礎(chǔ)趣席，形成一個(gè)不斷循環(huán)開發(fā)的過程兵志。

在范圍層，從“我們?yōu)槭裁匆_發(fā)這個(gè)產(chǎn)品”轉(zhuǎn)換為“我們要開發(fā)的是什么”

功能型產(chǎn)品-功能規(guī)格（functional specification）-對(duì)產(chǎn)品的功能組合的詳細(xì)描述-哪些應(yīng)當(dāng)被當(dāng)成產(chǎn)品的功能以及相應(yīng)的組合

信息型產(chǎn)品-內(nèi)容需求-對(duì)各種內(nèi)容元素的要求的詳細(xì)描述-編輯和營銷推廣的領(lǐng)域

內(nèi)容需求與功能需求互相穿插

定義需求

詳略程度取決于該項(xiàng)目的具體范圍

需求源泉是用戶本身吩坝，而不是利益相關(guān)同事毒姨，需求也來源于企業(yè)內(nèi)部管理者。

在決定功能需求時(shí)钉寝，可以使用人物角色，把虛擬人物放到一個(gè)場景中闸迷，想象用戶會(huì)經(jīng)歷什么樣的過程嵌纲，找出幫助他順利完成這個(gè)過程的潛在需求。

也可以從競爭對(duì)手處得到啟示腥沽，在做同一件事的產(chǎn)品基本上是在試圖滿足用戶同樣的需求逮走。

需求分類

用戶描述的想要的東西

用戶說的、期望的特性今阳，并不是他們想要的

用戶不知道他們是否需要的

-尋找產(chǎn)品新方向：匯集企業(yè)各個(gè)部門成員進(jìn)行頭腦風(fēng)暴

功能規(guī)格說明書

不需要包含產(chǎn)品的每一個(gè)細(xì)節(jié)师溅，只需要包含設(shè)計(jì)或開發(fā)過程中可能混淆的功能定義，只記錄在創(chuàng)建時(shí)已經(jīng)確定的決議盾舌，不展望理想化狀態(tài)墓臭。

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

× 這個(gè)系統(tǒng)不允許用戶購買沒有風(fēng)箏線的風(fēng)箏妖谴。

?? 如果用戶想購買一個(gè)沒有線的風(fēng)箏窿锉，系統(tǒng)應(yīng)該引導(dǎo)用戶到風(fēng)箏線頁面。

2.具體-盡可能詳細(xì)的解釋清楚狀況膝舅，

× 最受歡迎的視頻要重點(diǎn)標(biāo)注嗡载。

?? 上一周被播放最多的視頻要顯示在列表的最前端。

定義【最受歡迎】仍稀，描述【重點(diǎn)關(guān)注】的機(jī)制

3.避免主觀語氣-使需求保持明確和避免歧義洼滚。

× 這個(gè)網(wǎng)站的風(fēng)格應(yīng)該是時(shí)尚、閃耀的技潘。

?? 網(wǎng)站的外觀應(yīng)該符合企業(yè)的品牌指南文檔的要求遥巴。

內(nèi)容需求文檔

定義出所有不同類型的內(nèi)容，可以幫助你確定需要哪些資源來制作這些內(nèi)容（或他們是否應(yīng)該被提供）

1.不要混淆內(nèi)容的格式和它的目的

FAQ vs 用戶普遍需要的常見信息

2.提供每一個(gè)特性規(guī)模的大致預(yù)估

文本的字?jǐn)?shù)崭篡、圖片像素大小挪哄、下載的文件字節(jié)、PDF或音頻文件等相對(duì)獨(dú)立元素的大小

3.盡早的確定某個(gè)人來負(fù)責(zé)每一個(gè)內(nèi)容元素

4.定義每一個(gè)內(nèi)容特性的“更新頻率”

-來自產(chǎn)品的戰(zhàn)略目標(biāo)（你希望用戶多長時(shí)間訪問一次琉闪？）

確定一個(gè)頻率迹炼，介于你的用戶期望值和有效資源之間的合理中間值。

5.明確有相異需求用戶的不同內(nèi)容處理方式

6.整理網(wǎng)站現(xiàn)有內(nèi)容的清單。（content inventory）

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

需求是否能滿足戰(zhàn)略目標(biāo)（產(chǎn)品目標(biāo)or用戶需求）

需求實(shí)現(xiàn)的可能性

不同需求之間的關(guān)聯(lián)性

范圍層產(chǎn)出：功能規(guī)格說明書斯入，內(nèi)容需求文檔

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

確定各個(gè)將要呈現(xiàn)給用戶的元素的模式（pattern）和順序（sequence）砂碉。

功能型產(chǎn)品-交互設(shè)計(jì)-定義系統(tǒng)如何響應(yīng)用戶的請(qǐng)求-關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素

信息型產(chǎn)品-信息結(jié)構(gòu)-合理安排內(nèi)容元素以促進(jìn)人類理解信息-關(guān)注如何將信息表達(dá)給用戶的元素

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

關(guān)注可能的用戶行為，定義系統(tǒng)如何配合與響應(yīng)

概念模型（淘寶vs1688刻两？）

交互組件該怎樣工作

eg：“購物車”在電商概念模型中是一個(gè)容器增蹭，這個(gè)概念模型影響了它的視覺設(shè)計(jì)和在界面上使用的語言。它是一個(gè)容器磅摹，我們放東西到推車中滋迈，以及從里面拿出東西來，系統(tǒng)必須提供能完成這些任務(wù)的功能户誓。

假設(shè)購物車的概念來自于訂貨單饼灿，系統(tǒng)應(yīng)該使用編輯來代替購物車的添加與移除。

我們無需把明確的概念模型告訴用戶帝美，會(huì)使用戶混淆碍彭。

概念模型用于在交互設(shè)計(jì)的開發(fā)過程中保持使用方式的一致性。

eg：航空公司訂票系統(tǒng)

錯(cuò)誤處理

1.把系統(tǒng)設(shè)計(jì)成無法犯錯(cuò)

自動(dòng)檔汽車不掛在P上悼潭，無法啟動(dòng)庇忌。

2.時(shí)錯(cuò)誤難以發(fā)生，系統(tǒng)幫助用戶找出錯(cuò)誤并改正它舰褪，甚至自動(dòng)更正皆疹。

3.提供在錯(cuò)誤中更正的方式

如果在用戶完成操作之后，才發(fā)現(xiàn)做錯(cuò)了抵知，系統(tǒng)無法糾正時(shí)墙基，提供恢復(fù)方式。

eg：undo

4.對(duì)于無法恢復(fù)的錯(cuò)誤刷喜，提供大量的警告

信息架構(gòu)

呈現(xiàn)給用戶的信息是否合理并具有意義残制。

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

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

與信息檢索的概念密切相關(guān)：設(shè)計(jì)出讓用戶容易找出信息的系統(tǒng)

建立分類體系

從上到下（top-down approach）-戰(zhàn)略層驅(qū)動(dòng)

根據(jù)產(chǎn)品目標(biāo)和用戶需求直接進(jìn)行結(jié)構(gòu)設(shè)計(jì)

從最廣泛的浊闪、有可能滿足決策目標(biāo)的內(nèi)容與功能開始分類恼布，然后再依據(jù)邏輯細(xì)分出次級(jí)分類。

可能會(huì)導(dǎo)致細(xì)節(jié)被忽略搁宾。

從下到上（bottom-up approach）-范圍層驅(qū)動(dòng)

根據(jù)對(duì)內(nèi)容和功能需求的分析而來折汞，逐漸構(gòu)建能反映產(chǎn)品目標(biāo)和用戶需求的結(jié)構(gòu)。

可能導(dǎo)致架構(gòu)過于精確而無法靈活變動(dòng)盖腿。

結(jié)構(gòu)質(zhì)量最重要的標(biāo)準(zhǔn)爽待，不是整個(gè)過程一共需要多少步驟损同，而是用戶是否認(rèn)為每一步都是合理的，當(dāng)前步驟是否自然延續(xù)了上一個(gè)步驟中的任務(wù)鸟款。

高效結(jié)構(gòu)的優(yōu)點(diǎn)是具備【容納成長和適應(yīng)變動(dòng)】的能力膏燃。

節(jié)點(diǎn)的結(jié)構(gòu)方法

節(jié)點(diǎn)是信息架構(gòu)的基本單位（可以對(duì)應(yīng)任意的信息片段或組合-價(jià)格or整個(gè)圖書館）

節(jié)點(diǎn)可以用不同的方式來安排：

a層級(jí)結(jié)構(gòu)/樹狀/中心輻射-節(jié)點(diǎn)與其他節(jié)點(diǎn)之間存在父級(jí)/子級(jí)關(guān)系

b矩陣結(jié)構(gòu)-允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間，沿2個(gè)或更多維度移動(dòng)

能夠幫助“帶著不同需求而來”的用戶

c自然結(jié)構(gòu)-沒有太強(qiáng)烈的分類概念

適用于探索一系列關(guān)系不明確或一直在演變的主題何什，鼓勵(lì)自由探險(xiǎn)的感覺组哩，如某些教育、娛樂網(wǎng)站

d線性結(jié)構(gòu)-來自于線下媒體处渣，書伶贰、文章

在互聯(lián)網(wǎng)中適用于小規(guī)模結(jié)構(gòu)，如專題罐栈、教學(xué)資料等

節(jié)點(diǎn)的組織原則

決定哪些節(jié)點(diǎn)要編成一組幕袱，哪些要保持獨(dú)立。

不同的組織原則將被應(yīng)用在不同的區(qū)域和網(wǎng)站的不同層面悠瞬。

eg：

公司信息網(wǎng)站，樹狀結(jié)構(gòu)中的最上層為：消費(fèi)者涯捻、企業(yè)集團(tuán)浅妆、投資者

那么組織原則為：不同內(nèi)容所針對(duì)的觀眾。

旅行網(wǎng)站最上層的類別為：北美洲障癌、歐洲凌外、非洲

那么組織原則為：地區(qū)

產(chǎn)品在最高級(jí)使用的組織原則緊密的與“網(wǎng)站目標(biāo)”和“用戶需求”（戰(zhàn)略層）相關(guān)，而在結(jié)構(gòu)中較低的層級(jí)涛浙，內(nèi)容與功能需求（范圍層）將對(duì)你所采取的組織原則產(chǎn)生重大影響康辑。

語言與元數(shù)據(jù)

命名原則-描述、標(biāo)簽轿亮，和網(wǎng)站使用的其他術(shù)語疮薇。

“使用用戶的語言”并且“保持一致性”是非常重要的。

【受控詞典】是網(wǎng)站使用的一套標(biāo)準(zhǔn)語言我注。用來強(qiáng)調(diào)一致性按咒。

-與用戶訪談并了解他們的溝通方式，開發(fā)出一個(gè)讓用戶感到自然地命名原則系統(tǒng)

【類詞詞典】-控制詞匯的另一張較為精細(xì)的應(yīng)用方法

與簡單列出所使用詞匯的清單不同但骨，類詞詞典提供常用的励七，但未納入使用的標(biāo)準(zhǔn)用語詞匯以供選擇。

內(nèi)部專用術(shù)語奔缠、速寫語掠抬、俚語、縮寫詞校哎，詞匯之間的類型關(guān)系两波、更廣義或狹義的相關(guān)詞匯建議

使用受控詞典或類詞詞典對(duì)于建立包含元數(shù)據(jù)的系統(tǒng)特別有用。

↓

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

掌握的信息越詳細(xì)谚攒，在建設(shè)信息架構(gòu)時(shí)靈活性越高。

可使用受控詞典氛堕，使你的內(nèi)容中馏臭，每一個(gè)獨(dú)特的概念都對(duì)應(yīng)一個(gè)固定的詞，就可以依靠自動(dòng)化來定義內(nèi)容之間的聯(lián)系讼稚。

結(jié)構(gòu)層產(chǎn)出是架構(gòu)圖-視覺詞典

框架層：

結(jié)構(gòu)層界定了產(chǎn)品將用什么方式來運(yùn)作括儒，框架層用于確定用什么樣的功能和形式來實(shí)現(xiàn)。

關(guān)注獨(dú)立的組件以及他們相互的關(guān)系上锐想。

主要解決放置問題帮寻。

界面設(shè)計(jì)考慮可交互元素的布局

導(dǎo)航設(shè)計(jì)考慮產(chǎn)品中引導(dǎo)用戶移動(dòng)的元素的安排

信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布

功能型產(chǎn)品-界面設(shè)計(jì)-安排好能讓用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素-確定框架（按鈕、輸入框赠摇、其他界面控件）

提供給用戶做某些事的能力固逗，通過他，用戶能真正接觸到那些在結(jié)構(gòu)層的交互設(shè)計(jì)中確定的具體功能藕帜。

信息型產(chǎn)品-導(dǎo)航設(shè)計(jì)-屏幕上的一些元素的組合烫罩，允許用戶在信息架構(gòu)中穿行

提供給用戶群去某些地方的能力，信息架構(gòu)把一個(gè)結(jié)構(gòu)應(yīng)用到我們?cè)O(shè)定好的“內(nèi)容需求列表”之中洽故，而導(dǎo)航設(shè)計(jì)則是一個(gè)用戶能看到那個(gè)結(jié)構(gòu)的鏡頭贝攒，表示通過它可以再“結(jié)構(gòu)中自由的穿行”。

二者都要做-信息設(shè)計(jì)-促進(jìn)理解的信息表達(dá)方式-用于呈現(xiàn)有效的信息溝通

傳達(dá)想法給用戶

三者緊密結(jié)合

習(xí)慣和比喻

習(xí)慣和反射是我們與世界交互的基礎(chǔ)

當(dāng)某種不同的方式有明顯的益處時(shí)时甚，你反而應(yīng)該試著去未被一些習(xí)慣隘弊。建立一個(gè)成功的用戶體驗(yàn)，要求你在做每一個(gè)決定的時(shí)候都有充分的荒适、明確的理由梨熙。

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

選擇正確的界面元素，幫助用戶完成他們的任務(wù)吻贿，還要通過適當(dāng)?shù)姆绞阶屗鼈內(nèi)菀妆焕斫夂褪褂谩?/p>

要讓用戶一眼看到最重要的東西串结。

設(shè)計(jì)復(fù)雜系統(tǒng)的最大挑戰(zhàn)是弄清楚用戶不需要知道哪些。

組織好用戶最常采用的行為舅列，讓界面元素用最容易的方式獲取和使用肌割。

仔細(xì)考慮每一個(gè)選項(xiàng)的默認(rèn)值（理解用戶任務(wù)和目標(biāo)）

自動(dòng)記住用戶最后一次的選擇狀態(tài)

一些標(biāo)準(zhǔn)界面元素

復(fù)選框 checkbox

允許用戶獨(dú)立的選擇各個(gè)選項(xiàng)

單選按鈕 radio button

允許用戶從一組互斥的選項(xiàng)中選擇一個(gè)

可顯示所有可選項(xiàng)，但需要更多的空間

文本框 text field

輸入文字

下拉列表 dropdown list

提供和單選按鈕相似的功能把敞，但是它們?cè)谝粋€(gè)更緊湊的空間中完成這件事榨惠，允許更有效的呈現(xiàn)更多選項(xiàng)盛霎。

由于在視覺上隱藏了重要的選項(xiàng)，可能會(huì)妨礙用戶耽装。

節(jié)省空間

列表框 list box

提供和復(fù)選框相似的功能愤炸，但他們?cè)谝粋€(gè)更緊湊的空間排列（有滾動(dòng)條）

列表框更容易支持大量的選項(xiàng)

按鈕 action button

通常情況下掉奄，告訴系統(tǒng)接受用戶通過其他界面元素提交的所有信息，并用這些信息來做一些事情-采取動(dòng)作

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

用戶需要知道自己在哪兒姓建？自己能去哪兒诞仓？

必須同時(shí)完成以下目標(biāo)：

提供給用戶一種在網(wǎng)站間跳轉(zhuǎn)的方法

傳達(dá)出這些元素和它們所包含內(nèi)容之間的關(guān)系

導(dǎo)航內(nèi)容與用戶當(dāng)前瀏覽頁之間的關(guān)系

全局導(dǎo)航（global navigation）-覆蓋整個(gè)網(wǎng)站的通路

局部導(dǎo)航（local navigation）-提供用戶在這個(gè)架構(gòu)中到附近地點(diǎn)的通路

輔助導(dǎo)航-快速捷徑

上下文導(dǎo)航（文字超鏈接）-方便用戶獲取額外信息

友好導(dǎo)航-聯(lián)系信息、反饋表單速兔、法律聲明

網(wǎng)站地圖-遠(yuǎn)程導(dǎo)航的一種？

索引表谍婉？

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

反映用戶的思路

支持他們的任務(wù)和目標(biāo)

線框圖

捕獲所有在框架層做出的決定镀钓，作為視覺設(shè)計(jì)和網(wǎng)站實(shí)施的參考

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

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

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

表現(xiàn)層：

為最終產(chǎn)品創(chuàng)建感知體驗(yàn)

解決并彌補(bǔ)產(chǎn)品框架層的邏輯排布的感知呈現(xiàn)問題。

評(píng)估視覺設(shè)計(jì)方案

運(yùn)作是否良好饰序？

對(duì)于下層的設(shè)計(jì)目標(biāo)是否給予良好的支持规哪？

（產(chǎn)品外觀有沒有破壞結(jié)構(gòu)？有沒有強(qiáng)化結(jié)構(gòu)蝠嘉？使用戶可用選項(xiàng)清晰明了杯巨？）

是否強(qiáng)化品牌形象？

1.遵循視覺動(dòng)線

用戶的實(shí)現(xiàn)移動(dòng)并不是隨機(jī)的杜恰，是一種人類共有的、對(duì)于視覺刺激而產(chǎn)生的心褐、一系列復(fù)雜的原始的本能反應(yīng)。

-遵循一條流程的路徑

-不需要太多細(xì)節(jié)來分散用戶注意力

2.對(duì)比和一致性

使用對(duì)比亡嫌，吸引用戶注意力到關(guān)鍵比分-差異需要足夠清晰

使用一致性桶至，有效傳達(dá)清晰地信息（柵格系統(tǒng)）

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

建立在對(duì)網(wǎng)站框架的理解上-解決內(nèi)部一致性

確定有可能在產(chǎn)品各種界面镣屹、導(dǎo)航、信息設(shè)計(jì)等不同環(huán)境中反復(fù)出現(xiàn)的元素女蜈，獨(dú)立出來，統(tǒng)一設(shè)計(jì)逸寓。試著在不同環(huán)境應(yīng)用他們覆山，進(jìn)行調(diào)整。

4.配色方案和排版

5.設(shè)計(jì)和成品和風(fēng)格指南（設(shè)計(jì)系統(tǒng)）

設(shè)計(jì)要素的應(yīng)用

了解你正在試著去解決的問題

你已經(jīng)知道在主頁的紫色大按鈕是個(gè)問題：

按鈕太大還是紫色不合適勋篓？-表現(xiàn)層

頁面放置地方不對(duì)魏割？-框架層

按鈕功能與用戶期待不符？-結(jié)構(gòu)層

了解這些解決辦法所造成的后果

考慮五個(gè)層面的聯(lián)動(dòng)反應(yīng)

用戶體驗(yàn)最大的挑戰(zhàn)是比用戶自己更了解他們的需求