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

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

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