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

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

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

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

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

       而啟動頁，“啟動”就是你每次打開app就會看到這個頁面。正因為啟動頁是每次打開都能看到，因此很多產(chǎn)品聚集了大量用戶帶來的流量和日活后，會將啟動頁作為廣告位，為產(chǎn)品帶來盈利。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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