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

3 評(píng)論 19550 瀏覽 71 收藏 6 分鐘

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

無(wú)論是作為交互設(shè)計(jì)師,還是產(chǎn)品經(jīng)理,肯定都遇到過新上線的功能需要引起用戶的注意,或者是想讓用戶填寫某些信息這些需要。這些需要是從產(chǎn)品的角度出發(fā),希望用戶使用某個(gè)功能,或者提供某些信息。

企業(yè)以營(yíng)利為目標(biāo),從企業(yè)的角度看這本無(wú)可厚非。但如果從用戶的角度,如果收到莫名其妙的提醒,或者被逼迫去填寫一些信息,勢(shì)必會(huì)引起反感。

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

關(guān)于用戶引導(dǎo),我總結(jié)了4種手段,它們分別是:氣泡、整個(gè)頁(yè)面、默認(rèn)值、動(dòng)效。下面通過我找到的優(yōu)秀的設(shè)計(jì)案例,為大家介紹如何使用。

一、氣泡

這是最常見的一種,最平凡的運(yùn)用方式,就是當(dāng)新上線了一個(gè)新功能,就冒個(gè)氣泡出來(lái)提示一下用戶,比如下面這個(gè)頁(yè)面:

需要注意,氣泡的文案一定要提供有價(jià)值的信息:這個(gè)功能能做什么、這個(gè)功能的操作有什么特別之處等等。

另外,這種提示氣泡最多只能出現(xiàn)2個(gè),超過2個(gè)就會(huì)對(duì)用戶造成比較大的打擾。比這個(gè)高級(jí)的方式,是在特定的時(shí)間或操作之后,為用戶提供可能對(duì)用戶有幫助的提示。

比如百度地圖的這個(gè)例子:

當(dāng)我在下午17:08打開應(yīng)用的時(shí)候,在“路況”按鈕旁邊冒出一個(gè)氣泡,提示我現(xiàn)在是晚高峰,可以打開“路況”躲避擁堵,這是很貼心的一個(gè)設(shè)計(jì)。

再比如:Facebook的網(wǎng)頁(yè)版,當(dāng)我首次播放視頻之后,頁(yè)面會(huì)彈出一個(gè)氣泡,提示我可以進(jìn)行收藏。

還是Facebook,不過這次是手機(jī)端,當(dāng)應(yīng)用檢測(cè)到我在一段時(shí)間內(nèi)拍攝了許多新照片,會(huì)冒出一個(gè)氣泡:

氣泡里展示著最近拍的照片,用行動(dòng)在引導(dǎo)著用戶:快選擇一張發(fā)個(gè)動(dòng)態(tài)吧!

這樣精巧的設(shè)計(jì),不但不會(huì)讓用戶反感,反而會(huì)成為用戶覺得貼心。如何才能做出這樣的好設(shè)計(jì)呢?

有個(gè)辦法可以幫到大家:用戶體驗(yàn)地圖,感興趣的朋友可以去搜一下。

二、整個(gè)頁(yè)面

這種方式一般用在用戶第一次開始使用某個(gè)功能時(shí),對(duì)于重要的信息,使用一整個(gè)頁(yè)面來(lái)提示,防止用戶錯(cuò)過。比如:當(dāng)我首次打開這個(gè)相機(jī)應(yīng)用的時(shí)候,會(huì)出現(xiàn)如下的提示——從右向左滑動(dòng)錄制視頻。

還有這個(gè)例子,當(dāng)首次打開這個(gè)視頻錄制應(yīng)用時(shí),會(huì)出現(xiàn)如下圖的授權(quán)提示:

這樣做的好處是讓用戶充分了解操作的意義,給用戶充分的預(yù)期,帶來(lái)掌控感。

以上為大家介紹了“氣泡引導(dǎo)”和“整個(gè)頁(yè)面引導(dǎo)”這兩種引導(dǎo)的方式。下周繼續(xù)介紹另兩種方式:默認(rèn)值引導(dǎo)和動(dòng)效引導(dǎo)。

討論讓人認(rèn)識(shí)更深刻。歡迎大家留言討論,共同進(jìn)步。

#專欄作家#

沐風(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)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 等更等更等更中…

    來(lái)自四川 回復(fù)
  2. 新人學(xué)習(xí)了!

    來(lái)自浙江 回復(fù)