本文是關(guān)于“引導(dǎo)”功能在設(shè)計(jì)細(xì)節(jié)上的拆解和梳理。

從目標(biāo)的角度出發(fā)，“引導(dǎo)”的作用可以是幫助用戶快速認(rèn)識(shí)產(chǎn)品新功能、提示用戶下一步操作、提供快捷跳轉(zhuǎn)等。承載了不同目標(biāo)的“引導(dǎo)”，有著不同的視覺表現(xiàn)方式，本文意在梳理常見的移動(dòng)端“引導(dǎo)”類型，以更好理解如何通過視覺方式更恰如其分地完成產(chǎn)品需求。

特點(diǎn)：

1. 常駐，在滿足條件（如發(fā)布內(nèi)容）后消失
2. 視覺亮眼，體現(xiàn)產(chǎn)品風(fēng)格調(diào)性（可融入動(dòng)效，進(jìn)一步提升視覺感知）

使用場(chǎng)景：

核心功能引導(dǎo)，常見于 UGC 產(chǎn)品，平臺(tái)強(qiáng)力引導(dǎo)用戶生產(chǎn)內(nèi)容，以提升產(chǎn)品活躍度。

區(qū)別：

1. 有蒙版情況：引導(dǎo)性強(qiáng)，用戶容易注意到，同時(shí)阻斷感也強(qiáng)，連續(xù)多步通知容易讓用戶產(chǎn)生認(rèn)知慣性，難以集中注意力。
2. 無蒙版情況：更輕量，不打斷使用流程，不容易引起用戶反感。

使用場(chǎng)景：

有蒙版情況：上線了重要新功能，希望用戶第一時(shí)間注意并了解用法、新用戶手勢(shì)提示等。

無蒙版情況：使用場(chǎng)景更廣，能承載更多功能。

特點(diǎn)：

有行動(dòng)點(diǎn)，將“通知”和“操作”相結(jié)合，提供快捷操作，減少交互步長(zhǎng)。

意義：

根據(jù)用戶的使用場(chǎng)景，如地理位置之于外賣產(chǎn)品，對(duì)用戶動(dòng)機(jī)進(jìn)行預(yù)判，同時(shí)規(guī)避部分錯(cuò)誤。

特點(diǎn)：

有生動(dòng)的視覺指引（小手），通過擬物或動(dòng)效的表現(xiàn)方式，吸引用戶注意，引導(dǎo)點(diǎn)擊。

使用場(chǎng)景：

對(duì)于某個(gè)關(guān)鍵行為的強(qiáng)烈引導(dǎo)，對(duì)于提升某個(gè)按鈕的點(diǎn)擊率有積極影響。同時(shí)也常被用于運(yùn)營(yíng)需求中。

特點(diǎn)：

通常與蒙版搭配出現(xiàn)，適用于全屏幕而不僅局限于某個(gè)具體功能或控件。

使用場(chǎng)景：

常出現(xiàn)在新手引導(dǎo)中，以防某些用戶因?yàn)椴皇煜な謩?shì)而造成誤觸或無法正常使用。

特點(diǎn)：

不針對(duì)于界面中的具體控件，不帶有指向性。

使用場(chǎng)景：

1. 快捷操作：如引導(dǎo)登錄、快速分享
2. 智能服務(wù)：當(dāng)用戶界面停留時(shí)間較長(zhǎng)，疑似遇到問題，提供幫助入口
3. 運(yùn)營(yíng)需求：引導(dǎo)用戶參與活動(dòng)、領(lǐng)紅包等
4. 興趣引導(dǎo)：引導(dǎo)進(jìn)入熱搜榜單

……

此類形式能承載的內(nèi)容多樣（圖標(biāo)、文案、行動(dòng)點(diǎn)），許多產(chǎn)品需求都可以采用此種方式滿足，性質(zhì)類似于輕量彈窗。

與上文“底部浮層”類似，不多做贅述。

歡迎關(guān)注作者微信公眾號(hào)：Change Design