以下內(nèi)容是結(jié)根據(jù)相應(yīng)的設(shè)計(jì)書籍和相關(guān)的網(wǎng)絡(luò)文章為參考，同時(shí)結(jié)合個(gè)人理解與思考，并非絕對、唯一的標(biāo)準(zhǔn)。如有錯(cuò)漏，歡迎指正呀～如有其他任何建議，也歡迎一起討論呀～veryvery感謝各位酷友～

將從如下八大類別頁面進(jìn)行闡述。

首先說明一下*啟動(dòng)頁、閃屏、引導(dǎo)頁三者之間的關(guān)系*

一、啟動(dòng)頁（launch screen）

定義：當(dāng)程序啟動(dòng)的時(shí)候需要一定的反應(yīng)時(shí)間，在該段時(shí)間中屏幕處于空置狀態(tài)，為了讓用戶知曉程序已經(jīng)啟動(dòng)了，現(xiàn)在只是在加載的過程，且也是緩解用戶的焦慮，因此用圖片/視頻來替代，啟動(dòng)頁就由此而來。

 

啟動(dòng)頁類型：

  1. 品牌推廣型：品牌名稱+logo+slogan 一句話告訴用戶產(chǎn)品的定位。使用戶不知不覺中形成品牌效應(yīng)

  2. 商業(yè)推廣型：為商家做廣告，從而獲益

                 前提：a.APP用戶基數(shù)大，活躍用戶量大;

                           b.app忠誠用戶多，即APP上有用戶不得不使用的功能或內(nèi)容，用戶才能容忍你的廣告

  3. 個(gè)性化類型：根據(jù)特殊的日期、節(jié)日、節(jié)氣等設(shè)定不同的風(fēng)格

啟動(dòng)頁特點(diǎn)：

1. 不可交互

2. 配置在安裝包中

3. 每次啟動(dòng)APP都展示

4. 展示時(shí)間不可控

5.不可跳過

 

啟動(dòng)頁意義：

1. 提高用戶體驗(yàn)，減少用戶焦慮?
?2. 具有一定的品牌效應(yīng)?
?3. 商業(yè)需求?
?4. 情懷（褒義）

 

*啟動(dòng)頁格式多樣化：靜態(tài)圖、動(dòng)態(tài)圖、短視頻、H5頁面、甚至可以添加鏈接*

二、引導(dǎo)頁（onboarding screen）

定義：在用戶未使用產(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)，建立第一次印象（第一印象的好壞會極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)），且引導(dǎo)用戶去使用、認(rèn)識該產(chǎn)品。

 

引導(dǎo)類型：

  1. 功能介紹型：主要對產(chǎn)品主要功能進(jìn)行展示，讓用戶對產(chǎn)品主要功能有一個(gè)大致了解。

       展現(xiàn)形式：插畫/照片+文字（大標(biāo)題：主要功能概括；小標(biāo)題：對其功能模塊詳細(xì)描述/進(jìn)一步補(bǔ)充說明）

  2. 推廣型：除了對APP的功能介紹外，更多的是想傳達(dá)產(chǎn)品的態(tài)度，讓用戶明白產(chǎn)品的情懷以此來推廣相應(yīng)的產(chǎn)品。

       展現(xiàn)形式：插畫+文字；圖片+文字

  3. 使用說明型：用戶在使用產(chǎn)品的過程中，所遇到的困難、不清楚的操作、誤解的操作行為進(jìn)行提前的告知/引導(dǎo)操作。一般用在用戶第一次打開時(shí)的新頁面。

      展現(xiàn)形式：手繪風(fēng)格、采用尖頭，線框、文字等進(jìn)行表現(xiàn)。

引導(dǎo)頁特點(diǎn)：

  1.可交互

  2.第一次使用APP都展示/更新APP后第一次使用時(shí)展示

  3.一般使用3-5頁

  4.不可跳過

  5.顧名思義，引導(dǎo)用戶了解產(chǎn)品主要功能/使用產(chǎn)品

 

引導(dǎo)頁意義：?

?  1. 建立第一印象?
  ?2. 引導(dǎo)用戶使用 

  3. 使用戶有一定的心理預(yù)知

三、閃屏/開屏頁（splash screen）

定義：閃屏頁又被稱作開機(jī)廣告，用戶第二次打開APP時(shí)，啟動(dòng)頁之后緊跟著的畫面。閃屏頁主要用于活動(dòng)推廣、商業(yè)廣告宣傳等。

閃屏頁類型：

1. 廣告推廣型：產(chǎn)品為了通過流量變現(xiàn)，在此區(qū)域給一些商家提供廣告宣傳

2. 商業(yè)推廣型：運(yùn)營過程中策劃的一些營銷活動(dòng)，該處作為活動(dòng)入口；突出用戶利益點(diǎn)、營造活動(dòng)氛圍

3. 節(jié)日關(guān)懷型：通過節(jié)假日營造的人文氛圍，給用戶帶來情感化的體驗(yàn)，以此來提升品牌調(diào)性

閃屏頁特點(diǎn)：

  1.可交互，前往第三方應(yīng)用；可跳過

  2.每次啟動(dòng)APP都展示

  3.展示時(shí)間可控，一般3-5s，且倒計(jì)時(shí)

  4.時(shí)間過長、廣告類型均易造成用戶排斥

閃屏頁意義：

  1. 商業(yè)廣告變現(xiàn)

  2. 自己的營銷活動(dòng)入口

  3. 人文關(guān)懷、情感體驗(yàn)

四、首頁（Home Page）

定義：首頁是各個(gè)功能的入口，展現(xiàn)產(chǎn)品架構(gòu)的位置。首頁最重要的是清晰展示產(chǎn)品的核心功能。

