優(yōu)秀設(shè)計案例分析——用戶引導(下)

新上線的功能由于需要引起用戶的注意,或者是想讓用戶填寫某些信息,時常需要用戶引導的手段吸引用戶的注意。但這些引導,如果使用不當,可能造成打擾,引起用戶反感。如何巧妙地植入這些提醒信息,不引起用戶的反感,甚至能夠幫到用戶,就成了一個交互設(shè)計師的一個使命。

上周的文章,為大家介紹了用戶引導4種手段中的前兩種:氣泡引導、整個頁面引導(文末可查看)。這周的文章為大家繼續(xù)介紹后兩種形式:默認值引導和動效引導。

三、默認值引導

這種引導方式,一般用于需要用戶補充信息的地方,如設(shè)置封面圖、填寫簡介之類。設(shè)計的思路,主要有兩個:

1. 告訴用戶補充了信息有什么好處;

2. 啟發(fā)用戶如何填寫。

先看第一種思路。下面這個例子,是Facebook客戶端,“更多”標簽下,點擊“個人主頁”后進入的頁面。頁面中深色的封面圖區(qū)域,寫著“告訴你的朋友們你關(guān)心的內(nèi)容”,然后下面放著一個“+封面照片”的按鈕。這樣的提示,有效地告訴用戶“封面圖”有什么作用,激發(fā)用戶上傳封面圖。

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

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

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

來自知乎的這個設(shè)計,也值得為大家分享:當沒有任何用戶問我問題時,會有一條官方的“值乎的提問”,問題就是“你___有什么特別的技巧?”這個設(shè)計有兩個功能:1. 引導用戶補充自己的技巧信息;2. 演示了當有別人向你提問時的狀態(tài),可謂一舉兩得。

以上為大家分享了默認值引導這個類型的案例。

四、動效引導

動效是引導方式中比較能吸引用戶注意的一種,因為人眼天生對動的東西更敏感。因此,在使用動效進行引導的時候需要注意把握動效的強烈程度,保證不打擾到用戶的主要操作。

下面這個例子,是使用支付寶付款后,評價部分會出現(xiàn)動效:頁面中評價的4個級別會依次從左向右逐漸點亮,引導用戶進行選擇。從這個頁面的結(jié)構(gòu)來分析:最上面是付款信息,之后是消費后獲得的福利,該部分由于視覺上面積大,所以能夠引起用戶注意;評分在福利部分的下面,位置不占優(yōu)勢,但使用動效,可以適當引起用戶注意,是很棒的設(shè)計。

在知乎的H5頁面,底部有一個置底的操作欄,點擊可以打開知乎APP。H5頁面其實一直有一個重要的使命,就是將用戶從H5頁面中引導到APP中,因為APP中功能更豐富、內(nèi)容更多,體驗也更好,用戶APP中的停留時長、打開次數(shù)等指標也是APP的一些關(guān)鍵指標。這個H5頁面底部隨著歌聲搖擺的劉看山,既達到吸引用戶注意力,引導用戶點擊浮欄進入知乎APP的作用,也在一定程度上展現(xiàn)了知乎的品牌形象。不過該類內(nèi)容類的頁面需要格外注意動效不能太強,以免影響了用戶的核心體驗:閱讀文章內(nèi)容。

以上為大家介紹了默認值引導和動效引導兩種方式。如果大家對前兩種引導方式:氣泡引導、整個頁面引導也感興趣,可以查看下面的鏈接:

優(yōu)秀設(shè)計案例分析——用戶引導(上)

我是沐風,愛奇藝高級交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜信。6年交互設(shè)計經(jīng)驗,幫你提升設(shè)計技能。歡迎關(guān)注。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明AI閱讀 16,203評論 3 119
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,291評論 4 61
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,030評論 25 709
  • 是那顆為你而破碎的心 完整了我的生命 這不是病句 而是愛的定律 ——《病句》 ????
    段童閱讀 303評論 0 2
  • 為什么能夠斷章取義 望文生義的想,斷章取義的意思是不讀取全文,只按照需要,讀取章節(jié)中的一部分,為自己所用,其意往往...
    疏影0701閱讀 1,378評論 0 0

友情鏈接更多精彩內(nèi)容