當前位置:
首頁 > 最新 > 關於APP新人引導的視覺分析

關於APP新人引導的視覺分析

新手引導在我們日常使用APP的過程中是一個常有的功能點,一個好的新手引導能夠迅速幫助用戶了解到產品的核心功能並快速上手,又或是讓用戶對於我們的產品更加充滿期待。

那麼作為一名UI設計師,我們應當怎麼合理的設計產品的新手指導頁面呢?

下面我將先給大家分析一下不同類型的APP的引導頁設計以及引導頁主要分為哪幾大類。

01

實用工具類

APP:有道翻譯官

引導頁:簡單圖形+文字

新手指導:真人演示視頻

分析:首先會進行產品的基本功能的介紹,有道翻譯官通過簡單直觀的方式向用戶展現了它的兩大功能點,由於有道翻譯官的定位是屬於實用工具類的一款產品,並且考慮到很多用戶進入app時會快速跳過引導頁進入主頁,它通過進入主頁時一段真人操作視頻演示來展現如何更好的使用這款產品,幫助用戶快速上手,節約學習成本。

APP:概念畫板

引導頁:真人演示視頻+文字介紹

新手指導:文字引導提示

分析:和進入有道翻譯官的引導是同樣的,通過採用視頻加圖文的介紹來幫助用戶了解產品的功能,用戶在進入前進行一個大致的了解,由於概念畫板功能點很多並且屬於一款比較難上手的產品,在用戶登陸上自己的賬號後,產品會提示幫助和學習產品的功能在哪個部分,盡少避免用戶在使用產品的過程中產生疑惑或問題而導致反感等情緒。

APP:印象筆記

引導頁:含APP界面的設計+插畫

新手指導:引導用戶實操

分析:印象筆記通過在引導頁展示自己的主頁頁面,將應用的主要功能用插畫的形式展現出來,用插畫作為app引導頁已成為一種主流方式,顏色清新簡潔的功能符合印象筆記的風格,能夠通過這幾張插畫和主頁的結合讓用戶感受到產品的性格特性,有一個提前的預知。

進入界面後對用戶進行一步步的引導操作,減少用戶思考,幫助用戶學習產品,掌握基本功能的操作。

APP:有道雲筆記

引導頁:2.5D插畫

新手指導:筆記的形式

分析:有道雲筆記的引導頁通過統一的插畫風格,將應用中的幾個主要功能點展現在場景中,讓用戶更好的去理解產品主要是用來做什麼的,並且好看的插畫結合優質的文案讓用戶在打開應用之前就會產生一種期待感。

進入筆記後,有道雲採用以筆記的形式來向用戶展示它的主要功能點和使用方法,不僅讓用戶了解了功能,還像用戶展現了一種模版(筆記完成後的效果),用戶可以自己選擇刪除和保留這個新人指導的內容,保留下來的話方便日後操作出現問題或者疑惑時去查看,相比較只有第一次的新人指導,這樣更有利於幫助用戶使用產品。

APP:Memopad

引導頁:無

新手指導:彈框的形式

分析:memopad這款產品由於它的初衷是想要用一種簡單的方式來讓用戶快速繪畫,因此它採用的新人引導也是非常簡潔明了的,是根據多個功能點,用圖形化的方式結合下面的文字來進行功能的介紹,讓用戶快速掌握功能點。

02

視頻類

APP:優酷

引導頁:含APP界面的設計+IP展示

新手指導:無

分析:優酷屬於視頻類app,更多的是通過一些版權視頻、IP以及廣告來進行營利,優酷的功能雖然很多但是相對於其他的應用來說更簡單好上手,使用的用戶年齡跨度大所以功能也比較好操作,因此引導頁更多的設計是將功能板塊單獨拿出來加入優酷獨享的版權視頻,吸引用戶。

APP:抖音

引導頁:無

新手指導:手勢提醒

分析:抖音採用的新人指導的方式是通過在用戶進入使用的過程中,通過用戶的一些行為來適當的提醒用戶或是說引導用戶去操作,本身看短視頻屬於一種娛樂消遣的方式,首先是要讓用戶進入一個沉浸式的體驗,而不是一開始就讓用戶去學習,了解如何操作,會造成用戶心理的反感,抖音就是考慮到用戶的使用場景再去進行適度的引導。

