快速向用戶介紹你的APP

7 評論 15556 瀏覽 28 收藏 11 分鐘

編輯導(dǎo)語:當(dāng)用戶初次使用APP時,合適的新手引導(dǎo)設(shè)計將幫助用戶更順暢地使用產(chǎn)品,提升用戶的產(chǎn)品體驗,進(jìn)而保證用戶的留存。那么在新手引導(dǎo)體驗設(shè)計上,有哪些方面是需要注意的?本文作者就此做了解讀,一起來看一下。

精心制作的新手引導(dǎo)會激發(fā)用戶使用 APP 的積極性。根據(jù)蘋果人機(jī)界面指南,成功的新手引導(dǎo)體驗一定是快速的、有趣的,并且具備教育意義。作為一家公司,你需要付出時間和資源,帶給用戶一個美妙的新手引導(dǎo)體驗,從而使他們對你的產(chǎn)品感興趣。

據(jù)統(tǒng)計,25% 的用戶曾在初次體驗后就卸載一款 APP。如果一款 APP 不好好地引導(dǎo)用戶并迅速被用戶理解,用戶很快便會尋找更好的產(chǎn)品來替代它。獲得用戶之后,你就可以開始期待其他的好事了,例如提高用戶粘性和留存率,創(chuàng)造出更棒的用戶體驗和有價值的產(chǎn)品。如果你搞砸了,你就必須忍受用戶的拋棄、持續(xù)的客戶流失、差勁的產(chǎn)品評價和減少的收益。

想想看吧,你的整個隊伍在設(shè)計、開發(fā)、推廣和銷售上花費了多少努力。怎么能因為不好的第一印象,讓一切都置于風(fēng)險之中?你一定也希望通過正確方式,讓用戶知道他們可以用你的 APP 做什么,從而激發(fā)他們對 APP 的積極性。

從另一個角度來說,如果不好好做新手引導(dǎo),APP 可能會呈現(xiàn)出這樣一組統(tǒng)計數(shù)據(jù):平均77%的用戶會在下載該 APP 的三天內(nèi)卸載它,且只有 20% 的用戶會在卸載前再打開 APP 看一下。

最后,讓我們來學(xué)習(xí)一些優(yōu)秀的新手引導(dǎo)體驗設(shè)計。

一、確保新用戶有機(jī)會看到新手引導(dǎo)?Make sure the new users get a chance to see the onboarding

每一個新用戶都必須有機(jī)會進(jìn)入到新手引導(dǎo)頁面,體驗并發(fā)現(xiàn)你的 APP 中最重要的功能和優(yōu)點。

快速向用戶介紹你的APP

例如,Waze APP 在引導(dǎo)頁介紹了該應(yīng)用程序的主要功能。

二、控制新手引導(dǎo)的頁數(shù)?Don’t show too many screens

考慮到新用戶第一次使用你的 APP,你一定不想讓他們被過多的內(nèi)容困擾吧?3-4 頁足夠引導(dǎo)用戶快速了解你的產(chǎn)品特點,別讓用戶覺得你的產(chǎn)品太復(fù)雜了。

快速向用戶介紹你的APP

Public APP 在用戶第二次登錄時顯示次級功能特征

新手引導(dǎo)并不僅限于新人用戶,老用戶也需要在新功能上線時得到引導(dǎo)。對于次級功能,你可以設(shè)計另外一套流程,在用戶第二次登陸 app 時候展現(xiàn)給他看。這樣一來,用戶可以迅速獲得關(guān)鍵的更新內(nèi)容,不會因為過長的信息流而感到氣餒。

三、合理使用插畫和動效?Use illustrations and motion

視覺化的內(nèi)容會比文字信息的傳遞效率更高。確保合理使用插畫來說明新功能和它能做什么。

快速向用戶介紹你的APP

快速向用戶介紹你的APP

Strava APP 是一個很好的例子,教你如何通過動效來使信息的傳遞更有影響力

快速向用戶介紹你的APP

Dropbox APP 是另一個例子,表明動畫在傳遞APP主要功能信息的同時還可以創(chuàng)建強大的情感聯(lián)系

在新手引導(dǎo)中,利用你的品牌調(diào)性去創(chuàng)造插畫風(fēng)格??梢允?icon、抽象背景,甚至是人物角色或物體。重要的是,你的插畫能夠說明問題。

如果你有資源,我非常建議你使用動畫。你可以使用 Lottie(一款移動應(yīng)用動畫效果框架)來創(chuàng)建動畫,以非常簡單的方式講述一個故事。它不必是特別復(fù)雜的,一個簡單的動畫就可以總結(jié)并傳達(dá)功能的作用。

四、簡單的文字更有效?Concise copy goes a long way

引導(dǎo)頁上的文案必須簡短而直接有效且易于理解是非常重要的。請記住,這是新用戶第一次接觸你的 APP,如果用戶不能理解這些內(nèi)容,他們會迅速離開并尋找更好的APP。因此,務(wù)必確保文案足夠簡潔!

