一、用戶體驗(yàn)
1.用戶體驗(yàn)的層次
用戶體驗(yàn)的五個(gè)層次，其實(shí)就是體驗(yàn)逐步進(jìn)階的五個(gè)階梯，就像一個(gè)金字塔，從塔底到塔尖，一次是：
有用
“有用”是針對(duì)用戶體驗(yàn)而言，即對(duì)用戶來(lái)說(shuō)是有“使用它的價(jià)值的”。
拿微信舉例，我們使用它最重要的價(jià)值就在于它的語(yǔ)音傳輸，這就是對(duì)用戶來(lái)說(shuō)，最基本的“有用”的地方。
拿手電筒舉例，使用手電筒的“有用”在于它可以有光可以照亮，“照亮”是現(xiàn)顯需求，隱性需求是更好地在黑暗里看清楚東西。
能用
在對(duì)用戶“有用（有使用價(jià)值）”的基礎(chǔ)上面，我們還需強(qiáng)調(diào)，這個(gè)東西能夠正常使用。
拿微信舉例，我發(fā)一段語(yǔ)音能正常發(fā)出去，而不是系統(tǒng)經(jīng)常出毛病，說(shuō)話之后沒(méi)辦法傳輸過(guò)去。
可用
可用，即可用性。就是在能用的基礎(chǔ)上面，我們應(yīng)該考慮如何讓用戶更好，更方便的使用產(chǎn)品。
舉例子注冊(cè)填寫(xiě)郵箱的時(shí)候，自動(dòng)補(bǔ)全后面的@qq.com@163.com等
用得爽
就是在有用、能用、可用的基礎(chǔ)上，
（1）超出用戶預(yù)期的服務(wù)與功能
（2）流暢的操作體驗(yàn)（隊(duì)列，補(bǔ)全，規(guī)避用戶錯(cuò)誤等）
（3）文案優(yōu)美
（4）視覺(jué)設(shè)計(jì)符合產(chǎn)品屬性與目標(biāo)人群喜好
舉例QQ旋風(fēng)提供的極速下載（QQ會(huì)員就可以享用）
QQ當(dāng)初提供語(yǔ)音與視頻聊天
形成品牌效應(yīng)
好的產(chǎn)品，日積月累，就會(huì)形成品牌，互相推薦：
舉例小米手機(jī)
總結(jié)：用戶體驗(yàn)層次的意義
幫助產(chǎn)品經(jīng)理明確用戶體驗(yàn)的層次，增強(qiáng)我們對(duì)用戶體驗(yàn)的理解與思考，讓我們?cè)谝?guī)劃用戶體驗(yàn)的時(shí)候，有明確的指向和邊界。
1有用＞2能用＞3可用＞4用得爽＞5品牌效應(yīng)
初期一定要保證 123
能力強(qiáng)的團(tuán)隊(duì)，初期可保證1234
2.用戶體驗(yàn)的度量
a.用戶體驗(yàn)的分類度量
（1）感官
精確定位：
調(diào)性風(fēng)格是什么樣子的？
是否匹配目標(biāo)人群的喜好特征？
合理設(shè)計(jì)
logo設(shè)計(jì)
設(shè)計(jì)風(fēng)格
產(chǎn)品布局
色彩表現(xiàn)
（2）交互
導(dǎo)航清晰
搜索便捷
地毯式：搜索的相關(guān)內(nèi)容都出來(lái)
探索式搜索：比如天貓的搜索導(dǎo)航欄
已知式：搜索目標(biāo)明確
扁平內(nèi)容：用戶完成一個(gè)預(yù)期行為過(guò)程簡(jiǎn)單耗時(shí)間短。比如搜索“英雄聯(lián)盟”，第一個(gè)搜索選出來(lái)的選項(xiàng)就是“英雄聯(lián)盟”下載官方首頁(yè)
容錯(cuò)性：突出正確操作，避免容易引發(fā)的錯(cuò)誤操作，對(duì)錯(cuò)誤操作要有包容性。
主次原則：主次分明，色彩，內(nèi)容，板式，功能。
直接原則：不要出現(xiàn)過(guò)多的原則，能在當(dāng)面頁(yè)面完成的行為，不要去過(guò)多跳轉(zhuǎn)。
統(tǒng)一原則：產(chǎn)品價(jià)值，文案，功能，內(nèi)容，樣式風(fēng)格等都保持統(tǒng)一。一方面降低用戶學(xué)習(xí)使用難度，一方面可以提高產(chǎn)品的整體性與專業(yè)性，還能降低產(chǎn)品開(kāi)發(fā)的成本。
少做原則：
補(bǔ)全（qq@com）
記憶（搜索記錄）
聯(lián)想（關(guān)鍵詞延展）
直接給出預(yù)期結(jié)果（搜索延伸）
反饋原則：用戶的每一個(gè)操作，都能有有效的反饋給用戶，讓用戶明白自己操作的
過(guò)程 狀態(tài) 結(jié)果 等
對(duì)稱原則：對(duì)稱是交互的一種思考方式，思考一個(gè)狀態(tài)出現(xiàn)的時(shí)候會(huì)不會(huì)有相反或者相對(duì)應(yīng)的狀態(tài)
瀏覽器的刷新和停止
前進(jìn)和后退
導(dǎo)入和導(dǎo)出
簡(jiǎn)潔原則:表現(xiàn)簡(jiǎn)潔易懂
（3）瀏覽
①息架構(gòu)合理
主要看是否符合用戶心理模型
②內(nèi)容表現(xiàn)符合產(chǎn)品定位
大方向要正確
小方向：欄目設(shè)定/主體推薦/精華內(nèi)容等等
③產(chǎn)品兼容性良好
web兼容
④相關(guān)內(nèi)容表現(xiàn)合理
圖片/視頻/文字/排版合理，符合目標(biāo)用戶獲取信息的習(xí)慣
（4）情感
尊重/共鳴/關(guān)懷/驚喜
舉個(gè)栗子小飛生日時(shí)QQ微博的祝福
（5）價(jià)值
基本/期望/魅力型價(jià)值
（6）信任
Footer信息
隱私波保護(hù)
權(quán)威推薦
成功案例
（6）數(shù)據(jù)指標(biāo)
訪問(wèn)量/注冊(cè)量/轉(zhuǎn)化率/瀏覽量/訂單轉(zhuǎn)化率
b.從運(yùn)營(yíng)數(shù)據(jù)的反饋看用戶體驗(yàn)
建立用戶體驗(yàn)測(cè)評(píng)的數(shù)據(jù)模型
c.如何提高用戶體驗(yàn)
（1）新手上路提示
（2）適當(dāng)引導(dǎo)用戶
（3）貫穿生命周期
（4）超出用戶預(yù)期：讓產(chǎn)品超出預(yù)期的最好辦法是把那些都麻木了的細(xì)節(jié)重新思考，看能否做出不同。
（5）正確對(duì)待反饋：要傾聽(tīng)，不要照著去做；關(guān)注二八里面“八”的需求。
（6）可用性測(cè)試
（7）數(shù)據(jù)分析和挖掘
（8）多用和多研究
二、互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)
1.互聯(lián)網(wǎng)產(chǎn)品概念設(shè)計(jì)
（1）做產(chǎn)品概念設(shè)計(jì)時(shí)
a.用研資料
b.團(tuán)隊(duì)頭腦風(fēng)暴
c.來(lái)自團(tuán)隊(duì)內(nèi)部需求
（2）概念設(shè)計(jì)開(kāi)始的階段點(diǎn)（就是產(chǎn)品經(jīng)理）
a.從頭開(kāi)始的一個(gè)產(chǎn)品
沒(méi)有老版本的積累（有好有壞）
團(tuán)隊(duì)有激情，對(duì)產(chǎn)品有更多的期望
沒(méi)有運(yùn)營(yíng)數(shù)據(jù)與實(shí)例
b.中途負(fù)責(zé)一個(gè)產(chǎn)品
積累性的問(wèn)題
團(tuán)隊(duì)情緒
有運(yùn)營(yíng)數(shù)據(jù)可供參考，也有運(yùn)營(yíng)的實(shí)例作為參考依據(jù)
c.版本迭代中的產(chǎn)品
2.互聯(lián)網(wǎng)產(chǎn)品信息架構(gòu)設(shè)計(jì)
3.互聯(lián)網(wǎng)產(chǎn)品交付設(shè)計(jì)
4.可用性測(cè)試
（3）如何把產(chǎn)品思路落實(shí)成為具體輸出物
a.產(chǎn)品策劃思路
如何構(gòu)思產(chǎn)品的思路與依據(jù)
b.產(chǎn)品結(jié)構(gòu)圖
①產(chǎn)品模塊有哪些
②每個(gè)模塊的作用與描述
③每個(gè)模塊的功能
c.產(chǎn)品概念圖
用于表現(xiàn)產(chǎn)品運(yùn)作機(jī)制與產(chǎn)品中各種元素的關(guān)系
d.產(chǎn)品使用流程
①主線流
②主線異常琉
③需要重點(diǎn)表述的支線流與支線異常流
e.產(chǎn)品概念設(shè)計(jì)輸出
①明確產(chǎn)品思路
②更好的團(tuán)隊(duì)宣講與交流
（4）產(chǎn)品概念設(shè)計(jì)策劃
a.首先明確產(chǎn)品定位
b.圍繞產(chǎn)品定位確定產(chǎn)品的核心目標(biāo)
c.確定目標(biāo)用戶
d.解決什么問(wèn)題
e.對(duì)產(chǎn)品元素與用戶行為間關(guān)系的梳理與打磨
f.分階段、分重點(diǎn)來(lái)打造產(chǎn)品
（4）產(chǎn)品設(shè)計(jì)的四要素
產(chǎn)品策劃思路
產(chǎn)品概念圖
產(chǎn)品結(jié)構(gòu)圖
從產(chǎn)品的角度出發(fā)，不是功能。（注意不是功能）
如何來(lái)規(guī)劃和整理產(chǎn)品結(jié)構(gòu)呢？
根據(jù)公司戰(zhàn)略，產(chǎn)品目標(biāo)來(lái)設(shè)定產(chǎn)品
根據(jù)設(shè)定的產(chǎn)品，來(lái)提煉組織產(chǎn)品結(jié)構(gòu)，方法如下：
對(duì)產(chǎn)品結(jié)構(gòu)進(jìn)行分類
這些分類不要重復(fù)，盡量讓這些分類沒(méi)有關(guān)聯(lián)
商戶/用戶/優(yōu)惠折扣/社交/搜索
產(chǎn)品流程圖
從主線，到支線
從正常流，到異常流
不要把整個(gè)流程畫(huà)到一個(gè)頁(yè)面里面，可以使用分頁(yè)來(lái)進(jìn)行跳轉(zhuǎn)
有自己的圖示，表明清楚每個(gè)提示的意思
配色標(biāo)準(zhǔn)
等等...
2.互聯(lián)網(wǎng)產(chǎn)品信息架構(gòu)設(shè)計(jì)
3.互聯(lián)網(wǎng)產(chǎn)品交互設(shè)計(jì)
a.一些基礎(chǔ)的概念
①三大模型
交互設(shè)計(jì)是比較綜合的學(xué)科。
常見(jiàn)的互聯(lián)網(wǎng)交互設(shè)計(jì)通常包含：
對(duì)用戶的理解（人）
對(duì)用戶的需求的理解（需求和需要價(jià)值）
對(duì)用戶使用場(chǎng)景的理解
對(duì)用戶使用產(chǎn)品流程和方式的理解等等
基于上述情況，做出最符合用戶的交互設(shè)計(jì)
②三大用戶
b.用戶建模、場(chǎng)景劇本、發(fā)現(xiàn)交互需求
①使用用戶模型的好處與意義
人物角色第一信條是“不可能建立一個(gè)適合所有人的網(wǎng)站”，成功的商業(yè)模式通常只針對(duì)特定的群體；
引起共鳴：感同身受，同理心
促成意見(jiàn)統(tǒng)一：幫助團(tuán)隊(duì)內(nèi)部確立適當(dāng)?shù)钠谕岛湍繕?biāo)
創(chuàng)造效率：讓每個(gè)人都優(yōu)先考慮有關(guān)目標(biāo)用戶和功能的問(wèn)題，確保從開(kāi)始就是正確的
帶來(lái)更好的決策：與傳統(tǒng)市場(chǎng)細(xì)分不同，人物角色關(guān)注的是用戶目標(biāo)、行為和觀點(diǎn)以及使用場(chǎng)景
人物角色的用途：
定制產(chǎn)品策略/討論產(chǎn)品需求/在項(xiàng)目?jī)?yōu)先級(jí)排序/項(xiàng)目任務(wù)分析/思考交互流程/選擇設(shè)計(jì)風(fēng)格/用研招募對(duì)象/推廣目標(biāo)鎖定
②人物角色
通過(guò)產(chǎn)品的規(guī)劃藍(lán)圖，找出合適的目標(biāo)用戶，然后對(duì)他們分出先后順序
構(gòu)造人物角色
1）確定目標(biāo)用戶的行為變量
2）將訪問(wèn)對(duì)象和行為變量對(duì)應(yīng)起來(lái)
3）識(shí)別顯著的行為模式
4）綜合特征相關(guān)目標(biāo)
5）檢查完整性和是否重要
6）為你的角色講故事：關(guān)注產(chǎn)品的特性/照片/文字
7）決定人物角色的類型
③場(chǎng)景劇本和需求
1）在場(chǎng)景中使用角色
場(chǎng)景：關(guān)注的是從人物角色的角度來(lái)實(shí)現(xiàn)某個(gè)目標(biāo)的過(guò)程，不包括系統(tǒng)功能（創(chuàng)造系統(tǒng)行為的過(guò)程）? 時(shí)間環(huán)境地點(diǎn)
用例：明顯是通過(guò)用戶使用的過(guò)程來(lái)體現(xiàn)系統(tǒng)功能和系統(tǒng)行為（確定系統(tǒng)行為后，對(duì)系統(tǒng)行為進(jìn)行描述）
2）設(shè)定場(chǎng)景與劇本
3）場(chǎng)景分析工具表格
④總結(jié)
1）根據(jù)產(chǎn)品策劃，通過(guò)調(diào)研，找到顯著，主流的用戶行為模式
2）創(chuàng)建人物角色，每一個(gè)角色主要行為流程與其它角色都有明顯的差異（保證角色不重疊）
3）對(duì)這些獨(dú)立角色進(jìn)行排序歸類
4）對(duì)首要和次要角色完善劇本
5）通過(guò)場(chǎng)景具備的實(shí)際表述，發(fā)現(xiàn)實(shí)際的交互需求
c.進(jìn)行交互設(shè)計(jì)
①交互設(shè)計(jì)的法則和原則：交互設(shè)計(jì)并沒(méi)有過(guò)多的硬性規(guī)定可言，主要用于指導(dǎo)工作，而不是指揮工作。
1）直接和簡(jiǎn)間接操作：對(duì)一個(gè)可以操作的對(duì)象進(jìn)行：移動(dòng)/旋轉(zhuǎn)/拖拽/改變色彩
間接操作：用命令，菜單，語(yǔ)音等控制方式去操作一個(gè)對(duì)象。
例如菜單中的“反選”“全選”
混合交互設(shè)計(jì)（目前比較多）
2）預(yù)設(shè)用途
生活經(jīng)驗(yàn)會(huì)告訴我們，事物本身存在的外表（形狀、色彩等）會(huì)暗示給我們他的用途（久而久之約定俗成）
比如紅色（緊張，警告）
放大鏡形狀（指搜索）
交互設(shè)計(jì)到了某個(gè)階段（尤其是），交互設(shè)計(jì)可以看做是在為用戶提供預(yù)設(shè)用途，以便產(chǎn)品的功能特征易于被用戶識(shí)別與察覺(jué)。
3）反饋與前饋
【反饋】：人們需要反饋，反饋意味著提示，意味著事情發(fā)生過(guò)
給用戶的反饋應(yīng)該頻繁，而且靈敏的：
有可能出現(xiàn)錯(cuò)誤的操作（誤以為沒(méi)有操作成功，多次點(diǎn)擊）
舉栗子：
多次匯款/多次提交結(jié)果：提交之后系統(tǒng)在處理但是沒(méi)有提示，導(dǎo)致用戶產(chǎn)生困惑，多次提交
常見(jiàn)的反饋方式：
舉栗子：
提示燈，操作后，燈會(huì)閃亮
聲音
直接在操作位置的反饋
IOS的菊花
等等~
數(shù)字產(chǎn)品的反饋是一種響應(yīng)的過(guò)程，由開(kāi)始動(dòng)作和產(chǎn)品做出反應(yīng)的時(shí)間（延遲）來(lái)決定，存在4個(gè)基本層次
及時(shí)響應(yīng)：（0.1秒內(nèi)呈現(xiàn)，快到用戶可以忽略響應(yīng)時(shí)間）
延遲響應(yīng)：0.1-1秒才顯示，如果重復(fù)出現(xiàn)，用戶會(huì)覺(jué)得設(shè)備遲鈍
中斷：中斷就是機(jī)器沒(méi)有反應(yīng)用戶的操作
異常終止：超過(guò)10秒以上的延遲，提供進(jìn)度條或者菊花文字提示稍后
注意：中斷和異常中止，有可能是用戶的心理模型，盡管現(xiàn)實(shí)模型還在順暢的運(yùn)行，（系統(tǒng)在正常運(yùn)行，但沒(méi)有給用戶反饋提示，用戶以為死機(jī)了）所以必備的提示與反饋非常的重要。
【前饋】：是指執(zhí)行一個(gè)動(dòng)作之前就知道將要發(fā)生，相對(duì)反饋更難，但是更有效。
例如一個(gè)鏈接地址為：“點(diǎn)這里”與“點(diǎn)擊訪問(wèn)產(chǎn)品100”，后面就存在明顯前饋，讓用戶明白自己的操作將會(huì)有什么可預(yù)測(cè)的結(jié)果。
4）心智模型
表現(xiàn)模型就是現(xiàn)實(shí)模型和心智模型的距離
5）標(biāo)準(zhǔn)設(shè)計(jì)
可供用戶參考的和按規(guī)律可循的操作依據(jù)。
除非你能創(chuàng)造出基于設(shè)計(jì)環(huán)境下（Windows、IOS、Android）更好的操作方式，否則請(qǐng)按照標(biāo)準(zhǔn)來(lái)設(shè)計(jì)。
不要試圖去挑戰(zhàn)用戶累計(jì)的操作經(jīng)驗(yàn)，除非你的產(chǎn)品具有革命性或者讓用戶明顯收益。
熟能生巧.
6)菲茨定律
把用戶想成一個(gè)懶人
用戶點(diǎn)擊的時(shí)候往往不會(huì)很仔細(xì)地點(diǎn)擊按鈕的正中間，點(diǎn)一個(gè)大概的位置，所以要把位置的觸感響應(yīng)區(qū)域盡量做大一些。
出現(xiàn)在操作焦點(diǎn)旁邊的選項(xiàng)，往往也比用戶移動(dòng)鼠標(biāo)去點(diǎn)擊屏幕頂部的菜單來(lái)的更快捷更舒服。
7）?？投?/b>
用戶做決定所謂的時(shí)間由備選項(xiàng)的數(shù)量決定。
用戶不會(huì)對(duì)所有備選項(xiàng)挨個(gè)思考考慮，而是把備選項(xiàng)分類，每一個(gè)決策步驟，會(huì)排除大約一半的剩余選項(xiàng)。
影響用戶的思考判斷的因素：1.用戶對(duì)選項(xiàng)的熟悉程度；2.用戶對(duì)選項(xiàng)的表現(xiàn)形式
8）神奇的數(shù)字“7”
注意不要在需要用戶思考選擇和記憶的時(shí)候，提供超過(guò)7個(gè)選項(xiàng)或按鈕。（除非你必須這么做）
9）特斯勒“復(fù)雜守恒定律”
無(wú)論多么完善，所有過(guò)程都有一些不能再簡(jiǎn)化的元素了。
當(dāng)產(chǎn)品已經(jīng)簡(jiǎn)化到極致的時(shí)候，想辦法是否可以用其他流程/其他元素來(lái)承擔(dān)
10）防止錯(cuò)誤原則
幫助用戶避免發(fā)生錯(cuò)誤的幾率，設(shè)計(jì)師在產(chǎn)品設(shè)計(jì)中使用這種原則，迫使用戶調(diào)節(jié)他們的行為，正確執(zhí)行操作。
USB結(jié)果，反了插不進(jìn)去
出現(xiàn)錯(cuò)誤，及時(shí)的反饋錯(cuò)誤信息并提示正確操作
高位選項(xiàng)，在執(zhí)行后，通?；一蛘叱霈F(xiàn)獨(dú)占模塊需要再次確認(rèn)。
11）錯(cuò)誤
出現(xiàn)錯(cuò)誤消息是最差勁的設(shè)計(jì)，好的設(shè)計(jì)應(yīng)該能幫助用戶規(guī)避錯(cuò)誤。
如果出現(xiàn)錯(cuò)誤，僅僅提示錯(cuò)誤消息是不夠的，還應(yīng)提供解決方案，或者發(fā)生錯(cuò)誤的原因。
②交互設(shè)計(jì)流程
1）架構(gòu)
姿態(tài)：
獨(dú)占態(tài)：針對(duì)用戶需求長(zhǎng)時(shí)間，經(jīng)常，集中要使用的應(yīng)用，獨(dú)占姿態(tài)很有用
暫時(shí)態(tài)：針對(duì)暫時(shí)性，用戶只是簡(jiǎn)要使用的應(yīng)用，暫時(shí)態(tài)是很好的選擇（通常的程序安裝）
后臺(tái)態(tài)：主要是運(yùn)行在后臺(tái)的工具，非必要時(shí)不會(huì)引起用戶注意（比如殺毒軟件、音量控制）
寄生態(tài)：用于補(bǔ)充另外一個(gè)應(yīng)用或服務(wù)的應(yīng)用（widows的開(kāi)始菜單）
結(jié)構(gòu)
功能主次
整體結(jié)構(gòu)
交互表現(xiàn)方法等：例如1.對(duì)于主導(dǎo)航欄的設(shè)計(jì)，位置等；2.對(duì)于內(nèi)容版塊呈現(xiàn)位置的布局等
結(jié)構(gòu)繪制是由一些因素決定的：
場(chǎng)景：用戶在什么場(chǎng)景下使用
優(yōu)先權(quán)：是否重要，是否頻繁，狀態(tài)如何
③理解控件
④交互設(shè)計(jì)的兩種思路
1）基于流程的交互設(shè)計(jì)
任務(wù)流分解：任務(wù)分解就是對(duì)用戶要完成或某個(gè)具體任務(wù)的流程做詳細(xì)的步驟分解。（注意中對(duì)間用戶進(jìn)行設(shè)計(jì)）
2）基于界面的交互設(shè)計(jì)
⑤如何提高交互設(shè)計(jì)的能力？
