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

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

特點：

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

使用場景：

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

區(qū)別：

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

使用場景：

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

無蒙版情況：使用場景更廣，能承載更多功能。

特點：

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

意義：

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

特點：

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

使用場景：

對于某個關(guān)鍵行為的強烈引導(dǎo)，對于提升某個按鈕的點擊率有積極影響。同時也常被用于運營需求中。

特點：

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

使用場景：

常出現(xiàn)在新手引導(dǎo)中，以防某些用戶因為不熟悉手勢而造成誤觸或無法正常使用。

特點：

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

使用場景：

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

……

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

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

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