寫(xiě)在前面：喜歡網(wǎng)易的產(chǎn)品餐茵，用的順手，感覺(jué)沒(méi)有多余的雜亂功能卻能做到想要的都有述吸，另外一點(diǎn)很重要的是看著每一個(gè)頁(yè)面都感覺(jué)溫馨忿族。最近在用“網(wǎng)易蝸牛閱讀”讀書(shū)，體會(huì)尤甚蝌矛。正想了解他們是怎么做到的時(shí)候道批，發(fā)現(xiàn)了這本書(shū)。

內(nèi)容簡(jiǎn)介：

主要是設(shè)計(jì)師角度入撒，講述了日常工作中所涉及到的用戶引導(dǎo)隆豹、色彩搭配、品牌設(shè)計(jì)茅逮、體驗(yàn)設(shè)計(jì)璃赡、信息層次判哥、設(shè)計(jì)規(guī)范等內(nèi)容。

用戶引導(dǎo)

其中用戶引導(dǎo)部分說(shuō)明的比較詳細(xì)碉考，從用戶引導(dǎo)目的塌计、用戶引導(dǎo)類(lèi)型、周期豆励、強(qiáng)弱夺荒、引導(dǎo)三要素等方面以具體例子說(shuō)明。

引導(dǎo)目的

對(duì)用戶來(lái)說(shuō)可以降低學(xué)習(xí)成本良蒸、快速上手產(chǎn)品等技扼；對(duì)產(chǎn)品而言，意義在讓用戶快了解和使用產(chǎn)品嫩痰，縮短探索周期剿吻；吸引用戶發(fā)現(xiàn)新功能或操作特定對(duì)象；提前給予用戶幫助串纺，提升產(chǎn)品使用的愉悅度丽旅。

引導(dǎo)類(lèi)型

• 信息提示類(lèi)（例如小紅點(diǎn)未讀消息）
• 功能提醒類(lèi)（例如百度云盤(pán)的文件夾功能提示）
• 操作引導(dǎo)類(lèi)（分為強(qiáng)制性和非強(qiáng)制性，強(qiáng)制性主要用戶用戶登錄注冊(cè)激活等相關(guān)流程纺棺，這些流程需要驗(yàn)證身份才能繼續(xù)操作榄笙；非強(qiáng)制性的操作引導(dǎo)多為鼓勵(lì)用戶操作，如資料完善祷蝌、分享轉(zhuǎn)發(fā)等）
• 內(nèi)容推廣類(lèi)茅撞，最常見(jiàn)的為產(chǎn)品中植入的廣告。

用戶引導(dǎo)三要素

• 目的：想要達(dá)到的目的巨朦？用戶得到的好處米丘？產(chǎn)品得到的好處？
• 用戶：目標(biāo)用戶是誰(shuí)糊啡？新/老拄查、活躍/輕度用戶？
• 場(chǎng)景：被引導(dǎo)用戶的使用場(chǎng)景棚蓄？

引導(dǎo)的生命周期

引導(dǎo)的生命周期可以分為觸發(fā)堕扶、展示、消失梭依。

• 觸發(fā) 稍算，即引導(dǎo)出現(xiàn)的時(shí)機(jī)和方式。打開(kāi)程序觸發(fā)睛挚？達(dá)到特定頁(yè)面觸發(fā)邪蛔？用戶操作制定功能觸發(fā)？到了某個(gè)時(shí)間點(diǎn)或達(dá)到某個(gè)指標(biāo)后觸發(fā)扎狱？
• 展示侧到，引導(dǎo)展現(xiàn)在用戶眼前的方式勃教。例如游戲中使用互動(dòng)性強(qiáng)的教學(xué)方式引導(dǎo)。
  -消失匠抗，即結(jié)束整個(gè)引導(dǎo)生命周期的方式故源。可分為自動(dòng)消失和被動(dòng)消失汞贸。