APP:VUE

引導頁:真實視頻展示+文字介紹

新手指導:圖文指導

分析:VUE是一款視頻博客軟體,進入界面後同樣是用視頻的方式來展現可呈現的效果,並且使用的是真實用戶產出的視頻,讓新手用戶對於產品產生一種期待感,增加用戶創作視頻的一種慾望感,並且在視頻展示的下方還通過文字表達的方式將它的一些特色和功能點展現出來,幫助用戶能夠快速了解,並且在用戶製作視頻的過程中,會有一些簡單的圖標的提示引導用戶了解功能如何操作。

觀察了一些修圖以及拍視頻的應用,大多數是沒有引導頁和新手指導,只有一個啟動頁,視頻類軟體的操作功能很多都是大同小異,比如說p五官和加濾鏡,本身用戶對於這些功能的操作就比較的了解,上面的圖標和文字說明也很好去理解。用戶使用場景和心理活動是希望快速修出一張好看的照片或者是剪輯出一段滿意的視頻,因此過度的指導並不適用於修圖和剪輯視頻應用。

03

遊戲類

APP:All is lost & 邊境之旅

引導頁:無

新手指導:手勢提醒+彈出

分析:作為新手剛進入遊戲的時候,會有一段視頻的觀看或者是情境的帶入,遊戲有個很關鍵的點就是在於它的沉浸式體驗和代入感,讓用戶有種身臨其境的感覺,其次就是讓用戶開始進行操作,All is lost是一款操作感比較強的遊戲,因此玩家進入以後會對於操作的一個快速指導,並在每個關鍵點進行提示,幫助用戶快速熟悉如何操作。

邊境之旅屬於情節設定很強的一款遊戲,會給你一點點闡述這個故事並且去完成指定的任務,通過聲效,文字等多感官觸發,讓引導顯得格外自然,不僅讓用戶更投入遊戲當中,更有一種探索的慾望。

04

辦公類

APP:Teambition

引導頁:模塊化功能

新手指導:案例展示&彈出框&對話框提示

分析:teambition的引導頁主要是通過插畫和動效的形式來進行切換,展現了應用主要的幾個功能,並且在引導頁來回切換的時候是一個連貫的效果,直觀的讓用戶能夠看到整個應用使用起來的效果是怎麼樣的。

進入頁面後,主要是由三種形式的提示來進行新人指導,會在首頁有演示案例,屬於情景化教學,打開以後用戶可以看到有一些標註和提示,讓用戶了解到如果他去創建項目怎樣會更有效率更加便捷。有一些重點或者常用的功能圖標,產品都進行了藍色對話框的解釋標出。

05

運動類

APP:Fit & Keep

引導頁:視頻+圖文

新手指導:無

分析:fit和keep都屬於運動健身類的app,運動屬於動態、節奏感、亢奮的類型,因此它們都選用視頻來作為引導頁的介紹,讓用戶直觀的感受到運動的這種律動感,有一種想要立刻加入的衝動,keep基於視頻的基礎上,有一個靜態的課程介紹,讓用戶在進入首頁之前對於產品課程版塊有一個預知了解。

06

傳統文化類

APP:故宮博物院

引導頁:含APP界面的設計+文字

新手指導:無

分析:故宮博物院的引導頁是將應用裡面的核心功能直接展現出來,將app裡面的一些設計復用,讓用戶在進入到應用後有一定的印象,並且是用一種動態的展示讓用戶了解到怎麼使用,整體設計風格也很符合中國風的定位。

APP:摺扇

引導頁:無

新手指導:場景化提示

分析:將一些引導性的操作融入到產品的體驗當中,在關鍵操作的過程中給予一些提示,手勢操作沒有文字的內容,用戶不需要學習,直接按照相應的手勢進行操作。

以上分享和分析了一些APP的新人引導功能,後續會繼續進行詳細的引導頁的分類分析,比如說一些主流的設計形式,還有引導頁起到的商業價值等。

今天是第一次在自己的公眾號上寫設計類文章,如有寫的不好的地方,大家可以後台指出問題或者直接評論喲~我會一直堅持為大家輸出一些和設計相關的內容!


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 不正經設計說 的精彩文章:

TAG:不正經設計說 |