據(jù)說(shuō)點(diǎn)擊藍(lán)色字體關(guān)注同學(xué)都升職加薪了

完成一次滿意的電商購(gòu)物，學(xué)會(huì)新游戲玩法或產(chǎn)品新功能，仔細(xì)觀察不難發(fā)現(xiàn)在產(chǎn)品鏈路中有著各種引導(dǎo)設(shè)計(jì)。

新手引導(dǎo)可以幫助產(chǎn)品樹(shù)立良好的第一印象，幫助用戶快速學(xué)習(xí)產(chǎn)品用法。根據(jù)傳達(dá)目的與傳達(dá)內(nèi)容差異，新手引導(dǎo)衍生出多種形態(tài)，簡(jiǎn)單如引導(dǎo)氣泡，復(fù)雜如游戲攻略。小編整理了常見(jiàn)的新手引導(dǎo)形式，從交互形式、影響力、干擾度幾個(gè)維度進(jìn)行介紹，原來(lái)新手引導(dǎo)可以藏在這。

新手引導(dǎo)類型分為前置引導(dǎo)和過(guò)程引導(dǎo)兩大類。

#01前置引導(dǎo)：介紹產(chǎn)品是什么前置引導(dǎo)是指用戶打開(kāi)應(yīng)用就撲面而來(lái)的引導(dǎo)信息。前置引導(dǎo)常用于介紹產(chǎn)品是什么（產(chǎn)品愿景、核心特色、新功能）。展現(xiàn)形式可以是內(nèi)容直接鋪陳，也可以將內(nèi)容包裝成故事，用情感和痛點(diǎn)認(rèn)同打動(dòng)用戶。
1.?引導(dǎo)頁(yè)干擾強(qiáng) 影響力小引導(dǎo)頁(yè)是最常見(jiàn)的前置引導(dǎo)方式，通過(guò)圖文或者視頻傳達(dá)內(nèi)容，設(shè)計(jì)感強(qiáng)的引導(dǎo)頁(yè)會(huì)對(duì)品牌感有很大的強(qiáng)調(diào)作用。設(shè)計(jì)引導(dǎo)頁(yè)需要注意精煉內(nèi)容，減少用戶進(jìn)入產(chǎn)品的阻礙。微信8.0的引導(dǎo)頁(yè)就用最樸素的文字詩(shī)做引導(dǎo)頁(yè)，大道至簡(jiǎn)，符合微信的產(chǎn)品氣質(zhì)。

▲ 微信8.0引導(dǎo)頁(yè)2. 開(kāi)屏頁(yè)干擾小 影響力中開(kāi)屏是輕量化、常態(tài)化的引導(dǎo)頁(yè)。開(kāi)屏通常展示產(chǎn)品的核心，開(kāi)屏展示后自動(dòng)進(jìn)入到產(chǎn)品，不會(huì)引起用戶反感。手機(jī)淘寶的開(kāi)屏展示了slogan，配合特殊節(jié)日會(huì)有差異化拓展。

▲ 手機(jī)淘寶開(kāi)屏設(shè)計(jì)3. 登錄頁(yè)干擾弱 影響力中若產(chǎn)品必須登錄，新手引導(dǎo)可與登錄入口融合，不額外增加進(jìn)入產(chǎn)品的門檻。例如Soul、探探的做法就是將產(chǎn)品特點(diǎn)用動(dòng)圖的形式展示在登錄入口背景里，在宣傳產(chǎn)品同時(shí)吸引用戶登錄注冊(cè)。

▲ soul登錄界面融合新手引導(dǎo)
#02過(guò)程引導(dǎo)：介紹產(chǎn)品怎么用有一些新手引導(dǎo)會(huì)在使用產(chǎn)品的過(guò)程中出現(xiàn)，過(guò)程引導(dǎo)常用于介紹產(chǎn)品怎樣用，指引功能正確使用方法。過(guò)程引導(dǎo)靈活多變，需要設(shè)計(jì)師根據(jù)引導(dǎo)內(nèi)容選取恰當(dāng)?shù)囊龑?dǎo)方式，并在合適的時(shí)機(jī)和位置給予幫助。
1. 覆蓋式引導(dǎo)覆蓋式引導(dǎo)在用戶打開(kāi)新頁(yè)面時(shí)覆蓋在界面上，常見(jiàn)形式有彈窗、氣泡和蒙層。
彈窗引導(dǎo)??干擾大 影響力小經(jīng)常用于新功能描述和升級(jí)引導(dǎo)。由于彈窗引導(dǎo)很像廣告，用戶可能潛意識(shí)就關(guān)掉了；
氣泡引導(dǎo)??干擾小 影響力大是一種輕量級(jí)但目標(biāo)性很強(qiáng)的引導(dǎo)方式，一般需要手動(dòng)關(guān)閉。

▲ 彈窗和氣泡蒙層引導(dǎo)??干擾中 影響力大在半透明蒙層上方對(duì)界面進(jìn)行圈注，讓用戶聚焦引導(dǎo)內(nèi)容不被頁(yè)面其他元素干擾。如果需要介紹內(nèi)容多，可以使用帶步驟的蒙層；