引導(dǎo)的形式

• 引導(dǎo)頁(yè)：下載APP/更新完成绳军，第一次打開(kāi)后，向用戶展現(xiàn)產(chǎn)品中的功能和操作方法矢腻。信息要簡(jiǎn)明扼要门驾、中心明確。
• toast提示：輕量級(jí)提示多柑，通常作為功能操作后的反饋奶是。可有可無(wú)或會(huì)反復(fù)出現(xiàn)竣灌，要注意語(yǔ)言精煉聂沙。
• 氣泡/浮層：量級(jí)輕但目的性很強(qiáng)的引導(dǎo)方式，一般為半透明浮層結(jié)合文案的設(shè)計(jì)模式初嘹。通常是非模態(tài)的及汉，顯示3-5秒后自動(dòng)消失；部分重要功能也用模態(tài)浮層屯烦，需要用戶明確操作后才能隱掉坷随。
• 頁(yè)面遮罩：比較強(qiáng)勢(shì)的引導(dǎo)，一般遮罩為半透明漫贞，在此圖層上通過(guò)各種圖形結(jié)合被蓋住的界面內(nèi)容甸箱，引導(dǎo)用戶聚焦到重要的信息育叁。遮罩圖層無(wú)法自動(dòng)消失迅脐，需要用戶操作后才能隱掉。
• 嵌入式（局部嵌入/整體嵌入）豪嗽，例如用戶最初使用APP時(shí)谴蔑，許多界面為空狀態(tài)，有必要將空狀態(tài)納入用戶引導(dǎo)流程中龟梦。嵌入式引導(dǎo)可以讓用戶有所期待隐锭、體會(huì)到內(nèi)容的重要性，滿足用戶獲取內(nèi)容的需求计贰。
• 操作提示 ：通常用簡(jiǎn)短動(dòng)畫(huà)展示操作方法钦睡，也有用靜態(tài)圖片配以描述的方式。例如網(wǎng)易云音樂(lè)歌曲播放頁(yè)面的查看歌詞示意動(dòng)效躁倒。
• 互動(dòng)引導(dǎo)式：通常比較隱蔽荞怒，在用戶與產(chǎn)品互動(dòng)過(guò)程中引導(dǎo)用戶完成洒琢。常用有下拉刷新、底部上拉等手勢(shì)互動(dòng)褐桌。還有語(yǔ)音輸入過(guò)程中的互動(dòng)衰抑。
• 彈窗：與遮罩引導(dǎo)類(lèi)似，通常以文案搭配具體操作的形式呈現(xiàn)荧嵌，可輔助搭配圖片烘托主題呛踊。
• 自體變形：元素自身發(fā)生改變，可配合動(dòng)畫(huà)效果啦撮，沒(méi)有增加額外其他元素谭网。例如天貓國(guó)際logo。

引導(dǎo)的強(qiáng)弱

通常 互動(dòng)參與>視頻/動(dòng)效圖文>靜態(tài)圖文>文字
可以從形式和頻率上考慮引導(dǎo)的強(qiáng)弱赃春。

注意事項(xiàng)

• 保證引導(dǎo)有效性
• 觸發(fā)場(chǎng)景準(zhǔn)確
• 簡(jiǎn)單易懂蜻底，突出核心
• 與產(chǎn)品基調(diào)一致

心得

• 要用戶引導(dǎo)方式首先要明確引導(dǎo)的目的和針對(duì)用戶是誰(shuí)，了解有哪些引導(dǎo)方式聘鳞，才能設(shè)計(jì)好既能達(dá)到引導(dǎo)目的又對(duì)用戶干擾較小的效果薄辅。
• 目前我們公司的產(chǎn)品引導(dǎo)是否足夠，是否有必要做一套適合的引導(dǎo)功能抠璃，以減少客服的工作量站楚。

突破固有思維

