怎樣理解UI設(shè)計(jì)引導(dǎo)頁(yè)的概念

一款產(chǎn)品從方向探索——立項(xiàng)——需求評(píng)審——研發(fā)——測(cè)試，整個(gè)團(tuán)隊(duì)在產(chǎn)品的孵化階段可謂付出了滿腔熱血。但是上線前，對(duì)于如何設(shè)計(jì)新用戶引導(dǎo)，如何向用戶介紹產(chǎn)品主要功能。這算是給用戶接觸產(chǎn)品的第一印象，是連接產(chǎn)品和目標(biāo)用戶的第一層紗。

       因此新用戶的引導(dǎo)成為了所有產(chǎn)品一個(gè)重點(diǎn)。成為兵家必爭(zhēng)之地！今天我們說(shuō)一說(shuō)我理解下的新用戶引導(dǎo)究竟是怎么樣的。

      首先很多人認(rèn)為新用戶引導(dǎo)就是指app打開后看到的頁(yè)面。也就是理解中的，新用戶引導(dǎo)=啟動(dòng)頁(yè)，這是錯(cuò)的。

       你可以這樣理解，新用戶引導(dǎo)頁(yè)面，重點(diǎn)是“新”，所以只針對(duì)第一次啟動(dòng)app的用戶才能看到，目的是為了讓用戶快速了解你產(chǎn)品的某個(gè)功能/流程。就是說(shuō)你的手機(jī)第一次安裝這個(gè)app，你打開后你就會(huì)看到引導(dǎo)頁(yè)。當(dāng)你關(guān)閉后，再次打開，你是再也看不到的（除非某些app內(nèi)在設(shè)置模塊中，能看到新用戶介紹入口）。

       而啟動(dòng)頁(yè)，“啟動(dòng)”就是你每次打開app就會(huì)看到這個(gè)頁(yè)面。正因?yàn)閱?dòng)頁(yè)是每次打開都能看到，因此很多產(chǎn)品聚集了大量用戶帶來(lái)的流量和日活后，會(huì)將啟動(dòng)頁(yè)作為廣告位，為產(chǎn)品帶來(lái)盈利。

      了解完新用戶引導(dǎo)的概念后，我們進(jìn)行詳細(xì)的解釋。引導(dǎo)頁(yè)通常分為：app首次引導(dǎo)頁(yè)、操作說(shuō)明引導(dǎo)頁(yè)、空頁(yè)面引導(dǎo)頁(yè)。一般引導(dǎo)頁(yè)不會(huì)超過(guò)5頁(yè)。過(guò)多的頁(yè)面造成視覺的冗雜，給用戶造成認(rèn)知疲勞和負(fù)擔(dān)。

一：app首次引導(dǎo)頁(yè)是指當(dāng)你第一次打開一款應(yīng)用的時(shí)候你看到的引導(dǎo)頁(yè)，它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)，第一印象會(huì)極大地影響到后續(xù)的產(chǎn)品使用體驗(yàn)。首次引導(dǎo)頁(yè)內(nèi)容設(shè)計(jì)會(huì)分為以下幾個(gè)類別：

      1.功能介紹類引導(dǎo)頁(yè)-一般是新產(chǎn)品上線/新功能發(fā)布會(huì)使用

這類引導(dǎo)頁(yè)通常作為功能介紹用的，主要進(jìn)行新增功能或者亮點(diǎn)功能進(jìn)行展示，讓用戶對(duì)產(chǎn)品主功能有一個(gè)大致的了解。采用的形式大多以文字配合界面、插圖的方式來(lái)展現(xiàn)。設(shè)計(jì)師通過(guò)對(duì)特色功能的總結(jié)提煉，進(jìn)行視覺化的設(shè)計(jì)。通過(guò)用戶易于理解的圖形表達(dá)形式，傳遞給用戶。     

       2.推廣類介紹引導(dǎo)頁(yè)-一般是新產(chǎn)品上架時(shí)使用這類引導(dǎo)頁(yè)通常目的是更多的想傳達(dá)產(chǎn)品的態(tài)度，讓用戶更明白這個(gè)產(chǎn)品所要傳遞給用戶的感覺。更加關(guān)注產(chǎn)品自身的使命感，設(shè)計(jì)師們?cè)谠O(shè)計(jì)時(shí)會(huì)將整個(gè)產(chǎn)品風(fēng)格、公司目標(biāo)相結(jié)合。因?yàn)檫@一類的引導(dǎo)頁(yè)能夠制作精良、有趣、會(huì)吸引用戶駐足觀賞。讓用戶在一開始就愛上你的產(chǎn)品（確認(rèn)過(guò)眼神，我遇見對(duì)的人～）

     3.解決問題類引導(dǎo)頁(yè)-一般是產(chǎn)品新功能發(fā)布時(shí)使用

問題解決類引導(dǎo)頁(yè)通過(guò)描述在實(shí)際生活中目標(biāo)用戶群體會(huì)遇到的問題/麻煩，通過(guò)最后的解決方案讓用戶情感上產(chǎn)生共鳴，讓用戶對(duì)產(chǎn)品產(chǎn)生好感，增加產(chǎn)品一開始的粘度。這類引導(dǎo)頁(yè)通過(guò)2～3頁(yè)設(shè)計(jì)描述問題，在巧妙的通過(guò)1～2頁(yè)介紹產(chǎn)品能帶來(lái)的解決方案。

