SaaS 中 6 种常见 UI 入职模式
新手入職
新手入職是用戶首次嘗試產品的過程,如果做得好,會引導用戶走上一條關鍵的道路,這條道路會讓他們最終成功地使用并獲取到產品價值。
在 SaaS 產品中,通過免費試用吸引用戶。如果用戶在第一次嘗試之后未能獲取到產品的價值,可能就再也不會回來了。
良好的入職,可以提高新用戶留存,進而提高試用到付費的比率。所以,新手入職對 SaaS 而言至關重要。
在許多公司,入職流程通常由銷售(AE)、客戶成功(CSM)團隊來負責。然而,越來越多的廠商轉向應用內的自動化方式,設計的價值開始逐漸凸顯。
其中,入職的體驗內置于產品中,即用戶在應用內接受培訓和教育。不僅加快了用戶實現產品價值的時間,同時也減少了銷售團隊和客戶成功團隊的人力投入。
以下,總結了常見的 UI 入職模式:
歡迎光臨
產品導旅
清單
手動執行
脈沖
空狀態
共列舉了 16 個 SaaS 產品案列,圖文并茂的進行闡述。
01 歡迎光臨
「歡迎光臨」是最為最常見的入門模式。除了基本的打招呼信息以外,通常還包括接下來的行動引導,以及功能介紹、視頻教學等內容。
其中,模態的方式,在視覺上將「歡迎光臨」與背后的應用區分開來,從而讓用戶更聚焦在當前信息上。
Basecamp,團隊和項目管理工具。新用戶進入產品后,彈框內的視頻內容,可以幫助用戶快速的熟悉產品。
?
Airtable,在線表格工具。除了視頻內容外,還提供了入門指南。
Webflow,無碼建站工具。歡迎頁面結合炫酷的效果演示,讓新用戶更加期待產品實現的效果。
??同時,動態的演示,使用戶理解起來更加容易。
?
02?產品導旅?
通過提供上下文信息,一步步引導用戶,找到最快獲得價值的方法。
通常采用帶有箭頭的小窗口或熱點提示,一般 2-5 個步驟之間,簡短的文本介紹。
Useloom,在線錄屏錄像工具。通過文本框(有用的詳細信息)+熱點提醒的方式,引導用戶對錄制后的視頻進行編輯和分享設置。
?
Invision,數字產品設計平臺。采用圖文結合的方式,逐個介紹每個關鍵功能。
?
?
Dropbox,云儲存和團隊協作工具。大面積的藍色與淺色頁面很好的區分開來,讓用戶聚焦在引導框上。?
?
?
03?清單
提供了清晰的結構,并引導用戶完成關鍵步驟,從而上手產品的具體使用。
清單還使得待完成的任務可視化呈現在用戶面前,利用了人的“完成”心態,激發用戶采取行動。
Crisp,在線溝通應用。清單+獎勵(試用天數)的方式,激勵用戶完成清單任務,在深度綁定同時也越能體驗出產品的價值。
Productboard,產品管理系統。Productboard 清單的第一個任務為已完成狀態,利用人的“完成”心理傾向,增強了用戶的行動動力。
Evernote,云筆記應用。通過較少的付出,就完成了第一個清單任務,產生極大地愉悅感,同時自然的引出其他任務。在視覺上采用“波動”的方式,引導用戶繼續點擊操作,執行任務。
04?手動執行
需要用戶操作,才能進入下一個步驟。用戶根據引導,按照順序手動完成一個個步驟任務,從而為后面發揮產品的價值奠定了基礎。
Trello,看板工具。用戶根據引導完成整個步驟后,進入產品內可看到剛才所設置的內容,就這樣在不知不覺間開始了產品的使用,從而提高了產品留存。
Monday,可視化項目管理。通過引導用戶建立任務,開啟產品的具體使用。
Deputy,員工日程管理應用。引導用戶完成班次設置,從而更快的獲取到產品價值。
05?脈沖
通過“圓形”的波動吸引眼球,在較低侵入性的情況下,對關鍵操作或功能進行引導提示。點擊后,提供相關上下文信息,幫助用戶更好的理解。
Feedly,RSS 聚合器應用。在不同頁面和場景下,引導使用不同的功能。
Grammarly,在線語法糾正和校對工具。通過“脈沖”對主要功能進行引導說明。
06?空狀態
通過填充空狀態或者利用空狀態來引導用戶行動。
JivoSite,在線溝通應用。空狀態下引導用戶模擬使用,在無壓力的情況下,提前體驗到了產品的 aha 時刻。
Groove,客戶支持應用。將默認數據和教程完美的結合在一起,通過解決未分配任務,自然的學會了產品的使用。
最后
為了方便分類,其實上方中的 SaaS 案例,大多都采用了多種 UI 模式,來幫助用戶完成入職,get 到產品的價值。
當我們進行新手入門設計時,試著詢問自己以下問題:
產品為客戶提供的核心價值是什么?最好從現有的客戶那里詢問答案
新用戶需要采取什么步驟來獲得該核心價值?
這些步驟中可能存在哪些障礙?
是否需要針對不同的角色,提供個性化的入門?
然后,才是思考采用什么 UI 模式。同時,新手入門和其他產品設計一樣,還需對其數據監測(定量),并與付費不久的用戶以及最終流失的用戶交談(定性),進行持續優化。
如果你喜歡這篇文章,歡迎關注上面的公眾號
最后,我建立了各大城市的產品交流群,想進群小伙伴加微信:yw5201a1??我拉你進群。
視頻號推薦
關注微信公眾號:產品劉?可領取大禮包一份。
··················END··················
今日報告:騰訊廣告&騰訊營銷洞察發布《2022新職業教育洞察白皮書》,下載報告去公眾號:硬核劉大??后臺回復“?職業教育”,即可下載完整PDF文件。
申明:報告版權歸?騰訊廣告&騰訊營銷洞察?獨家所有,此處僅限分享學習使用,如有侵權,請聯系小編做刪除處理。
RECOMMEND
推薦閱讀
究竟什么是CRM?
手把手教你做B端產品經理
新一代客服系統
從面試的這些細節就可判斷公司的好壞
點擊“閱讀原文”
查看更多干貨
總結
以上是生活随笔為你收集整理的SaaS 中 6 种常见 UI 入职模式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: zcmu2112
- 下一篇: Netty 5用户指南