印象比較深的一點(diǎn)是，對(duì)于小紅點(diǎn)的處理搏嗡。當(dāng)給客戶提示一個(gè)未讀消息或提示時(shí)窿春，點(diǎn)擊小紅點(diǎn)希望能夠讓用戶最快的達(dá)到相應(yīng)的位置，而不是需要一次次點(diǎn)擊尋找采盒。這里要吐槽一下支付寶的消息提醒旧乞，每次想點(diǎn)掉都要找半天，對(duì)于紅點(diǎn)強(qiáng)迫真而言真是浪費(fèi)時(shí)間磅氨。

圖表設(shè)計(jì)

不止好看尺栖，要做到易讀、易分析烦租、美觀且突出數(shù)據(jù)價(jià)值為一體延赌。

圖表的元素

圖表設(shè)計(jì)過(guò)程

• 明確數(shù)據(jù)指標(biāo)
• 為誰(shuí)設(shè)計(jì)？用戶想要什么叉橱？
• 明確設(shè)計(jì)目標(biāo)與價(jià)值
• 規(guī)劃設(shè)計(jì)方案挫以，選擇合適圖表類(lèi)型
• 細(xì)化體驗(yàn)

設(shè)計(jì)原則

• 刪除無(wú)關(guān)元素
• 弱化非數(shù)據(jù)元素
• 合理組織分類(lèi)
• 強(qiáng)調(diào)重要數(shù)據(jù)

繪制設(shè)計(jì)稿

對(duì)產(chǎn)品而言，應(yīng)該是原型稿（含交互）窃祝。

色彩搭配

色彩平衡掐松，個(gè)人對(duì)色彩基礎(chǔ)薄弱，需再學(xué)習(xí)基礎(chǔ)后再總結(jié)。
按鈕效果調(diào)整通過(guò)調(diào)整顏色明暗而不是通過(guò)調(diào)整透明度來(lái)實(shí)現(xiàn)大磺。

品牌設(shè)計(jì)

公司發(fā)展到一定階段要突出品牌的價(jià)值泻仙，所以在做設(shè)計(jì)成熟之后要抽取公司或產(chǎn)品品牌價(jià)值。
首先要品牌分析量没，分析抽取出公司/產(chǎn)品品牌性格玉转、品牌關(guān)鍵字。
文章以網(wǎng)易嚴(yán)選為例殴蹄，從品牌提取出的設(shè)計(jì)語(yǔ)言為：細(xì)節(jié)化究抓、場(chǎng)景化、簡(jiǎn)約化袭灯。
以嚴(yán)選為例刺下，從logo、版式設(shè)計(jì)稽荧、圖表設(shè)計(jì)橘茉、動(dòng)效設(shè)計(jì)、圖片設(shè)計(jì)等方面介紹如何進(jìn)行的品牌設(shè)計(jì)姨丈。

信息層次

穩(wěn)重以產(chǎn)品詳情頁(yè)設(shè)計(jì)為例畅卓，講述了如何利用十字法構(gòu)建頁(yè)面中的信息層級(jí)。
也就是將頁(yè)面中要展現(xiàn)的內(nèi)容抽取出來(lái)分為四個(gè)象限中蟋恬，然后根據(jù)重要程度等安排輕重/大小等翁潘。

設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范通常是針對(duì)設(shè)計(jì)師合作的情況下，為了保證輸出的風(fēng)格和形式統(tǒng)一歼争。

官網(wǎng)設(shè)計(jì)-B端產(chǎn)品設(shè)計(jì)實(shí)踐

反思：當(dāng)時(shí)在做官網(wǎng)的時(shí)候考慮的太少拜马，未明確具體要給哪些客戶哪類(lèi)人群看，要給客戶突出什么沐绒。

總結(jié)

這本書(shū)雖然說(shuō)是寫(xiě)給設(shè)計(jì)師的俩莽，但其中的很多方法是通用的，對(duì)產(chǎn)品而言更有意義乔遮。