快速向用戶介紹你的APP
編輯導語:當用戶初次使用APP時,合適的新手引導設計將幫助用戶更順暢地使用產品,提升用戶的產品體驗,進而保證用戶的留存。那么在新手引導體驗設計上,有哪些方面是需要注意的?本文作者就此做了解讀,一起來看一下。
精心制作的新手引導會激發用戶使用 APP 的積極性。根據蘋果人機界面指南,成功的新手引導體驗一定是快速的、有趣的,并且具備教育意義。作為一家公司,你需要付出時間和資源,帶給用戶一個美妙的新手引導體驗,從而使他們對你的產品感興趣。
據統計,25% 的用戶曾在初次體驗后就卸載一款 APP。如果一款 APP 不好好地引導用戶并迅速被用戶理解,用戶很快便會尋找更好的產品來替代它。獲得用戶之后,你就可以開始期待其他的好事了,例如提高用戶粘性和留存率,創造出更棒的用戶體驗和有價值的產品。如果你搞砸了,你就必須忍受用戶的拋棄、持續的客戶流失、差勁的產品評價和減少的收益。
想想看吧,你的整個隊伍在設計、開發、推廣和銷售上花費了多少努力。怎么能因為不好的第一印象,讓一切都置于風險之中?你一定也希望通過正確方式,讓用戶知道他們可以用你的 APP 做什么,從而激發他們對 APP 的積極性。
從另一個角度來說,如果不好好做新手引導,APP 可能會呈現出這樣一組統計數據:平均77%的用戶會在下載該 APP 的三天內卸載它,且只有 20% 的用戶會在卸載前再打開 APP 看一下。
最后,讓我們來學習一些優秀的新手引導體驗設計。
一、確保新用戶有機會看到新手引導?Make sure the new users get a chance to see the onboarding
每一個新用戶都必須有機會進入到新手引導頁面,體驗并發現你的 APP 中最重要的功能和優點。
例如,Waze APP 在引導頁介紹了該應用程序的主要功能。
二、控制新手引導的頁數?Don’t show too many screens
考慮到新用戶第一次使用你的 APP,你一定不想讓他們被過多的內容困擾吧?3-4 頁足夠引導用戶快速了解你的產品特點,別讓用戶覺得你的產品太復雜了。
Public APP 在用戶第二次登錄時顯示次級功能特征
新手引導并不僅限于新人用戶,老用戶也需要在新功能上線時得到引導。對于次級功能,你可以設計另外一套流程,在用戶第二次登陸 app 時候展現給他看。這樣一來,用戶可以迅速獲得關鍵的更新內容,不會因為過長的信息流而感到氣餒。
三、合理使用插畫和動效?Use illustrations and motion
視覺化的內容會比文字信息的傳遞效率更高。確保合理使用插畫來說明新功能和它能做什么。
Strava APP 是一個很好的例子,教你如何通過動效來使信息的傳遞更有影響力
Dropbox APP 是另一個例子,表明動畫在傳遞APP主要功能信息的同時還可以創建強大的情感聯系
在新手引導中,利用你的品牌調性去創造插畫風格。可以是 icon、抽象背景,甚至是人物角色或物體。重要的是,你的插畫能夠說明問題。
如果你有資源,我非常建議你使用動畫。你可以使用 Lottie(一款移動應用動畫效果框架)來創建動畫,以非常簡單的方式講述一個故事。它不必是特別復雜的,一個簡單的動畫就可以總結并傳達功能的作用。
四、簡單的文字更有效?Concise copy goes a long way
引導頁上的文案必須簡短而直接,有效且易于理解是非常重要的。請記住,這是新用戶第一次接觸你的 APP,如果用戶不能理解這些內容,他們會迅速離開并尋找更好的APP。因此,務必確保文案足夠簡潔!
Culture Trip APP 是一個很好的示例,以簡潔的文案解釋了該應用程序的主要優點
五、向用戶展示進度?Show the user’s progress
用戶必須清楚地知道他們當前處于哪一個步驟,更重要的是,他們還需要多久可以完成這個引導過程。
在 NetGuru 的 Lime APP 概念設計中,有兩個相關例子。圖1是用戶登錄前的引導頁面,下方有表示進度的指示符號。圖3是一個右上角標有進度條的任務流程引導。
想象一下這樣一個使用場景:用戶在理解你的 app 內容的同時,可能還在忙其他事情,因此沒有足夠的時間。顯示用戶目前的進度,可以讓他們知道新手引導正接近尾聲,使他們愿意完成引導流程。
六、允許用戶跳過步驟或關閉流程?Allow the user to skip steps or dismiss the flow
你已經向用戶展示了他們所處的流程階段,所以有必要允許用戶跳過步驟,甚至是返回前一步或關閉引導流程,跳過流程的權利就是必不可少的了。新手引導的作用是為了向用戶展現 APP 的亮點,但同時你必須允許用戶遵循自己的意愿。
例如,Doordash APP 通過指示符號提示用戶新手引導有幾步。雖然它包含五個界面,但下方有醒目的 CTA 按鈕,允許用戶繼續查看新手引導或立即開始 APP 體驗。
現實就是,并不是所有的新老用戶都想完整地看完新手指引。設計師最不應該做的事情就是強迫用戶做某事,畢竟新手引導是與用戶的第一次互動。
七、保持一致性?Keep it consistent
如果你正在設計你的第一個新手引導流程,要記住今后每當有新功能推出,你都要將其介紹給老用戶。因此,你要通過用戶已經熟悉的 UI、設計元素、文案和品牌調性,來保持視覺的一致性。你需要擴展正在使用的視覺語言,而不是重新設計一套。
Robinhood APP 是一個很好的例子,它在新手引導流程中體現了品牌一致性。
Robinhood APP 帶來了一套非常棒的體驗,相同的插畫風格、清晰的顏色層級和干凈且時尚的交互界面,使新手引導延續了品牌一致性。
八、看,這就是你的目標!There you have it !
嘗試著考慮所有因素,為新用戶呈上高質量的新手引導體驗,確保他們能夠理解你的 APP 功能并使用它。這樣做能夠提高用戶接受度、參與度和忠誠度。有效的新手引導流程能夠提升 50% 的留存率。
我希望這篇文章能夠幫助你創造一些優質的新手引導體驗來吸引用戶,之后,你的團隊就可以準備揚帆出航啦!
本文翻譯已獲得作者的正式授權(授權截圖如下)
作者:André Augusto
原文:https://andreaugustobr.medium.com/how-to-design-onboarding-flows-5d544a13231a
譯者:鄭伊妮;審核:劉倩茹、李澤慧、張聿彤;編輯:孫淑雅
本文由@TCC翻譯情報局 翻譯發布于人人都是產品經理,未經許可,禁止轉載。
題圖來自 Unsplash,基于 CC0 協議
是了,這方面不能過于冗長,會讓用戶失去興趣
我比較喜歡看文字簡潔、圖片清晰的新手引導,可以讓我快速上手。
高質量的新手引導體驗可以更好的留住用戶,并且可以讓用戶快速上手。
有時候我下載一種類型的軟件下兩三個,最后選擇那個介紹最簡單、簡潔的那款使用。
“新手引導的作用是為了向用戶展現 APP 的亮點,但同時你必須允許用戶遵循自己的意愿?!边@句話說得太對了
介紹的挺詳細的,我感覺快速的帶著客戶了解產品的方法還有通過產品的logo,產品的理念,減少那個冗長的介紹會更好。
很受用