☆ 什么是APP前置引導(dǎo)頁?
用戶初次使用該移動產(chǎn)品時勋功,給予的一些必須性的幫助以使得用戶能快速愉悅地了解這個產(chǎn)品的功能與具體操作方式。
☆ APP引導(dǎo)頁歸類于那個范疇顿苇?
◇ 前置型的引導(dǎo):在用戶還沒有正式開始使用這個產(chǎn)品時給出的一系列幫助內(nèi)容睦袖。主要的設(shè)計方式為引導(dǎo)頁的設(shè)計。
◇ 過程中的引導(dǎo):在用戶使用產(chǎn)品的過程中給出的一系列幫助內(nèi)容纽什。主要的設(shè)計方式有空白頁的內(nèi)容引導(dǎo),loading等等待狀態(tài)中的引導(dǎo)友雳,拆分包袱的逐步引導(dǎo)稿湿,巧設(shè)默認(rèn)值的功能引導(dǎo)铅匹,tips引導(dǎo)押赊,浮點引導(dǎo),遮罩聚焦式引導(dǎo)包斑,觸發(fā)式引導(dǎo)流礁,任務(wù)演練式引導(dǎo)等。
☆?為什么有APP前置引導(dǎo)頁?
帶領(lǐng)用戶更快速達(dá)到使用目標(biāo)罗丰,在用戶使用產(chǎn)品過程中及時給予幫助神帅,排除適用障礙。
☆ 怎么設(shè)計APP引導(dǎo)頁萌抵?
最核心的設(shè)計技巧有4點:精簡與合理使用 & 細(xì)致編排 & 有效的注意力 & 構(gòu)建特色找御。
◇?精簡與合理使用
?只做必要的引導(dǎo)頁內(nèi)容元镀。沒必要的引導(dǎo)內(nèi)容會增加信息的冗余性,沖淡真正需要用戶關(guān)注的信息的注意力與精力霎桅。適合與否的依據(jù)主要是在真實的使用場景中栖疑,用戶是希望能對這個產(chǎn)品有個大致的了解,還是希望快速啟動產(chǎn)品立即使用滔驶,在使用的過程中再慢慢學(xué)習(xí)遇革。
◇ 細(xì)致編排
講建立與用戶使用情景匹配的場景,讓用戶能建立一種熟悉的感受揭糕,能讓用戶對引導(dǎo)的功能點感同身受萝快。
串聯(lián)的故事一般而言都是多頁的形式。一步拋出一個需告知的點著角,循序漸進(jìn)的解說揪漩。故事可以只圍繞一個功能點來敘述,也可以將多個功能點串聯(lián)起來變成一個故事雇寇。形成一個完整的故事氢拥。由于每次一個告知點,多會采用聚焦的設(shè)計手法锨侯,把視覺注意力吸引到每個告知點上嫩海。
痛點渲染,建立一個用戶在實際生活中會遇到的類似的不便的場景囚痴,讓用戶能感受到共鳴叁怪,喚起用戶對所述功能的需要感。然后給出該產(chǎn)品能給出的解決方案深滚,可以讓用戶感覺奕谭,戳痛點的手法比較適用于實用的工具性的功能引導(dǎo)。
◇?有效的注意力
1痴荐、 注意力是記憶力的基礎(chǔ)血柳,記憶力是注意力的結(jié)果。沒有良好的注意力就沒有良好的記憶力生兆,良好的記憶力是建立在良好的注意力基礎(chǔ)上的难捌。
當(dāng)界面中的信息聚焦在某一點上時,用戶能快速準(zhǔn)確定位到需要閱讀的信息內(nèi)容上鸦难,達(dá)到消化信息的目的根吁。
聚焦的設(shè)計手法有很多種,如通過光影的方式合蔽,將亮光的部分打在最需要用戶關(guān)注的信息上;虛化背景的方式击敌,突出前面的信息內(nèi)容;放大鏡方式,將需要用戶關(guān)注的部分作為放大突出拴事。當(dāng)然除了所舉案例中的常見手法沃斤,還可以運用其他的方式來聚焦圣蝎,只要可以達(dá)到效果即可。
2衡瓶、圖片傳遞信息捅彻,人類對于圖片信息的閱讀能力是遠(yuǎn)大于對于文字信息的理解的。圖片可以更加直觀地讓用戶感知到所要傳遞的信息鞍陨。在不同的圖片中步淹,人們對人臉,美女诚撵,笑容缭裆,具有動感的照片更容易引起用戶的注意。
3寿烟、現(xiàn)在的引導(dǎo)頁的設(shè)計多為靜態(tài)的視覺頁面澈驼。人類對于動態(tài)內(nèi)容的注意力> 對于靜態(tài)內(nèi)容的注意力。所以除了靜態(tài)圖片的方式筛武,我們完全可以通過適當(dāng)增加動態(tài)內(nèi)容來吸引用戶的注意力缝其。
4、控制文案字?jǐn)?shù)徘六,人類對于內(nèi)容的短時記憶的容量有限内边,一般為7 ± 2項目,一般為7 ± 2待锈,即5 ~ 9個項目漠其,這也就是平常我們所說的記憶廣度。)超過9個字符竿音,用戶是很難記憶的且容易受到干擾而發(fā)生遺忘和屎。
如果精簡后依然超出極限字符數(shù),那么可以對文案內(nèi)容分層次春瞬。通過排版的方式柴信,突出需要用戶記憶的字符,弱化其他字符宽气。一般而言突出的字符為2-7個是比較容易記憶的随常。通過斷句的方式,將長的文案變?yōu)槎痰淖訂卧ㄖ瘢@樣可以擴大短時記憶的容量线罕。斷句可以通過打標(biāo)點止潮,留空格窃判,斷行的方式來實現(xiàn)。
◇ 構(gòu)建特色
背景圖片的攝影角度或風(fēng)格/后期處理/色調(diào);版式編排的設(shè)計風(fēng)格/版式布局/配色方案;文案的行文風(fēng)格;多屏切換方式也可以考慮
構(gòu)建特色并不需要對所有內(nèi)容的元素都進(jìn)行喇闸,即使只在一個內(nèi)容點上進(jìn)行特色構(gòu)建也是可以的袄琳,但是需要做到的是這個點上的特色要非常明顯询件,用戶容易感知到。
☆A(yù)PP引導(dǎo)頁的應(yīng)用唆樊?
引導(dǎo)頁適合闡述產(chǎn)品的概況內(nèi)容(如具有產(chǎn)品的概念宛琅,產(chǎn)品的核心功能,具有競爭力的功能點或用戶痛點逗旁,以及會影響到初次使用的操作方式的內(nèi)容)嘿辟,建立起用戶對產(chǎn)品的大致認(rèn)知;而不太適用于闡述過于細(xì)節(jié)的產(chǎn)品內(nèi)容,因為此時用戶還無法進(jìn)行相應(yīng)的信息匹配片效,細(xì)節(jié)內(nèi)容會不容易理解红伦。