優(yōu)秀設計案例分析:用戶引導(上)
當一個產品上線新功能或者更新某些信息的時候,往往需要引導用戶去使用,或者去提供一些信息給用戶,而用戶引導在此時就比較重要。本文結合了一些優(yōu)秀設計案例分析,用戶引導該如何設計。
無論是作為交互設計師,還是產品經理,肯定都遇到過新上線的功能需要引起用戶的注意,或者是想讓用戶填寫某些信息這些需要。這些需要是從產品的角度出發(fā),希望用戶使用某個功能,或者提供某些信息。
企業(yè)以營利為目標,從企業(yè)的角度看這本無可厚非。但如果從用戶的角度,如果收到莫名其妙的提醒,或者被逼迫去填寫一些信息,勢必會引起反感。
如何巧妙地植入這些提醒信息,不引起用戶的反感,甚至是真的能夠幫助到用戶,就成了一個交互設計師的一個使命。
關于用戶引導,我總結了4種手段,它們分別是:氣泡、整個頁面、默認值、動效。下面通過我找到的優(yōu)秀的設計案例,為大家介紹如何使用。
一、氣泡
這是最常見的一種,最平凡的運用方式,就是當新上線了一個新功能,就冒個氣泡出來提示一下用戶,比如下面這個頁面:
需要注意,氣泡的文案一定要提供有價值的信息:這個功能能做什么、這個功能的操作有什么特別之處等等。
另外,這種提示氣泡最多只能出現2個,超過2個就會對用戶造成比較大的打擾。比這個高級的方式,是在特定的時間或操作之后,為用戶提供可能對用戶有幫助的提示。
比如百度地圖的這個例子:
當我在下午17:08打開應用的時候,在“路況”按鈕旁邊冒出一個氣泡,提示我現在是晚高峰,可以打開“路況”躲避擁堵,這是很貼心的一個設計。
再比如:Facebook的網頁版,當我首次播放視頻之后,頁面會彈出一個氣泡,提示我可以進行收藏。
還是Facebook,不過這次是手機端,當應用檢測到我在一段時間內拍攝了許多新照片,會冒出一個氣泡:
氣泡里展示著最近拍的照片,用行動在引導著用戶:快選擇一張發(fā)個動態(tài)吧!
這樣精巧的設計,不但不會讓用戶反感,反而會成為用戶覺得貼心。如何才能做出這樣的好設計呢?
有個辦法可以幫到大家:用戶體驗地圖,感興趣的朋友可以去搜一下。
二、整個頁面
這種方式一般用在用戶第一次開始使用某個功能時,對于重要的信息,使用一整個頁面來提示,防止用戶錯過。比如:當我首次打開這個相機應用的時候,會出現如下的提示——從右向左滑動錄制視頻。
還有這個例子,當首次打開這個視頻錄制應用時,會出現如下圖的授權提示:
這樣做的好處是讓用戶充分了解操作的意義,給用戶充分的預期,帶來掌控感。
以上為大家介紹了“氣泡引導”和“整個頁面引導”這兩種引導的方式。下周繼續(xù)介紹另兩種方式:默認值引導和動效引導。
討論讓人認識更深刻。歡迎大家留言討論,共同進步。
#專欄作家#
沐風(微信公眾號:沐風與體驗設計),人人都是產品經理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝高級交互設計師。留德海龜,曾任職騰訊微生活、網易、宜信。6年交互設計經驗,專注設計領域。
本文原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。
題圖來自Unsplash,基于CC0協議
等更等更等更中…
新人學習了!