當(dāng)一個(gè)產(chǎn)品上線新功能或者更新某些信息的時(shí)候，往往需要引導(dǎo)用戶去使用，或者去提供一些信息給用戶，而用戶引導(dǎo)在此時(shí)就比較重要。本文結(jié)合了一些優(yōu)秀設(shè)計(jì)案例分析，用戶引導(dǎo)該如何設(shè)計(jì)。

新上線的功能由于需要引起用戶的注意，或者是想讓用戶填寫某些信息，時(shí)常需要用戶引導(dǎo)的手段吸引用戶的注意。但這些引導(dǎo)，如果使用不當(dāng)，可能造成打擾，引起用戶反感。

如何巧妙地植入這些提醒信息，不引起用戶的反感，甚至能夠幫到用戶，就成了一個(gè)交互設(shè)計(jì)師的一個(gè)使命。

上周的文章，為大家介紹了用戶引導(dǎo)4種手段中的前兩種：氣泡引導(dǎo)、整個(gè)頁面引導(dǎo)（文末可查看）。這周的文章為大家繼續(xù)介紹后兩種形式：默認(rèn)值引導(dǎo)和動(dòng)效引導(dǎo)。

三、默認(rèn)值引導(dǎo)

這種引導(dǎo)方式，一般用于需要用戶補(bǔ)充信息的地方，如設(shè)置封面圖、填寫簡(jiǎn)介之類。設(shè)計(jì)的思路，主要有兩個(gè)：

1. 告訴用戶補(bǔ)充了信息有什么好處；
2. 啟發(fā)用戶如何填寫。

先看第一種思路。下面這個(gè)例子，是Facebook客戶端，“更多”標(biāo)簽下，點(diǎn)擊“個(gè)人主頁”后進(jìn)入的頁面。頁面中深色的封面圖區(qū)域，寫著“告訴你的朋友們你關(guān)心的內(nèi)容”，然后下面放著一個(gè)“+封面照片”的按鈕。

這樣的提示，有效地告訴用戶“封面圖”有什么作用，激發(fā)用戶上傳封面圖。

第二種思路，即“啟發(fā)用戶如何填寫”，一般用在需要輸入文字信息，這樣對(duì)用戶負(fù)擔(dān)比較大的地方。比如個(gè)人簡(jiǎn)介這種信息，猛地讓人填寫，該填點(diǎn)什么好呢？? Facebook網(wǎng)頁版的這個(gè)設(shè)計(jì)，就為用戶提供了各種提示，減輕了用戶負(fù)擔(dān)，如下圖：

在“簡(jiǎn)介”一欄，上圖中的提示信息會(huì)隔幾秒輪換出現(xiàn)，提示用戶可以填寫的信息類型。不得不說，這樣具體的提示，比單純給個(gè)“簡(jiǎn)介”，要生動(dòng)具體的多了！

在提示用戶方面，谷歌日歷的一個(gè)例子，也很有幫助：當(dāng)用戶創(chuàng)建日程，如果時(shí)間上選擇了一天，則輸入框里的文案提示是“例：晚上7點(diǎn)在XX地方有晚餐”，選擇一周則提示“例：到紐約旅行”。根據(jù)用戶不同的選擇進(jìn)行相應(yīng)的、最有幫助的提示，這樣貼心的設(shè)計(jì)真正讓人眼前一亮?

來自知乎的這個(gè)設(shè)計(jì)，也值得為大家分享：當(dāng)沒有任何用戶問我問題時(shí)，會(huì)有一條官方的“值乎的提問”，問題就是“你___有什么特別的技巧？”這個(gè)設(shè)計(jì)有兩個(gè)功能：1. 引導(dǎo)用戶補(bǔ)充自己的技巧信息；2. 演示了當(dāng)有別人向你提問時(shí)的狀態(tài)，可謂一舉兩得。

以上為大家分享了默認(rèn)值引導(dǎo)這個(gè)類型的案例。

四、動(dòng)效引導(dǎo)

動(dòng)效是引導(dǎo)方式中比較能吸引用戶注意的一種，因?yàn)槿搜厶焐鷮?duì)動(dòng)的東西更敏感。因此，在使用動(dòng)效進(jìn)行引導(dǎo)的時(shí)候需要注意把握動(dòng)效的強(qiáng)烈程度，保證不打擾到用戶的主要操作。

下面這個(gè)例子，是使用支付寶付款后，評(píng)價(jià)部分會(huì)出現(xiàn)動(dòng)效：頁面中評(píng)價(jià)的4個(gè)級(jí)別會(huì)依次從左向右逐漸點(diǎn)亮，引導(dǎo)用戶進(jìn)行選擇。

從這個(gè)頁面的結(jié)構(gòu)來分析：最上面是付款信息，之后是消費(fèi)后獲得的福利，該部分由于視覺上面積大，所以能夠引起用戶注意；評(píng)分在福利部分的下面，位置不占優(yōu)勢(shì)，但使用動(dòng)效，可以適當(dāng)引起用戶注意，是很棒的設(shè)計(jì)。

在知乎的H5頁面，底部有一個(gè)置底的操作欄，點(diǎn)擊可以打開知乎APP。H5頁面其實(shí)一直有一個(gè)重要的使命，就是將用戶從H5頁面中引導(dǎo)到APP中，因?yàn)锳PP中功能更豐富、內(nèi)容更多，體驗(yàn)也更好，用戶APP中的停留時(shí)長、打開次數(shù)等指標(biāo)也是APP的一些關(guān)鍵指標(biāo)。

這個(gè)H5頁面底部隨著歌聲搖擺的劉看山，既達(dá)到吸引用戶注意力，引導(dǎo)用戶點(diǎn)擊浮欄進(jìn)入知乎APP的作用，也在一定程度上展現(xiàn)了知乎的品牌形象。不過該類內(nèi)容類的頁面需要格外注意動(dòng)效不能太強(qiáng)，以免影響了用戶的核心體驗(yàn)：閱讀文章內(nèi)容。

以上為大家介紹了默認(rèn)值引導(dǎo)和動(dòng)效引導(dǎo)兩種方式。如果大對(duì)前兩種引導(dǎo)方式：氣泡引導(dǎo)、整個(gè)頁面引導(dǎo)也感興趣，可以查看下面的鏈接：

優(yōu)秀設(shè)計(jì)案例分析——用戶引導(dǎo)（上）

#專欄作家#

沐風(fēng)（微信公眾號(hào)：沐風(fēng)與體驗(yàn)設(shè)計(jì)），人人都是產(chǎn)品經(jīng)理專欄作家，2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛奇藝高級(jí)交互設(shè)計(jì)師。留德海龜，曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計(jì)經(jīng)驗(yàn)，專注設(shè)計(jì)領(lǐng)域。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。