優(yōu)秀設(shè)計(jì)案例分析:用戶引導(dǎo)(上)
當(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é)議
等更等更等更中…
新人學(xué)習(xí)了!