不得不說的新手引導(dǎo)二三事

0 評(píng)論 17802 瀏覽 29 收藏 11 分鐘

來看一下如何做引導(dǎo)流程。

中國(guó)著名哲學(xué)家老子說過:“千里之行始于足下”。這個(gè)簡(jiǎn)單而強(qiáng)大的道理同樣適用于眾多數(shù)字產(chǎn)品的設(shè)計(jì):與app或網(wǎng)站的關(guān)系建立于第一印象,由通過嘗試某種操作的實(shí)際交互流程所決定。

這個(gè)過程通常需要花費(fèi)一些時(shí)間,但對(duì)建立用戶與產(chǎn)品之間的粘性卻起著至關(guān)重要的作用。那么我們從介紹應(yīng)用的流行手法——新手引導(dǎo)開始,來看一下如何做引導(dǎo)流程。

為什么需要引導(dǎo)流程?

首先,來看看基本術(shù)語(yǔ)。Onboarding這個(gè)概念起源于人力資源領(lǐng)域,意為“新人的入職培訓(xùn)”,是企業(yè)制定的一系列用于幫助新員工迅速適應(yīng)新環(huán)境的步驟和方法,并卓有成效。

對(duì)大多數(shù)人來說,嘗試新事物需要付出各種努力和考慮,讓人倍感壓力。所以哪怕是看起來很微小的幫助也可能讓決策更容易、更和諧。特殊的策略可以糾正可能產(chǎn)生的問題,讓新人在新地方更有信心,更高效的投入工作并與同事快速熟悉起來,更快為公司產(chǎn)生價(jià)值。

數(shù)字產(chǎn)品作為日常生活中不可或缺的一部分,一開始就吸納了onboarding這個(gè)概念,是指在用戶首次使用產(chǎn)品時(shí)取悅用戶并介紹產(chǎn)品的一系列交互。

設(shè)計(jì)新手引導(dǎo)時(shí),最重要的一件事便是理出清晰的優(yōu)先級(jí)。用戶的時(shí)間是有限的,他們想要在實(shí)際上手操作之前,充分了解這個(gè)產(chǎn)品。

此外,人的操作記憶和對(duì)優(yōu)先級(jí)的認(rèn)知是有限的,所以產(chǎn)品的創(chuàng)造者應(yīng)明確在不同階段分別提供不同的信息,而不是一次性給出大量數(shù)據(jù),讓用戶感到困惑和尷尬。

在Adobe Creative Cloud Blog最近的一篇文章中,UX研究員、認(rèn)知心理學(xué)家,Youtube的UX部門負(fù)責(zé)人Rob Youmans說,“在設(shè)計(jì)中,首次啟動(dòng)時(shí)需要顯示重要度和新近度。當(dāng)用戶開始了解一個(gè)新產(chǎn)品時(shí)通常會(huì)有教程、向?qū)?、說明或其他內(nèi)容。設(shè)計(jì)師在這方面花功夫是極為明智的,重要的信息放最前或者最后,畢竟你希望人們稍后使用產(chǎn)品時(shí)記住它們?!?/p>

什么是新手引導(dǎo)?

新手引導(dǎo)是在用戶第一次與產(chǎn)品交互時(shí)展示的一組畫面。在絕大多數(shù)情況下,設(shè)計(jì)師會(huì)用3-4屏頁(yè)面去向新用戶介紹產(chǎn)品的相關(guān)信息。

App 新手引導(dǎo)是尊重用戶的標(biāo)志:通過它用戶可以快速了解這個(gè)app所能解決的問題、有什么用以及能夠幫用戶解決什么問題。當(dāng)然,如果信息足夠清晰,這是一個(gè)很好的、提升可用性的手段。

為什么你的app需要新手引導(dǎo)?

新手引導(dǎo)有三個(gè)基本功能:

打招呼

App新手引導(dǎo)是用戶與產(chǎn)品建立的第一次聯(lián)系。這是一種介紹行為,在大多數(shù)情況下,模仿真實(shí)交往場(chǎng)景,從打個(gè)招呼開始,尤其是當(dāng)應(yīng)用程序擁有吉祥物或性格角色時(shí),它們可以成為與用戶交流的直接主體。打招呼需謹(jǐn)慎使用,問候語(yǔ)盡量短小精干,否則會(huì)轉(zhuǎn)移用戶對(duì)于核心信息的注意力。

信息傳達(dá)

這可能是新手引導(dǎo)任務(wù)中最有價(jià)值的部分。首先,新手引導(dǎo)是用戶入門的第一步,因此應(yīng)該告訴用戶為什么要使用本產(chǎn)品或者本產(chǎn)品有哪些基本功能。用戶研究和產(chǎn)品的USP(營(yíng)銷理論,指商品獨(dú)特的銷售主張)有助于設(shè)計(jì)師和文案快速找到向用戶提供關(guān)鍵信息的方法。

參與

另外,新手引導(dǎo)為產(chǎn)品抓住用戶奠定了堅(jiān)實(shí)基礎(chǔ),它可以快速向用戶展示產(chǎn)品最有價(jià)值的地方,刺激用戶去嘗試,并容忍探索未知時(shí)可能會(huì)遇到的困難。

此外,符合目標(biāo)受眾喜好的設(shè)計(jì)風(fēng)格,更能激發(fā)用戶想要了解更多的興趣。多數(shù)情況下,用戶是視覺驅(qū)動(dòng)的生物:我們通常會(huì)對(duì)符合我們審美的設(shè)計(jì)或視覺表達(dá)出的特定情緒感興趣。而新手引導(dǎo)則是要從第一秒開始就充分利用這個(gè)法則。

新手引導(dǎo)設(shè)計(jì)需要注意什么?

