移動APP前置引導(dǎo)頁設(shè)計

☆ 什么是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)容來吸引用戶的注意力缝其。

動態(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)。

文案字?jǐn)?shù)

構(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)容會不容易理解红伦。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市淀衣,隨后出現(xiàn)的幾起案子昙读,更是在濱河造成了極大的恐慌,老刑警劉巖膨桥,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛮浑,死亡現(xiàn)場離奇詭異,居然都是意外死亡只嚣,警方通過查閱死者的電腦和手機沮稚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來册舞,“玉大人壮虫,你說我怎么就攤上這事』反。” “怎么了囚似?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長线得。 經(jīng)常有香客問我饶唤,道長,這世上最難降的妖魔是什么贯钩? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任募狂,我火速辦了婚禮,結(jié)果婚禮上角雷,老公的妹妹穿的比我還像新娘祸穷。我一直安慰自己,他們只是感情好勺三,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布雷滚。 她就那樣靜靜地躺著,像睡著了一般吗坚。 火紅的嫁衣襯著肌膚如雪祈远。 梳的紋絲不亂的頭發(fā)上呆万,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機與錄音车份,去河邊找鬼谋减。 笑死,一個胖子當(dāng)著我的面吹牛扫沼,可吹牛的內(nèi)容都是我干的出爹。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼缎除,長吁一口氣:“原來是場噩夢啊……” “哼以政!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起伴找,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤盈蛮,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后技矮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抖誉,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年衰倦,在試婚紗的時候發(fā)現(xiàn)自己被綠了袒炉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡樊零,死狀恐怖我磁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情驻襟,我是刑警寧澤夺艰,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站沉衣,受9級特大地震影響郁副,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜豌习,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一存谎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肥隆,春花似錦既荚、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春憨琳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背旬昭。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工篙螟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人问拘。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓遍略,卻偏偏與公主長得像,于是被迫代替她去往敵國和親骤坐。 傳聞我的和親對象是個殘疾皇子绪杏,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容