首頁特點(diǎn)：

  1.呈現(xiàn)產(chǎn)品最核心的功能

  2.決定產(chǎn)品的風(fēng)格基調(diào)

  3.展現(xiàn)產(chǎn)品的功能架構(gòu)，便于用戶快速進(jìn)入

  4.展現(xiàn)公司的品牌形象，建立用戶對品牌的認(rèn)知度

首頁意義：

  1.讓用戶知道這個(gè)產(chǎn)品是做什么的，用戶下一步去哪里也清晰明了。

  2.核心功能的展示，便于用戶使用

五、個(gè)人中心（Personal center）

定義：個(gè)人中心主要是各個(gè)功能的集合入口，同時(shí)也是用戶相關(guān)的各項(xiàng)數(shù)據(jù)。個(gè)人中心信息的復(fù)雜程度與產(chǎn)品緊密相關(guān)，體系越龐大的產(chǎn)品，個(gè)人中心承載的功能就越多，結(jié)構(gòu)便復(fù)雜。

多數(shù)產(chǎn)品的個(gè)人中心可以總結(jié)為如下六大信息模塊：

  1.個(gè)人信息

  2.全局操作（設(shè)置）

  3.核心功能（金剛區(qū)）

  4.重點(diǎn)推廣（商業(yè)）

  5.全部功能（推薦及其它功能）

  6.推薦內(nèi)容（廣告/商業(yè)）

個(gè)人中心特點(diǎn)：

  1.與用戶自己相關(guān)的各個(gè)功能的集合入口

  2.僅用戶自己可見，快速使用/查看相應(yīng)的內(nèi)容

 

個(gè)人中心意義：

1. 多功能的集合體，都是與用戶直接相關(guān)的信息，且方便用戶查看、編輯、設(shè)置、使用。

六、個(gè)人主頁（Personal Homepage）

定義：個(gè)人主頁和個(gè)人中心是有區(qū)別的，個(gè)人主頁一般承載著用戶的個(gè)人信息、生產(chǎn)內(nèi)容、是具有社交屬性，可塑造個(gè)人形象。

個(gè)人主頁特點(diǎn)：

  1.個(gè)人主頁更偏向于自我展示，個(gè)人形象的樹立，以此帶來更多的關(guān)注/瀏覽

  2.具有社交屬性的個(gè)人主頁，所有用戶均可見

個(gè)人主頁意義：

  1.個(gè)人形象魅力的展現(xiàn)，社交的印象和通道

  注：*根據(jù)產(chǎn)品定位不同，一些App的個(gè)人中心、個(gè)人主頁是一體的*

七、缺省頁（Default Pages）

定義：無數(shù)據(jù)狀態(tài)（Empty State）或操作出現(xiàn)異常狀態(tài)下，給予用戶反饋的提示頁面，以此來降低用戶的焦慮，或者是引導(dǎo)用戶進(jìn)行操作，走出空狀態(tài)。

 

缺省頁類型：

  1.初始狀態(tài)：初體驗(yàn)產(chǎn)品，無內(nèi)容無數(shù)據(jù)的時(shí)候

  2.清空狀態(tài)：清理/刪除了當(dāng)前的頁面內(nèi)容/數(shù)據(jù)，需要有明確的提示，告知用戶如何處理

  3.出錯(cuò)狀態(tài)：由于網(wǎng)絡(luò)、服務(wù)器等原因無法加載內(nèi)容，告知用戶加載失敗、出錯(cuò)原因以及如何恢復(fù)

  4.無匹配結(jié)果：進(jìn)行搜索時(shí)候，無數(shù)據(jù)結(jié)果，可推薦用戶感興趣的內(nèi)容

缺省頁特點(diǎn)：

  1.部分可交互，引導(dǎo)用戶操作

  2.多以插畫+文案的形式進(jìn)行展示

 

開屏頁意義：

  1.豐富一無所有的頁面，降低用戶因?yàn)榭貭顟B(tài)產(chǎn)生的挫敗感，提升用戶的參與度與忠誠度

  2.明確解釋頁面?zhèn)鬟_(dá)的內(nèi)容，幫助用戶理解當(dāng)前頁面內(nèi)容

  3.引導(dǎo)用戶進(jìn)行新的操作，走出空狀態(tài)

八、彈窗（Home Page）

定義：中斷用戶當(dāng)前操作并對其作出補(bǔ)充，或中斷用戶當(dāng)前操作并對其作出反饋。其價(jià)值在于提示重點(diǎn)內(nèi)容，完成業(yè)務(wù)流程的簡單必要操作或給用戶提供實(shí)時(shí)反饋。

主要分為兩大類：

1.模態(tài)彈窗：會打斷用戶所屬的主流程，不能進(jìn)行下去，只有用戶與彈窗進(jìn)行交互，完成操作后，才能返回到主流程中去。

特點(diǎn)：

        a.打斷用戶操作，用戶必須通過點(diǎn)擊或其他形式的交互來退出模態(tài)；

        b.獲取用戶注意力，讓用戶完成獨(dú)立的任務(wù)或做出明確選擇

2.非模態(tài)彈窗：不會影響所屬的主流程，也不用擔(dān)心原有進(jìn)度會停止，仍然可以持續(xù)操作，即打開非模態(tài)也能看見底層的主流程。

特點(diǎn)：

       a.不打斷用戶操作，用戶可繼續(xù)當(dāng)前行為；

       b.自動(dòng)消失或用戶可以選擇關(guān)閉；

 

關(guān)于彈窗的詳細(xì)解析，將會在后續(xù)的文章講述。歡迎各位酷友關(guān)注，一起學(xué)習(xí)、共同進(jìn)步～