新手引導(dǎo)的結(jié)構(gòu)與內(nèi)容對(duì)于項(xiàng)目來說是相對(duì)獨(dú)立的。影響設(shè)計(jì)解決方案的因素有很多,但都不外乎這三個(gè)核心問題:用戶需求/愿景/預(yù)期、產(chǎn)品性質(zhì)和商業(yè)目標(biāo)。作為產(chǎn)品的門面,新手引導(dǎo)是一種利用動(dòng)態(tài)效果和吸引人的內(nèi)容來展示產(chǎn)品基本信息的方式。

自定義圖像或插畫

大部分人對(duì)圖片的解析速度快于文字,邏輯性的圖像可以將信息快速傳達(dá)給用戶。在引導(dǎo)中 使用照片或手繪稿,可以大大提升其解釋力和辨識(shí)度。選擇可以是多樣的,簡(jiǎn)潔的圖標(biāo)或復(fù)雜精致的藝術(shù)作品都可以。插圖是一種不錯(cuò)的方式,可以最大限度減少文案在頁(yè)面中的使用。在兒童或青少年app中,使用插圖特別有效并顯得更加人性化。

在近年的設(shè)計(jì)趨勢(shì)中,為特定界面設(shè)計(jì)自定義插圖已經(jīng)日益普及。大家都喜歡在app 新手引導(dǎo)嘗試各種設(shè)計(jì)風(fēng)格。在很多案例中,自定義插圖成為創(chuàng)作的中心內(nèi)容,用一種容易理解且吸引人的方式表達(dá)出產(chǎn)品的特性和用處。另一種流行的方法是引用吉祥物,模仿與用戶的真實(shí)溝通并設(shè)立情感紐帶。

文案與排版

新手引導(dǎo),文字即是力量。 有力量的文字符合兩個(gè)簡(jiǎn)單的原則:簡(jiǎn)短、有效。毫無疑問, 精煉短小的句子比長(zhǎng)句更難寫: 你必須找到有效的方法,避免用戶在閱讀新手引導(dǎo)時(shí)浪費(fèi)寶貴時(shí)間。 如果允許,可以請(qǐng)一個(gè)文案專家,打造出字字珠璣的引導(dǎo)文案。或者,利用你的閑暇時(shí)間去思考一些簡(jiǎn)明、抓人眼球且清晰的文案 ,讓這些言語(yǔ)表達(dá)適用于目標(biāo)用戶并契合產(chǎn)品目標(biāo)。和設(shè)計(jì)方案一樣, 文案也需要反復(fù)推敲,以找到能打動(dòng)用戶的最佳方式。

設(shè)計(jì)師應(yīng)該牢記的另一個(gè)點(diǎn)是:文案也是一個(gè)重要的視覺元素。除了圖標(biāo)、字段、按鈕、插圖、控件等,文字也是和其他圖形組件一樣占據(jù)屏幕或網(wǎng)頁(yè)的一部分,并影響app和網(wǎng)站的風(fēng)格呈現(xiàn)。此外, 文案成功與否也取決于文字的字體、樣式、背景,以及位置等設(shè)計(jì)方案的選擇。這些因素都極大影響了可讀性,所以在設(shè)計(jì)不當(dāng)時(shí),文案就會(huì)失去本應(yīng)有的價(jià)值和意義。

動(dòng)畫

另一種制作引導(dǎo)的方法不僅易傳達(dá)信息,而且更具吸引力,這就是運(yùn)用動(dòng)畫。動(dòng)效讓交互變得更有活力, 讓界面擁有生命力,博人眼球。更重要的一點(diǎn),動(dòng)畫可以突出重要的細(xì)節(jié)。不過,動(dòng)效會(huì)增加加載時(shí)所需時(shí)間與流量,因此需要與開發(fā)人員就技術(shù)實(shí)現(xiàn)進(jìn)行討論。

清晰的頁(yè)碼

一般來說,新手引導(dǎo)會(huì)有幾個(gè)頁(yè)面,每一頁(yè)對(duì)應(yīng)一個(gè)產(chǎn)品特性和用處。請(qǐng)記住,從這個(gè)一開始的交互開始,用戶就應(yīng)該知道他們?cè)谀?,使用路徑有多長(zhǎng),因此通常會(huì)使用頁(yè)面指示器這種簡(jiǎn)單快捷的控件。

可以跳過

另一件需要注意的事情是:跳過引導(dǎo)。并不是所有用戶在第一次使用產(chǎn)品時(shí)都需要引導(dǎo),因此對(duì)于某些產(chǎn)品,允許用戶跳過是合理的。是否允許用戶跳過,取決于對(duì)目標(biāo)受眾的測(cè)試與數(shù)據(jù)分析。

最后,在界面中,細(xì)節(jié)決定成敗。正如古諺語(yǔ)所說:“好禮服是邀請(qǐng)函,好頭腦是推薦信?!碑?dāng)然,如果這個(gè)產(chǎn)品對(duì)用戶來說毫無用處,新手引導(dǎo)設(shè)計(jì)的再好,都無濟(jì)于事。然而,如果產(chǎn)品能滿足需求解決問題,并且易用性強(qiáng),那么新手引導(dǎo)可以讓體驗(yàn)更流暢、更愉快。好禮服能讓人印象深刻——經(jīng)過深思熟慮設(shè)計(jì)的新手引導(dǎo)便是如此。

 

作者:Tubik Studio

譯者:Donkey

原文鏈接:https://uxplanet.org/design-of-onboarding-tutorial-greet-inform-engage-55c36c9b4999

來源:微信公眾號(hào):滬江設(shè)計(jì)中心(ID:HJ-UED)

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!