長沙UI培訓
達內長沙松桂園中心

15017569023

熱門課程

如何理解UI設計引導頁的這個概念呢?

  • 時間:2018-07-14 15:50
  • 發布:UI設計
  • 來源:達內新聞

如何理解UI設計引導頁的這個概念呢?其實一款產品從方向探索——立項——需求評審——研發——測試,整個團隊在產品的孵化階段可謂付出了滿腔熱血。但是上線前,對于如何設計新用戶引導,如何向用戶介紹產品主要功能。這算是給用戶接觸產品的第一印象,是連接產品和目標用戶的第一層紗。

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

首先很多人認為新用戶引導就是指app打開后看到的頁面。也就是理解中的,新用戶引導=啟動頁,這是錯的。

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

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

了解完新用戶引導的概念后,我們進行詳細的解釋。引導頁通常分為:app首次引導頁、操作說明引導頁、空頁面引導頁。一般引導頁不會超過5頁。過多的頁面造成視覺的冗雜,給用戶造成認知疲勞和負擔。

一:app首次引導頁是指當你第一次打開一款應用的時候你看到的引導頁,它們在你未使用產品之前提前告知你產品的主要功能與特點,第一印象會極大地影響到后續的產品使用體驗。首次引導頁內容設計會分為以下幾個類別:

1.功能介紹類引導頁-一般是新產品上線/新功能發布會使用

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

2.推廣類介紹引導頁-一般是新產品上架時使用這類引導頁通常目的是更多的想傳達產品的態度,讓用戶更明白這個產品所要傳遞給用戶的感覺。更加關注產品自身的使命感,設計師們在設計時會將整個產品風格、公司目標相結合。因為這一類的引導頁能夠制作精良、有趣、會吸引用戶駐足觀賞。讓用戶在一開始就愛上你的產品(確認過眼神,我遇見對的人~)

3.解決問題類引導頁-一般是產品新功能發布時使用

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

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

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

二:app操作說明引導頁是指當用戶首次進入app的某個模塊或者是某個頁面時,通過浮層的形式引導用戶進行相關功能性的操作。使用操作說明類引導頁是對目標用戶在首次使用產品某個具體功能的過程中可能會遇到的困難、不清楚的操作、誤解的操作行為進行操作預告也就是體驗中所說的防錯機制。

這類引導頁大多采用箭頭、圓圈進行標識,設計師在設計時會以手繪風格為主。目的是拉近用戶的距離,進行相關輕提示。

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

三:app空頁面引導-同樣是在首次使用的時候進行提示

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

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

打個比方,像天貓、淘寶、京東。當你購物車沒有東西的時候,一定會給你推薦相關商品,引導你進行購買。是這些產品真正“壞”的地方。

想要為產品做出好的引導頁,一定是需要在理解用戶對引導頁需求的基礎上,通過設計師自身的素養,結合產品想要傳遞的情感,進行回爐鍛造的。

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

UI設計

上一篇:UI設計自學難不難?能自學成功么?
下一篇:新手UI設計必須懂哪些基礎呢?入門基礎知識

馬上預約三天免費體驗課

姓名:

電話:

復雜布局的UI設計是怎么做的?有哪些思路?

UI設計怎么去和產品經理溝通?

UI設計大神的建議怎么提高就業?

要怎么樣才能學好UI設計?

選擇城市和中心
江西省

貴州省

廣西省

海南省

九九热线有精品视频86