想抓住產(chǎn)品第一印象?看看這些引導(dǎo)頁(yè)設(shè)計(jì)方法
編輯導(dǎo)語(yǔ):引導(dǎo)頁(yè)可以給用戶留下關(guān)于產(chǎn)品的第一印象,并在一定程度上告知用戶產(chǎn)品的功能及特點(diǎn)。因此,合理、美觀、有效、且能符合用戶期望的引導(dǎo)頁(yè)設(shè)計(jì)十分重要。本篇文章里,作者總結(jié)了引導(dǎo)頁(yè)的類型和設(shè)計(jì)方法,一起來(lái)看一下。
引導(dǎo)頁(yè)可以算作我們打開(kāi)一個(gè)新產(chǎn)品時(shí)看到的第一個(gè)畫(huà)面,能在未使用產(chǎn)品之前提前告知產(chǎn)品的主要功能與特點(diǎn)。
第一印象的好壞會(huì)很大程度上影響到后續(xù)的產(chǎn)品使用體驗(yàn)。文章通過(guò)梳理引導(dǎo)頁(yè)設(shè)計(jì)的構(gòu)成,總結(jié)出實(shí)用的觀點(diǎn)與方法來(lái)助力引導(dǎo)頁(yè)設(shè)計(jì)。
一、什么是引導(dǎo)頁(yè)?
第一次打開(kāi)新的應(yīng)用時(shí)通常能會(huì)看到2-3個(gè)系列開(kāi)屏頁(yè),上面有簡(jiǎn)短的文案來(lái)解釋產(chǎn)品的功能,方便用戶使用。
又或者打開(kāi)一個(gè)全新的社交類產(chǎn)品,會(huì)引導(dǎo)用戶進(jìn)行創(chuàng)建帳號(hào)、設(shè)置偏好、添加興趣等一系列操作,從零開(kāi)始帶用戶了解產(chǎn)品。
通過(guò)友好的引導(dǎo)頁(yè)向用戶介紹價(jià)值主張以及產(chǎn)品將如何改善他們的生活。
入門(mén)引導(dǎo)有助于用戶了解需要做什么以及怎么做、才能從產(chǎn)品中獲得需要的東西。這是一種與用戶建立信任的方法,不僅有助于用戶,也是提高業(yè)務(wù)轉(zhuǎn)化率和保留率的關(guān)鍵。
二、為什么引導(dǎo)頁(yè)很重要?
平均來(lái)說(shuō),近四分之一的用戶會(huì)在僅使用產(chǎn)品一次后就因?yàn)楦鞣N原因放棄再次使用。一旦用戶試用了產(chǎn)品并且離開(kāi),可能很難再次成為產(chǎn)品的使用者,除非他們能從產(chǎn)品中獲得一些有價(jià)值的內(nèi)容。
例如我們花時(shí)間和精力去下載一個(gè)新產(chǎn)品時(shí),總會(huì)帶著某種目的性,希望這個(gè)產(chǎn)品能在某種程度上解決現(xiàn)階段遇到的問(wèn)題或者改善我們的生活。
Twine將漸進(jìn)式的引導(dǎo)頁(yè)融入到產(chǎn)品體驗(yàn)中,用戶的流失率降低了一半以上。
用戶留存率和客戶忠誠(chéng)度是大多數(shù)產(chǎn)品和服務(wù)成功的關(guān)鍵因素,合適的引導(dǎo)頁(yè)可以提高長(zhǎng)期留存率。
為產(chǎn)品或服務(wù)添加新功能雖然很好,但如果用戶不了解或不知道如何使用,會(huì)導(dǎo)致用戶在很大程度上未充分利用這些新功能,那么它們就沒(méi)有為用戶帶來(lái)太大的價(jià)值。
三、引導(dǎo)頁(yè)設(shè)計(jì)類型和方法
1. 引導(dǎo)頁(yè)類型
為滿足新用戶的需求并留住他們,大多數(shù)產(chǎn)品會(huì)采用幾種引導(dǎo)頁(yè)組合來(lái)為用戶提供指導(dǎo)。
1)入門(mén)之旅
這是一種在移動(dòng)應(yīng)用中非常流行的模式。用戶第一次啟動(dòng)產(chǎn)品后,他們會(huì)看到幾個(gè)快速概述產(chǎn)品價(jià)值和基礎(chǔ)知識(shí)的頁(yè)面。
這種簡(jiǎn)單、靜態(tài)的介紹為新用戶提供了一個(gè)很好的入門(mén)。
Slack通過(guò)四屏概覽引入了新用戶,整個(gè)介紹流程很清晰,為用戶提供了明確的進(jìn)度點(diǎn)以及跳過(guò)選項(xiàng)。
最好的做法是為用戶提供進(jìn)度指示以及退出或跳過(guò)選項(xiàng)。這樣他們就會(huì)明白還有多少介紹內(nèi)容需要閱讀,并且不會(huì)感到困惑。
2)工具提示和指導(dǎo)標(biāo)記
這是另一種很常見(jiàn)且相對(duì)省力的方法,用于從一開(kāi)始并貫穿整個(gè)產(chǎn)品體驗(yàn)來(lái)引導(dǎo)用戶。
Twine使用工具提示和指導(dǎo)標(biāo)記幫助用戶快速了解頁(yè)面情況。
在為Metrie的3D房間配置器設(shè)計(jì)界面時(shí),通過(guò)添加指導(dǎo)標(biāo)記的可切換圖層,將它們合并到加載屏幕中。
雖然這種帶注釋的引導(dǎo)設(shè)計(jì)很有用,但要注意不要過(guò)度使用或者連續(xù)彈出多個(gè)窗口來(lái)干擾用戶。一次引導(dǎo)用戶使用一個(gè)元素或操作,避免解釋太多顯而易見(jiàn)的事情。
3)引導(dǎo)任務(wù)完成
讓用戶記住某事最好的方法就是讓他們實(shí)際去做。引導(dǎo)式任務(wù)是通過(guò)一系列步驟提示用戶與產(chǎn)品交互的方法,常用于當(dāng)產(chǎn)品希望用戶盡早創(chuàng)建帳戶或設(shè)置一些個(gè)性化參數(shù)時(shí)。
用戶首次進(jìn)入團(tuán)隊(duì)管理平臺(tái)Basecamp時(shí),會(huì)被引導(dǎo)完成一項(xiàng)任務(wù),以此來(lái)熟悉產(chǎn)品的特性和功能。
2. 什么時(shí)間開(kāi)始引導(dǎo)
從初次進(jìn)入到持續(xù)使用的整個(gè)過(guò)程中,決定在產(chǎn)品體驗(yàn)的哪個(gè)部分使用哪種引導(dǎo)模式對(duì)于用戶體驗(yàn)來(lái)說(shuō)都至關(guān)重要。
1)開(kāi)箱即用
第一印象很重要,因?yàn)楹芏嘤脩粼诘谝淮未蜷_(kāi)產(chǎn)品后就把它放棄了。
日記應(yīng)用Dailyo友好細(xì)致的引導(dǎo)頁(yè)向用戶解釋了產(chǎn)品的價(jià)值,并提供了如何讓用戶從中獲益的提示。
2)漸進(jìn)式引導(dǎo)
用戶完成了開(kāi)箱即用的流程之后,在使用產(chǎn)品的過(guò)程中仍然有很多機(jī)會(huì)可以繼續(xù)幫助、啟發(fā)和取悅用戶。
每當(dāng)用戶選擇一種新語(yǔ)言來(lái)學(xué)習(xí)時(shí),多鄰國(guó)都會(huì)提示用戶表明他們的專業(yè)水平,然后測(cè)試他們的語(yǔ)言能力。這有助于用戶避免因高估自己的能力而有可能放棄使用的挫折感。
3)新功能上線
當(dāng)產(chǎn)品推出新功能或?qū)w驗(yàn)進(jìn)行重大的改動(dòng)時(shí),需要讓用戶知道這些新功能的優(yōu)點(diǎn)以及如何使用。
當(dāng)Facebook為用戶引入一項(xiàng)新功能時(shí),會(huì)通過(guò)一個(gè)高度可見(jiàn)的工具提示標(biāo)注來(lái)讓用戶知道如何在一個(gè)簡(jiǎn)單的消息中使用新的功能。
四、引導(dǎo)頁(yè)設(shè)計(jì)實(shí)踐和技巧
1. 了解用戶
通過(guò)了解用戶來(lái)調(diào)整引導(dǎo)頁(yè)的設(shè)計(jì),發(fā)現(xiàn)并利用用戶現(xiàn)有的心智模型,來(lái)幫助彌合用戶對(duì)產(chǎn)品的期望。
Basecamp通過(guò)提供一個(gè)簡(jiǎn)單的選擇面板和友好的指南,突出了新用戶在首次使用時(shí)要注意的核心要素。
在構(gòu)建產(chǎn)品時(shí),用戶測(cè)試和可用性分析不僅能幫助團(tuán)隊(duì)改進(jìn)整體設(shè)計(jì),還能告知用戶在入門(mén)時(shí)應(yīng)關(guān)注哪些內(nèi)容。
2. 與用戶價(jià)值聯(lián)系起來(lái)
使用福利介紹來(lái)提醒用戶為什么產(chǎn)品或服務(wù)適合滿足特定需求。
Inbox對(duì)入門(mén)體驗(yàn)進(jìn)行了冗長(zhǎng)的介紹,但每個(gè)案例都強(qiáng)調(diào)了其功能將如何使用戶的生活更輕松。
3. 快速引導(dǎo)
使用一個(gè)實(shí)體產(chǎn)品時(shí),很少有人愿意翻看說(shuō)明書(shū),相反大家更愿意自己去摸索產(chǎn)品的功能。
Morningstar Financial的入門(mén)引導(dǎo)違反保持簡(jiǎn)單引導(dǎo)的準(zhǔn)則,因?yàn)闆](méi)有人愿意花費(fèi)時(shí)間去閱讀這么多的說(shuō)明,更別說(shuō)記住這些說(shuō)明。
如果產(chǎn)品很簡(jiǎn)單,快速的概覽可能就足夠了。當(dāng)需要更深入時(shí)可以考慮漸進(jìn)式引導(dǎo),將引導(dǎo)擴(kuò)展到整個(gè)產(chǎn)品體驗(yàn)中。
4. 可重復(fù)引導(dǎo)
入門(mén)引導(dǎo)之后,不能假設(shè)用戶不會(huì)再次訪問(wèn)這些引導(dǎo)內(nèi)容,用戶很可能忘記了第一次引導(dǎo)時(shí)提到的技巧或內(nèi)容,所以考慮在導(dǎo)航中設(shè)置一個(gè)“幫助”模塊,便于用戶重復(fù)回看這些引導(dǎo)內(nèi)容。
指導(dǎo)標(biāo)記可以根據(jù)用戶需要在房間中選擇打開(kāi)或關(guān)閉,這使用戶能夠根據(jù)自己的實(shí)際情況獲得指導(dǎo)和幫助。
5. 避免過(guò)于個(gè)性化
鼓勵(lì)新用戶提供一些有助于個(gè)性化體驗(yàn)的信息是很好的,但需要注意不能要求太多細(xì)節(jié),導(dǎo)致讓用戶有一種信息泄漏的感覺(jué)。
產(chǎn)品不應(yīng)該向用戶詢問(wèn)太多不必要的問(wèn)題,尤其是在剛開(kāi)始使用的時(shí)候。
首次使用Pinterest時(shí),用戶需要使用郵箱才能登錄,再通過(guò)年齡和興趣愛(ài)好的選擇為用戶帶來(lái)個(gè)性化的體驗(yàn)。
最后
引導(dǎo)頁(yè)不僅僅是一瞬間的操作,而是一個(gè)與受眾建立并保持信任的過(guò)程。
原文:toptal.com/designers/product-design/guide-to-onboarding-ux
作者:Bree Chapin
譯者:Clippp
作者:Clippp,微信公眾號(hào):Clip設(shè)計(jì)夾。每周精選設(shè)計(jì)文章,專注分享關(guān)于產(chǎn)品、交互、UI視覺(jué)上的設(shè)計(jì)思考。
本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議。
組織工作
文章寫(xiě)的不錯(cuò),我來(lái)借助這個(gè)文章引個(gè)蜘蛛http://www.woshimarketing.com/