ps：設(shè)計(jì)這類引導(dǎo)頁(yè)需要注意：為了降低用戶在對(duì)新產(chǎn)品還不了解的情況下，過(guò)多的進(jìn)行操作產(chǎn)生厭惡感，我們要至少在引導(dǎo)頁(yè)上努力遵循“少即使多”的原則。這種滑動(dòng)展示型的引導(dǎo)頁(yè)，有一定的缺陷：這種需要用戶進(jìn)行手動(dòng)滑動(dòng)的引導(dǎo)是十分另用戶厭惡的。

       它其實(shí)是隔在用戶和APP之間，絕大多數(shù)用戶很難充滿耐心仔細(xì)看完你的引導(dǎo)頁(yè)仔細(xì)閱讀完所有的內(nèi)容。因?yàn)橛脩羰莾A向于自己探索APP的，他們想要快速看到剛剛下載的這個(gè)APP是怎么樣的，而不是先看教程。用戶在使用APP之前并不想閱讀教程。即使教程能夠很快幫助他們了解產(chǎn)品，但是這本身是偏離用戶初衷的。用戶使用你的app是帶著強(qiáng)烈的目的而來(lái)的，并不是先需要學(xué)習(xí)，然后才能使用。所有需要教學(xué)用戶的、需要通過(guò)大段文字說(shuō)明某項(xiàng)功能的產(chǎn)品，都是耍流氓！

二：app操作說(shuō)明引導(dǎo)頁(yè)是指當(dāng)用戶首次進(jìn)入app的某個(gè)模塊或者是某個(gè)頁(yè)面時(shí)，通過(guò)浮層的形式引導(dǎo)用戶進(jìn)行相關(guān)功能性的操作。使用操作說(shuō)明類引導(dǎo)頁(yè)是對(duì)目標(biāo)用戶在首次使用產(chǎn)品某個(gè)具體功能的過(guò)程中可能會(huì)遇到的困難、不清楚的操作、誤解的操作行為進(jìn)行操作預(yù)告也就是體驗(yàn)中所說(shuō)的防錯(cuò)機(jī)制。

      這類引導(dǎo)頁(yè)大多采用箭頭、圓圈進(jìn)行標(biāo)識(shí)，設(shè)計(jì)師在設(shè)計(jì)時(shí)會(huì)以手繪風(fēng)格為主。目的是拉近用戶的距離，進(jìn)行相關(guān)輕提示。

      讓用戶將注意力集中到某個(gè)特定的主要交互上，最大限度的減少說(shuō)明的信息量。將引導(dǎo)的內(nèi)容信息，直接固定在某個(gè)功能控件上，這些提示通常出現(xiàn)在用戶首次操作的時(shí)候，并且一次只顯示一個(gè)，用戶需要觸發(fā)進(jìn)行下一個(gè)提示（如果有下一個(gè)提示的話）。這些提示的內(nèi)容的優(yōu)勢(shì)在于能夠快速閱讀，用戶看到之后也能快速關(guān)閉它們。

三：app空頁(yè)面引導(dǎo)-同樣是在首次使用的時(shí)候進(jìn)行提示

     作為一個(gè)新用戶，在最初使用你產(chǎn)品的時(shí)候，由于沒有任何記錄或者是操作歷史，許多界面都會(huì)呈現(xiàn)出“空狀態(tài)”。為了避免用戶在使用產(chǎn)品的過(guò)程中出現(xiàn)迷茫感，所以很有必要將空狀態(tài)納入到新用戶引導(dǎo)流程中。

      各種各樣的內(nèi)容是APP提供的價(jià)值所在。因此，要讓用戶在沒有內(nèi)容的時(shí)候，體會(huì)到內(nèi)容的重要性，滿足新用戶獲取內(nèi)容的需求。對(duì)于新用戶引導(dǎo)流程而言，空狀態(tài)界面是一個(gè)非常合適的介入點(diǎn)，加入用戶在使用你產(chǎn)品的時(shí)候，絕大多數(shù)頁(yè)面都是空頁(yè)面狀態(tài)的話，一定會(huì)讓用戶產(chǎn)生一定的挫敗感吧。將空頁(yè)面利用起來(lái)，引導(dǎo)用戶進(jìn)行某些操作。

      打個(gè)比方，像天貓、淘寶、京東。當(dāng)你購(gòu)物車沒有東西的時(shí)候，一定會(huì)給你推薦相關(guān)商品，引導(dǎo)你進(jìn)行購(gòu)買。是這些產(chǎn)品真正“壞”的地方。

     想要為產(chǎn)品做出好的引導(dǎo)頁(yè)，一定是需要在理解用戶對(duì)引導(dǎo)頁(yè)需求的基礎(chǔ)上，通過(guò)設(shè)計(jì)師自身的素養(yǎng)，結(jié)合產(chǎn)品想要傳遞的情感，進(jìn)行回爐鍛造的。

    多數(shù)人能夠成為很厲害的設(shè)計(jì)師，很厲害的產(chǎn)品經(jīng)理。凡事都會(huì)有所謂的套路，當(dāng)你熟知了解某個(gè)行業(yè)，或者多個(gè)行業(yè)的套路時(shí)。你會(huì)站在更高的視角看待問題，同樣你會(huì)走的比人家更遠(yuǎn)更快。所謂的套路，是基于個(gè)人而言，可能你有個(gè)很好的導(dǎo)師能夠告訴你以往的經(jīng)驗(yàn)。但是我更認(rèn)為，套路是通過(guò)一步步看似笨拙的努力不斷總結(jié)不斷歸納。

     以上內(nèi)容，是我不斷總結(jié)的觀點(diǎn)，仁者見仁智者見智，不足之處還望加以斧正~