啟動(dòng)引導(dǎo)頁(yè)面設(shè)計(jì)對(duì)APP來(lái)說很重要,簡(jiǎn)潔的3-5個(gè)頁(yè)面?zhèn)鬟f給用戶APP更新的重要功能、引導(dǎo)用戶體驗(yàn)、重大活動(dòng)推出等等。上篇文章杭州蒙特App設(shè)計(jì)為大家分析了引導(dǎo)頁(yè)的定義與核心目的,現(xiàn)在來(lái)詳細(xì)講解對(duì)于APP引導(dǎo)頁(yè)該如何來(lái)做呢?
引導(dǎo)圖可以有很多不同的方式來(lái)做,但總體來(lái)說,可以分為以下幾種:
1.功能介紹型:從整體上采取平鋪直敘型的方式介紹app具備的功能,幫助用戶大體上了解app的概況。缺點(diǎn)在于介紹的功能太多,會(huì)導(dǎo)致用戶記不住。若能夠找到一個(gè)最重要的功能將其講透,可能效果會(huì)更好。如:
2.使用說明型:對(duì)于具體的功能如何使用進(jìn)行說明。這種做法其實(shí)也可以在用戶使用app時(shí)再進(jìn)行引導(dǎo)。但在用戶使用過程中彈出引導(dǎo)頁(yè)會(huì)打斷用戶操作,容易引起用戶反感。因此如果要做使用說明型,建議放在啟動(dòng)后的引導(dǎo)頁(yè)會(huì)更好一些。如:
3.講故事型:講故事型的核心在于建立與用戶使用情景匹配的場(chǎng)景,讓用戶能建立一種熟悉的感受,能讓用戶對(duì)引導(dǎo)的功能點(diǎn)感同身受。
講故事的主要目的是希望構(gòu)建用戶與產(chǎn)品之間的聯(lián)系。讓用戶感覺到產(chǎn)品與自己是有關(guān)系的,現(xiàn)在所說的內(nèi)容是與用戶相關(guān)的,用戶必須自己花費(fèi)精力來(lái)關(guān)注一下。如果完全建立不起關(guān)聯(lián),很容易讓用戶忽略。
講故事型可以通過以下幾種方式來(lái)告訴用戶如何使用app或app到底對(duì)他有什么用。
A.常規(guī)描述:用故事講述用戶使用產(chǎn)品會(huì)怎么樣。
微信4.0的引導(dǎo)就是一個(gè)編故事建立關(guān)系的好例子。在微信在推出4.0版本的時(shí)候,新增加了類似Path和Instagram一樣的相冊(cè)功能,并且可以把相冊(cè)分享到朋友圈。這個(gè)功能的加入拓展了之間僅是溝通聊天工具的產(chǎn)品定義。在4.0版本的新功能引導(dǎo)中,它非常成功的講訴了一個(gè)關(guān)于相冊(cè)功能的故事,并且在設(shè)計(jì)內(nèi)容時(shí)非常注意建立聯(lián)系。在故事闡述中它一直強(qiáng)調(diào)用戶可以怎么樣,讓用戶能明確感覺到與自己的關(guān)系。
B. 痛點(diǎn)渲染:從痛點(diǎn)出發(fā)講述使用產(chǎn)品后的效果。
建立一個(gè)用戶在實(shí)際生活中會(huì)遇到的類似的不便的場(chǎng)景,讓用戶能感受到共鳴,喚起用戶對(duì)所述功能的需要感,然后給出該產(chǎn)品能給出的解決方案。
戳痛點(diǎn)的手法比較適用于實(shí)用的工具性的功能引導(dǎo)。在設(shè)計(jì)中文案:可采用痛點(diǎn)式文案,或者是非常具有顫動(dòng)性的文案。
C. 樣類比:通過建立用戶熟悉的人物角色,來(lái)描述其他人會(huì)用這個(gè)產(chǎn)品來(lái)做什么,這種方式可以拓寬對(duì)產(chǎn)品功能使用的場(chǎng)景與多種其他可能性。啟發(fā)用戶對(duì)這個(gè)產(chǎn)品的想象。建立的熟悉的人物形象會(huì)讓描述變得具體而形象,會(huì)從而引發(fā)當(dāng)前使用的用戶形成一種類比的心理。這種方式適用于對(duì)產(chǎn)品整體功能的介紹,對(duì)于新老產(chǎn)品的功能介紹都適用。老產(chǎn)品可以啟發(fā)用戶拓寬對(duì)既有功能使用的其他的可能性,拓寬使用場(chǎng)景;.新產(chǎn)品用此方法則可以讓用戶對(duì)這個(gè)產(chǎn)品的整體功能有更多的認(rèn)識(shí)。
設(shè)計(jì)要點(diǎn):1)用戶角色渲染得讓人覺得可信,能讓人很容易聯(lián)想到自己也會(huì)遇到類似情況。2)文案:可采用比較具有親和力,質(zhì)樸的文案。例如印象筆記的引導(dǎo)圖:
關(guān)于引導(dǎo)頁(yè)值得強(qiáng)調(diào)的幾點(diǎn):
1.如果沒有啥必要,真的不要做引導(dǎo)頁(yè)。費(fèi)時(shí)費(fèi)力不說,做不好的話完全沒有效果。引導(dǎo)頁(yè)要想做好,是對(duì)產(chǎn)品經(jīng)理文字提煉能力和設(shè)計(jì)師設(shè)計(jì)水平的一個(gè)考驗(yàn),對(duì)于資源有限的小團(tuán)隊(duì)來(lái)說,做引導(dǎo)頁(yè)往往是一種資源的浪費(fèi)。
2.如果非要做或不得不做,引導(dǎo)頁(yè)做的越少越好。能一頁(yè)搞定就不要再多,最多也不要超過5頁(yè),過多的頁(yè)數(shù)用戶根本不可能看。
3.引導(dǎo)頁(yè)的圖片要干凈利索,主題突出。凡是對(duì)突出主題沒用的元素就刪減到最精簡(jiǎn)。
4.文字也要精煉,兩行就足夠了。一行說說功能,一行說說給用戶帶來(lái)的用處,足矣。如講故事的話一行文字就夠了。
5.引導(dǎo)頁(yè)一次最好只說一個(gè)功能,從不同側(cè)面引導(dǎo)用戶,加深用戶印象。什么都說等于什么都沒說。