▲ 蒙層引導(dǎo)和多步驟蒙層引導(dǎo)
2.?嵌入式引導(dǎo)干擾小 影響力大嵌入式引導(dǎo)將引導(dǎo)內(nèi)容直接嵌入到界面，可以嵌入到狀態(tài)欄、導(dǎo)航欄或主體信息流中，讓引導(dǎo)成為產(chǎn)品的一部分。常見(jiàn)嵌入式引導(dǎo)形式有信息提示條、空狀態(tài)引導(dǎo)、和預(yù)置內(nèi)容。信息提示條和空狀態(tài)常用于異常狀態(tài)提示，引導(dǎo)用戶接下來(lái)可以做什么。

▲ 空狀態(tài)、信息提示條預(yù)置內(nèi)容常見(jiàn)于工具類產(chǎn)品，可以讓用戶迅速上手操作，快速熟悉產(chǎn)品。例如flomo便簽就是將便簽基本功能介紹寫在預(yù)置內(nèi)容中，用戶可以直觀感知真實(shí)便簽使用效果；同樣千?？头?span style="box-sizing: border-box;outline: 0px;max-width: 100%;overflow-wrap: break-word !important;">預(yù)置了行業(yè)常用的快捷回復(fù)，客服可以快速學(xué)習(xí)行業(yè)優(yōu)秀回復(fù)話術(shù)，減少編輯成本。

▲ flomo便簽、千牛客服快捷短語(yǔ)預(yù)置內(nèi)容3.?互動(dòng)引導(dǎo)干擾小 影響力大互動(dòng)引導(dǎo)是用戶觸發(fā)功能后出現(xiàn)的引導(dǎo)，指引用戶完成后續(xù)操作行為。互動(dòng)引導(dǎo)形式與觸發(fā)操作緊密相關(guān)，例如下拉，滑動(dòng)，按住等交互可觸發(fā)不同形式的互動(dòng)引導(dǎo)。最經(jīng)典的例如探探左劃略過(guò)右劃喜歡，就是交友應(yīng)用常見(jiàn)的互動(dòng)操作，在向右滑動(dòng)過(guò)程中“??”按鈕上有呼應(yīng)動(dòng)效，引導(dǎo)用戶繼續(xù)喜歡操作。

▲ 探探喜歡標(biāo)記交互不同于常用軟件的刷新引導(dǎo)，手機(jī)淘寶在首頁(yè)下拉時(shí)匹配了兩段交互操作，因此用戶在下拉過(guò)程中能夠看見(jiàn)兩種互動(dòng)引導(dǎo)。

▲ 手機(jī)淘寶首頁(yè)下拉分段式互動(dòng)引導(dǎo)4. 對(duì)話式引導(dǎo)干擾中? ?影響力大對(duì)話式引導(dǎo)常用于收集信息，以對(duì)話形式自然互動(dòng)逐步收集必須信息，比枯燥的表單錄入更親切。像是淘寶客服咨詢結(jié)束時(shí)使用對(duì)話的方式引導(dǎo)用戶提供客服評(píng)價(jià)。

▲ 淘寶客服評(píng)價(jià)引導(dǎo)探探也在新注冊(cè)用戶錄入信息時(shí)，使用對(duì)話引導(dǎo)的方式逐步完善信息填寫，友善親切。

▲ 探探對(duì)話式引導(dǎo)
5. 教學(xué)式引導(dǎo)干擾大? ?影響力大教學(xué)式引導(dǎo)常見(jiàn)于工具類產(chǎn)品和游戲，因?yàn)榇祟惍a(chǎn)品使用方法（玩法）有一定學(xué)習(xí)成本，需要通過(guò)直觀的引導(dǎo)，甚至從淺入深的玩法設(shè)計(jì)，讓用戶循環(huán)練習(xí)直至掌握。例如開(kāi)心消消樂(lè)的引導(dǎo)方式：前10關(guān)教學(xué)關(guān)，用戶在引導(dǎo)下嘗試到成功過(guò)關(guān)的“高峰體驗(yàn)”；游戲關(guān)卡設(shè)計(jì)循序漸進(jìn)，讓玩家逐漸接觸新技巧，引導(dǎo)新用戶成為專家。

▲ 開(kāi)心消消樂(lè)的教學(xué)式引導(dǎo)#03寫在最后新手引導(dǎo)最重要的是要契合產(chǎn)品本身，在合適的時(shí)機(jī)，以恰當(dāng)?shù)姆绞?，去引?dǎo)用戶更好地使用這款產(chǎn)品。小編收集的例子只是拋磚引玉，還有無(wú)數(shù)引導(dǎo)方式等待大家去探索和創(chuàng)造。

《靜電的UI設(shè)計(jì)教室-全鏈路就業(yè)課程》6月班來(lái)啦

從2015年到2022年

40多期精心打磨與進(jìn)化的高含金量UI小班課程

追加多個(gè)大廠面試題作業(yè)強(qiáng)化訓(xùn)練

求職面試更加游刃有余

↓↓長(zhǎng)按二維碼加靜電老師咨詢↓↓