快速向用戶介紹你的APP

Culture Trip APP 是一個很好的示例,以簡潔的文案解釋了該應(yīng)用程序的主要優(yōu)點

五、向用戶展示進(jìn)度?Show the user’s progress

用戶必須清楚地知道他們當(dāng)前處于哪一個步驟,更重要的是,他們還需要多久可以完成這個引導(dǎo)過程。

快速向用戶介紹你的APP

在 NetGuru 的 Lime APP 概念設(shè)計中,有兩個相關(guān)例子。圖1是用戶登錄前的引導(dǎo)頁面,下方有表示進(jìn)度的指示符號。圖3是一個右上角標(biāo)有進(jìn)度條的任務(wù)流程引導(dǎo)。

想象一下這樣一個使用場景:用戶在理解你的 app 內(nèi)容的同時,可能還在忙其他事情,因此沒有足夠的時間。顯示用戶目前的進(jìn)度,可以讓他們知道新手引導(dǎo)正接近尾聲,使他們愿意完成引導(dǎo)流程。

六、允許用戶跳過步驟或關(guān)閉流程?Allow the user to skip steps or dismiss the flow

你已經(jīng)向用戶展示了他們所處的流程階段,所以有必要允許用戶跳過步驟,甚至是返回前一步或關(guān)閉引導(dǎo)流程,跳過流程的權(quán)利就是必不可少的了。新手引導(dǎo)的作用是為了向用戶展現(xiàn) APP 的亮點但同時你必須允許用戶遵循自己的意愿。

快速向用戶介紹你的APP

例如,Doordash APP 通過指示符號提示用戶新手引導(dǎo)有幾步。雖然它包含五個界面,但下方有醒目的 CTA 按鈕,允許用戶繼續(xù)查看新手引導(dǎo)或立即開始 APP 體驗。

現(xiàn)實就是,并不是所有的新老用戶都想完整地看完新手指引。設(shè)計師最不應(yīng)該做的事情就是強迫用戶做某事畢竟新手引導(dǎo)是與用戶的第一次互動。

七、保持一致性?Keep it consistent

如果你正在設(shè)計你的第一個新手引導(dǎo)流程,要記住今后每當(dāng)有新功能推出,你都要將其介紹給老用戶。因此,你要通過用戶已經(jīng)熟悉的 UI、設(shè)計元素、文案和品牌調(diào)性,來保持視覺的一致性。你需要擴(kuò)展正在使用的視覺語言,而不是重新設(shè)計一套。

快速向用戶介紹你的APP

Robinhood APP 是一個很好的例子,它在新手引導(dǎo)流程中體現(xiàn)了品牌一致性。

Robinhood APP 帶來了一套非常棒的體驗,相同的插畫風(fēng)格、清晰的顏色層級和干凈且時尚的交互界面,使新手引導(dǎo)延續(xù)了品牌一致性。

八、看,這就是你的目標(biāo)!There you have it !

嘗試著考慮所有因素,為新用戶呈上高質(zhì)量的新手引導(dǎo)體驗,確保他們能夠理解你的 APP 功能并使用它。這樣做能夠提高用戶接受度、參與度和忠誠度。有效的新手引導(dǎo)流程能夠提升 50% 的留存率。

我希望這篇文章能夠幫助你創(chuàng)造一些優(yōu)質(zhì)的新手引導(dǎo)體驗來吸引用戶,之后,你的團(tuán)隊就可以準(zhǔn)備揚帆出航啦!

本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)

快速向用戶介紹你的APP

 

作者:André Augusto

原文:https://andreaugustobr.medium.com/how-to-design-onboarding-flows-5d544a13231a

譯者:鄭伊妮;審核:劉倩茹、李澤慧、張聿彤;編輯:孫淑雅

本文由@TCC翻譯情報局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 是了,這方面不能過于冗長,會讓用戶失去興趣

    回復(fù)
  2. 我比較喜歡看文字簡潔、圖片清晰的新手引導(dǎo),可以讓我快速上手。

    來自陜西 回復(fù)
  3. 高質(zhì)量的新手引導(dǎo)體驗可以更好的留住用戶,并且可以讓用戶快速上手。

    來自陜西 回復(fù)
  4. 有時候我下載一種類型的軟件下兩三個,最后選擇那個介紹最簡單、簡潔的那款使用。

    來自陜西 回復(fù)
  5. “新手引導(dǎo)的作用是為了向用戶展現(xiàn) APP 的亮點,但同時你必須允許用戶遵循自己的意愿?!边@句話說得太對了

    來自江蘇 回復(fù)
  6. 介紹的挺詳細(xì)的,我感覺快速的帶著客戶了解產(chǎn)品的方法還有通過產(chǎn)品的logo,產(chǎn)品的理念,減少那個冗長的介紹會更好。

    來自河南 回復(fù)
  7. 很受用

    回復(fù)