優(yōu)秀設(shè)計案例分析——用戶引導(dǎo)(下)
當(dāng)一個產(chǎn)品上線新功能或者更新某些信息的時候,往往需要引導(dǎo)用戶去使用,或者去提供一些信息給用戶,而用戶引導(dǎo)在此時就比較重要。本文結(jié)合了一些優(yōu)秀設(shè)計案例分析,用戶引導(dǎo)該如何設(shè)計。
新上線的功能由于需要引起用戶的注意,或者是想讓用戶填寫某些信息,時常需要用戶引導(dǎo)的手段吸引用戶的注意。但這些引導(dǎo),如果使用不當(dāng),可能造成打擾,引起用戶反感。
如何巧妙地植入這些提醒信息,不引起用戶的反感,甚至能夠幫到用戶,就成了一個交互設(shè)計師的一個使命。
上周的文章,為大家介紹了用戶引導(dǎo)4種手段中的前兩種:氣泡引導(dǎo)、整個頁面引導(dǎo)(文末可查看)。這周的文章為大家繼續(xù)介紹后兩種形式:默認(rèn)值引導(dǎo)和動效引導(dǎo)。
三、默認(rèn)值引導(dǎo)
這種引導(dǎo)方式,一般用于需要用戶補充信息的地方,如設(shè)置封面圖、填寫簡介之類。設(shè)計的思路,主要有兩個:
- 告訴用戶補充了信息有什么好處;
- 啟發(fā)用戶如何填寫。
先看第一種思路。下面這個例子,是Facebook客戶端,“更多”標(biāo)簽下,點擊“個人主頁”后進入的頁面。頁面中深色的封面圖區(qū)域,寫著“告訴你的朋友們你關(guān)心的內(nèi)容”,然后下面放著一個“+封面照片”的按鈕。
這樣的提示,有效地告訴用戶“封面圖”有什么作用,激發(fā)用戶上傳封面圖。
第二種思路,即“啟發(fā)用戶如何填寫”,一般用在需要輸入文字信息,這樣對用戶負(fù)擔(dān)比較大的地方。比如個人簡介這種信息,猛地讓人填寫,該填點什么好呢?? Facebook網(wǎng)頁版的這個設(shè)計,就為用戶提供了各種提示,減輕了用戶負(fù)擔(dān),如下圖:
在“簡介”一欄,上圖中的提示信息會隔幾秒輪換出現(xiàn),提示用戶可以填寫的信息類型。不得不說,這樣具體的提示,比單純給個“簡介”,要生動具體的多了!
在提示用戶方面,谷歌日歷的一個例子,也很有幫助:當(dāng)用戶創(chuàng)建日程,如果時間上選擇了一天,則輸入框里的文案提示是“例:晚上7點在XX地方有晚餐”,選擇一周則提示“例:到紐約旅行”。根據(jù)用戶不同的選擇進行相應(yīng)的、最有幫助的提示,這樣貼心的設(shè)計真正讓人眼前一亮?
來自知乎的這個設(shè)計,也值得為大家分享:當(dāng)沒有任何用戶問我問題時,會有一條官方的“值乎的提問”,問題就是“你___有什么特別的技巧?”這個設(shè)計有兩個功能:1. 引導(dǎo)用戶補充自己的技巧信息;2. 演示了當(dāng)有別人向你提問時的狀態(tài),可謂一舉兩得。
以上為大家分享了默認(rèn)值引導(dǎo)這個類型的案例。
四、動效引導(dǎo)
動效是引導(dǎo)方式中比較能吸引用戶注意的一種,因為人眼天生對動的東西更敏感。因此,在使用動效進行引導(dǎo)的時候需要注意把握動效的強烈程度,保證不打擾到用戶的主要操作。
下面這個例子,是使用支付寶付款后,評價部分會出現(xiàn)動效:頁面中評價的4個級別會依次從左向右逐漸點亮,引導(dǎo)用戶進行選擇。
從這個頁面的結(jié)構(gòu)來分析:最上面是付款信息,之后是消費后獲得的福利,該部分由于視覺上面積大,所以能夠引起用戶注意;評分在福利部分的下面,位置不占優(yōu)勢,但使用動效,可以適當(dāng)引起用戶注意,是很棒的設(shè)計。
在知乎的H5頁面,底部有一個置底的操作欄,點擊可以打開知乎APP。H5頁面其實一直有一個重要的使命,就是將用戶從H5頁面中引導(dǎo)到APP中,因為APP中功能更豐富、內(nèi)容更多,體驗也更好,用戶APP中的停留時長、打開次數(shù)等指標(biāo)也是APP的一些關(guān)鍵指標(biāo)。
這個H5頁面底部隨著歌聲搖擺的劉看山,既達到吸引用戶注意力,引導(dǎo)用戶點擊浮欄進入知乎APP的作用,也在一定程度上展現(xiàn)了知乎的品牌形象。不過該類內(nèi)容類的頁面需要格外注意動效不能太強,以免影響了用戶的核心體驗:閱讀文章內(nèi)容。
以上為大家介紹了默認(rèn)值引導(dǎo)和動效引導(dǎo)兩種方式。如果大對前兩種引導(dǎo)方式:氣泡引導(dǎo)、整個頁面引導(dǎo)也感興趣,可以查看下面的鏈接:
優(yōu)秀設(shè)計案例分析——用戶引導(dǎo)(上)
#專欄作家#
沐風(fēng)(微信公眾號:沐風(fēng)與體驗設(shè)計),人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝高級交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計經(jīng)驗,專注設(shè)計領(lǐng)域。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!