精心制作的新手引導會激發用戶使用 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% 的留存率。