最后,結(jié)合啟動(dòng)頁(yè)和引導(dǎo)頁(yè)想要說一句:如果希望用戶在使用你的app時(shí)盡可能沒有障礙,那么就要壓縮啟動(dòng)頁(yè)的時(shí)間和引導(dǎo)頁(yè)頁(yè)數(shù),最好是前者無(wú)限趨于零,后者等于零,然后讓用戶打開就可以使用app。那種打開啟動(dòng)頁(yè)加上5秒廣告,然后有八九頁(yè)引導(dǎo)頁(yè)的app,無(wú)疑會(huì)讓用戶極其反感。
啟動(dòng)引導(dǎo)頁(yè)面設(shè)計(jì)對(duì)APP來(lái)說很重要,簡(jiǎn)潔的3-5個(gè)頁(yè)面?zhèn)鬟f給用戶APP更新的重要功能、引導(dǎo)用戶體驗(yàn)、重大活動(dòng)推出等等。上篇文章杭州蒙特App設(shè)計(jì)為大家分析了引導(dǎo)頁(yè)的定義與核心目的,現(xiàn)在來(lái)詳細(xì)講解對(duì)于APP引導(dǎo)頁(yè)該如何來(lái)做呢?
引導(dǎo)圖可以有很多不同的方式來(lái)做,但總體來(lái)說,可以分為以下幾種:
1.功能介紹型:從整體上采取平鋪直敘型的方式介紹app具備的功能,幫助用戶大體上了解app的概況。缺點(diǎn)在于介紹的功能太多,會(huì)導(dǎo)致用戶記不住。若能夠找到一個(gè)最重要的功能將其講透,可能效果會(huì)更好。如:
2.使用說明型:對(duì)于具體的功能如何使用進(jìn)行說明。這種做法其實(shí)也可以在用戶使用app時(shí)再進(jìn)行引導(dǎo)。但在用戶使用過程中彈出引導(dǎo)頁(yè)會(huì)打斷用戶操作,容易引起用戶反感。因此如果要做使用說明型,建議放在啟動(dòng)后的引導(dǎo)頁(yè)會(huì)更好一些。如:
3.講故事型:講故事型的核心在于建立與用戶使用情景匹配的場(chǎng)景,讓用戶能建立一種熟悉的感受,能讓用戶對(duì)引導(dǎo)的功能點(diǎn)感同身受。
講故事的主要目的是希望構(gòu)建用戶與產(chǎn)品之間的聯(lián)系。讓用戶感覺到產(chǎn)品與自己是有關(guān)系的,現(xiàn)在所說的內(nèi)容是與用戶相關(guān)的,用戶必須自己花費(fèi)精力來(lái)關(guān)注一下。如果完全建立不起關(guān)聯(lián),很容易讓用戶忽略。
講故事型可以通過以下幾種方式來(lái)告訴用戶如何使用app或app到底對(duì)他有什么用。
A.常規(guī)描述:用故事講述用戶使用產(chǎn)品會(huì)怎么樣。
微信4.0的引導(dǎo)就是一個(gè)編故事建立關(guān)系的好例子。在微信在推出4.0版本的時(shí)候,新增加了類似Path和Instagram一樣的相冊(cè)功能,并且可以把相冊(cè)分享到朋友圈。這個(gè)功能的加入拓展了之間僅是溝通聊天工具的產(chǎn)品定義。在4.0版本的新功能引導(dǎo)中,它非常成功的講訴了一個(gè)關(guān)于相冊(cè)功能的故事,并且在設(shè)計(jì)內(nèi)容時(shí)非常注意建立聯(lián)系。在故事闡述中它一直強(qiáng)調(diào)用戶可以怎么樣,讓用戶能明確感覺到與自己的關(guān)系。
B. 痛點(diǎn)渲染:從痛點(diǎn)出發(fā)講述使用產(chǎn)品后的效果。
建立一個(gè)用戶在實(shí)際生活中會(huì)遇到的類似的不便的場(chǎng)景,讓用戶能感受到共鳴,喚起用戶對(duì)所述功能的需要感,然后給出該產(chǎn)品能給出的解決方案。
戳痛點(diǎn)的手法比較適用于實(shí)用的工具性的功能引導(dǎo)。在設(shè)計(jì)中文案:可采用痛點(diǎn)式文案,或者是非常具有顫動(dòng)性的文案。
C. 樣類比:通過建立用戶熟悉的人物角色,來(lái)描述其他人會(huì)用這個(gè)產(chǎn)品來(lái)做什么,這種方式可以拓寬對(duì)產(chǎn)品功能使用的場(chǎng)景與多種其他可能性。啟發(fā)用戶對(duì)這個(gè)產(chǎn)品的想象。建立的熟悉的人物形象會(huì)讓描述變得具體而形象,會(huì)從而引發(fā)當(dāng)前使用的用戶形成一種類比的心理。這種方式適用于對(duì)產(chǎn)品整體功能的介紹,對(duì)于新老產(chǎn)品的功能介紹都適用。老產(chǎn)品可以啟發(fā)用戶拓寬對(duì)既有功能使用的其他的可能性,拓寬使用場(chǎng)景;.新產(chǎn)品用此方法則可以讓用戶對(duì)這個(gè)產(chǎn)品的整體功能有更多的認(rèn)識(shí)。
設(shè)計(jì)要點(diǎn):1)用戶角色渲染得讓人覺得可信,能讓人很容易聯(lián)想到自己也會(huì)遇到類似情況。2)文案:可采用比較具有親和力,質(zhì)樸的文案。例如印象筆記的引導(dǎo)圖:
關(guān)于引導(dǎo)頁(yè)值得強(qiáng)調(diào)的幾點(diǎn):
1.如果沒有啥必要,真的不要做引導(dǎo)頁(yè)。費(fèi)時(shí)費(fèi)力不說,做不好的話完全沒有效果。引導(dǎo)頁(yè)要想做好,是對(duì)產(chǎn)品經(jīng)理文字提煉能力和設(shè)計(jì)師設(shè)計(jì)水平的一個(gè)考驗(yàn),對(duì)于資源有限的小團(tuán)隊(duì)來(lái)說,做引導(dǎo)頁(yè)往往是一種資源的浪費(fèi)。
2.如果非要做或不得不做,引導(dǎo)頁(yè)做的越少越好。能一頁(yè)搞定就不要再多,最多也不要超過5頁(yè),過多的頁(yè)數(shù)用戶根本不可能看。
3.引導(dǎo)頁(yè)的圖片要干凈利索,主題突出。凡是對(duì)突出主題沒用的元素就刪減到最精簡(jiǎn)。
4.文字也要精煉,兩行就足夠了。一行說說功能,一行說說給用戶帶來(lái)的用處,足矣。如講故事的話一行文字就夠了。
5.引導(dǎo)頁(yè)一次最好只說一個(gè)功能,從不同側(cè)面引導(dǎo)用戶,加深用戶印象。什么都說等于什么都沒說。

最后,結(jié)合啟動(dòng)頁(yè)和引導(dǎo)頁(yè)想要說一句:如果希望用戶在使用你的app時(shí)盡可能沒有障礙,那么就要壓縮啟動(dòng)頁(yè)的時(shí)間和引導(dǎo)頁(yè)頁(yè)數(shù),最好是前者無(wú)限趨于零,后者等于零,然后讓用戶打開就可以使用app。那種打開啟動(dòng)頁(yè)加上5秒廣告,然后有八九頁(yè)引導(dǎo)頁(yè)的app,無(wú)疑會(huì)讓用戶極其反感。