產(chǎn)品設(shè)計(jì):請(qǐng)拒絕引導(dǎo)頁(yè)

4 評(píng)論 10723 瀏覽 90 收藏 18 分鐘

我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí),習(xí)慣性按照市場(chǎng)上常規(guī)的模式進(jìn)行設(shè)計(jì)。隨著技術(shù)展現(xiàn)能力的提高,引導(dǎo)頁(yè)的形式和內(nèi)容都變得越來(lái)越多樣化。本文顛覆習(xí)慣性模式并思考一下引導(dǎo)頁(yè)的來(lái)源、特性、實(shí)際意義。

引導(dǎo)用戶學(xué)習(xí)APP用法或了解APP作用的頁(yè)面都可以稱為引導(dǎo)頁(yè)。

APP下載完成后第一次打開時(shí),展示3-5頁(yè)圖文組合的頁(yè)面,對(duì)產(chǎn)品進(jìn)行介紹,這些頁(yè)面顯示APP內(nèi)容前面,被理解為“前置引導(dǎo)頁(yè)”。如果在APP使用中或是更新版本后界面上提示新功能的位置和使用方法,這些頁(yè)面被理解為“過(guò)程引導(dǎo)頁(yè)”。

由于引導(dǎo)頁(yè)在每個(gè)APP中運(yùn)用的方式不同,或者只有其中一種類型的引導(dǎo)頁(yè),本文旨在詳細(xì)分析一下運(yùn)用率較高的前置引導(dǎo)頁(yè)(以下簡(jiǎn)稱為“引導(dǎo)頁(yè)”)。

為什么設(shè)計(jì)引導(dǎo)頁(yè)

1. 受歷史原因影響

在PC的時(shí)代,軟件盛行,以Adobe和Office系列為代表,任何一款軟件不僅會(huì)配備說(shuō)明書,在軟件界面還有專門的用戶幫助頁(yè)面。到了移動(dòng)軟件時(shí)代,我們一直沿襲對(duì)歷史經(jīng)驗(yàn)的尊重和崇拜,但是顯然不可能通過(guò)電子郵件給所有用戶發(fā)送電子版說(shuō)明,于是在APP上進(jìn)行簡(jiǎn)化的展示,最終形成了今天的樣式。

2. 尼爾森的交互設(shè)計(jì)原則第二條:匹配系統(tǒng)與真實(shí)世界

它的指導(dǎo)意義是:設(shè)計(jì)要貼近生活和人們已經(jīng)完成系統(tǒng)認(rèn)知的環(huán)境。

真實(shí)的世界是,我們購(gòu)買新的機(jī)動(dòng)車、藥品、電器等都會(huì)配一個(gè)說(shuō)明書,告訴我們每個(gè)細(xì)節(jié)的功能如何使用、如何組裝、注意事項(xiàng)等等。不管用戶看不看,說(shuō)明書一定會(huì)隨產(chǎn)品一起交給用戶。

3. 為新手用戶設(shè)計(jì)

在設(shè)計(jì)原則中,我們要滿足不同層級(jí)的用戶的需求,其中為新用戶設(shè)計(jì)被認(rèn)為是重要的一環(huán)。而引導(dǎo)頁(yè)是為新用戶設(shè)計(jì)的主要策略,設(shè)計(jì)者通常擔(dān)心用戶不會(huì)使用APP而進(jìn)行講解和展示。

4. 引導(dǎo)頁(yè)是產(chǎn)品與用戶的第一次接觸

根據(jù)沉錨效應(yīng),人們的判斷容易受到第一印象或最先獲取的信息影響,形成固定思維。引導(dǎo)頁(yè)獨(dú)特的地理位置,被用來(lái)?yè)屨加脩舻谝挥∠螅谝挥∠蟮暮脡谋徽J(rèn)為是影響整個(gè)產(chǎn)品的用戶體驗(yàn),更是因此耗費(fèi)諸多的精力和靈感去展現(xiàn)。

引導(dǎo)頁(yè)特性

引導(dǎo)頁(yè)的功能特性:

  1. 亮點(diǎn)功能展示
  2. 操作引導(dǎo)文字和指示
  3. 用作推廣宣傳

引導(dǎo)頁(yè)顯示特性:

  1. 具有強(qiáng)制性
  2. 不重復(fù),僅首次進(jìn)入顯示
  3. 獨(dú)立性,不與其他功能聯(lián)系
  4. 不固定性,可隨著版本迭代

體驗(yàn)分析過(guò)程

1. “沉錨效應(yīng)”對(duì)癥分析

人們的判斷容易受到第一印象或最先獲取的信息影響,形成固定思維。

用戶的滿意度=用戶體驗(yàn)-用戶的期望,這是一條比較基本的用戶法則。APP的留存很大程度上取決于用戶的滿意度。

如果用戶在意且查看引導(dǎo)頁(yè),沉錨效應(yīng)生效,引導(dǎo)頁(yè)對(duì)于用戶的第一印象很深刻,用戶的期望就越高,涉及到紅包、金幣等利益許諾時(shí)尤其明顯。引導(dǎo)頁(yè)上的功能無(wú)法通過(guò)幾個(gè)字?jǐn)⑹銮宄?,在?shí)際體驗(yàn)過(guò)程中,限制條件增多,失望增加,滿意度降低。

例:“注冊(cè)送180元紅包”。

實(shí)際上是10個(gè)100-18的品類券。

例:“不用等,小說(shuō)更新一觸即達(dá)”。

網(wǎng)絡(luò)加載速度未必能夠?qū)崿F(xiàn);小說(shuō)更新的方式,用戶未必能理解。

在用戶體驗(yàn)未定論的前提下,用戶的期望越高,這對(duì)于用戶滿意度的提升十分不利;

如果用戶不在意引導(dǎo)頁(yè),快速跳過(guò),則說(shuō)明引導(dǎo)頁(yè)對(duì)其無(wú)吸引力甚至反感,沉錨效應(yīng)未生效,且徒增了用戶的無(wú)用操作。

因此“沉錨效應(yīng)”對(duì)于用戶滿意度并沒有有利因素,沉錨效應(yīng)更適合于多種并列的選擇或者觀點(diǎn)。

2. 歷史原因追溯分析

PC時(shí)代的軟件對(duì)于現(xiàn)在移動(dòng)互聯(lián)時(shí)代的APP參考意義大嗎?

在PC的時(shí)代,以Adobe和Office系列為代表,它們是幫助用戶完成想法展現(xiàn)的專業(yè)性工具。用戶掌握一門軟件都會(huì)有等級(jí)之分,分為基本掌握、熟練掌握、精通、專家。 這些對(duì)于用戶的系統(tǒng)學(xué)習(xí)來(lái)說(shuō)遠(yuǎn)遠(yuǎn)不夠,培訓(xùn)學(xué)校和視頻教程網(wǎng)站都有相關(guān)的課程幫助用戶學(xué)習(xí)。

photpshop界面展示

移動(dòng)互聯(lián)時(shí)代的APP,是隨著智能手機(jī)應(yīng)運(yùn)而生的,只要會(huì)使用智能手機(jī)均能完成對(duì)APP的基本操作。環(huán)顧一下生活, 移動(dòng)互聯(lián)時(shí)代的APP像玩具,種類多樣、使用無(wú)門檻、娛樂為主要目的、有不同的適用人群。玩玩具的基本操作:推、拉、擰、插、拔、堆、寫進(jìn)行展現(xiàn),這也對(duì)應(yīng)了操作APP的動(dòng)作:按、滑、拖動(dòng)、下拉等。

玩具一般不配備說(shuō)明書,用戶會(huì)根據(jù)玩具展現(xiàn)出來(lái)的狀態(tài)進(jìn)行上述動(dòng)作,玩具的宗旨就是不束縛用戶取樂的方式,尤其要發(fā)揮孩子的想象力。我們平時(shí)使用的APP呢,也有一套設(shè)計(jì)好的功能和流程,也無(wú)法想象用戶會(huì)怎樣將APP為己所用;就像微信,一個(gè)社交軟件,無(wú)論如何也想象不到成了微商平臺(tái),用社交的名義買賣。所以這個(gè)時(shí)代的APP會(huì)在和用戶的交互火花中探索前進(jìn)。

PC時(shí)代的軟件其專業(yè)性、難度指數(shù)、體量大小都遠(yuǎn)遠(yuǎn)大于移動(dòng)互聯(lián)時(shí)代的APP。設(shè)想一下,你是否曾經(jīng)在簡(jiǎn)歷上寫過(guò),精通XX軟件工具,作為你的加分項(xiàng)?再設(shè)想一下現(xiàn)在,誰(shuí)會(huì)標(biāo)榜自己會(huì)使用APP?

二者是不同時(shí)代的產(chǎn)物,依附于不同的設(shè)備,二者屬于類似,并不是相似,因此匹配價(jià)值不高,因此我們不能用格式化的思維去看待二者,在歷史原因追溯上,我們無(wú)法找到用戶引導(dǎo)相關(guān)的歷史性需求。

3. 現(xiàn)實(shí)原因追溯分析

設(shè)計(jì)要匹配系統(tǒng)與真實(shí)世界,真實(shí)的世界是,我們購(gòu)買新的機(jī)動(dòng)車、藥品、電器等都會(huì)配一個(gè)說(shuō)明書,告訴我們每個(gè)細(xì)節(jié)的功能如何使用、如何組裝、注意事項(xiàng)等等。不管用戶看不看,說(shuō)明書一定會(huì)隨產(chǎn)品一起交給用戶。

因?yàn)橐陨线@些產(chǎn)品存在潛在危險(xiǎn)性,操作不當(dāng)會(huì)造成巨大的損失,因此必需配備說(shuō)明書進(jìn)行說(shuō)明。

軟件并不存在用戶操作產(chǎn)生的危險(xiǎn)性,因此并不足以在現(xiàn)實(shí)生活中獲取匹配參考來(lái)源。

4. 為新手用戶設(shè)計(jì)

1. 新手有兩個(gè)概念:第一,第一次做某件事的人;第二,沒有技術(shù)或經(jīng)驗(yàn)的人。這里的新手并不是未掌握某項(xiàng)技術(shù)的人,與司機(jī)新手、技工新手等不同,因?yàn)槭褂肁PP門檻極低,且不算一項(xiàng)技術(shù)。這里的新人指的是第一次做某件事的人。第一次去的地方或做的事情,陌生的環(huán)境或者別人的眼光都會(huì)給人一種不踏實(shí)或者緊張的心理,這是我們?cè)谏钪械捏w驗(yàn)。那是因?yàn)槲覀兩钤谝粋€(gè)龐大的地球,新鮮、未知、危險(xiǎn)的事物眾多,會(huì)形成自我保護(hù)的心理。

而進(jìn)入APP,是一件可控的、無(wú)危險(xiǎn)的、無(wú)人觀摩的自由行為。

2. 擔(dān)心用戶找不到某個(gè)功能?

重要的功能在布局設(shè)計(jì)上,一定在用戶在使用核心功能時(shí)能夠發(fā)現(xiàn)的地方,也是整個(gè)頁(yè)面布局中的重要顯示位置,這是設(shè)計(jì)師的布局展現(xiàn)的基本能力。我們沒有必要擔(dān)心用戶看不到:

因?yàn)橛脩粲貌坏降墓δ埽词箍吹揭膊粫?huì)點(diǎn)開;

如果用戶想用的功能,即使看不到也會(huì)努力尋找;

我們要做的就是在用戶想用的時(shí)候能輕松找到就可以了。

因此, 引導(dǎo)頁(yè)和新手用戶之間的關(guān)系更像是母親和青春期的孩子:

媽媽:“我做了這些都是為你好”。

小明:“我已經(jīng)長(zhǎng)大了,我自己能行”。

另外,引導(dǎo)頁(yè)是單獨(dú)的頁(yè)面,不適合展示功能及操作方法,如果功能操作比較復(fù)雜且具備較強(qiáng)的獨(dú)特性,可以在功能顯示頁(yè)面上進(jìn)行必要的提示和說(shuō)明。

5. 引導(dǎo)頁(yè)的亮點(diǎn)展示必要分析

1. 我們?yōu)槭裁礇Q定下載使用這個(gè)APP?

  • 通過(guò)APP的廣告、口碑相傳、應(yīng)用市場(chǎng)推薦等多條途徑,我們獲取到來(lái)源信息
  • APP上的功能很有趣、資源豐富、幫助打理我的生活、好友都在用等等

任何發(fā)展期的產(chǎn)品,其廣告詞和推薦語(yǔ)肯定包含它的亮點(diǎn)功能。而成熟期的產(chǎn)品都是從發(fā)展期經(jīng)過(guò)的。

例如拼多多曾經(jīng)的宣傳語(yǔ):“低價(jià)拼好貨”,它的每個(gè)字都能突出它的亮點(diǎn)。

其中不乏有眾多APP的圖標(biāo)和名稱都能直接展示自身的特色:例如:“英語(yǔ)流利說(shuō)”。

不管哪一瞬間決定了你最終下載了這個(gè)APP ,你已經(jīng)對(duì)這個(gè)APP有了基本的了解,它歸屬于購(gòu)物、社交、音視頻、工具、理財(cái)、教育、辦公、出行中的哪類,它的亮點(diǎn)功能,能幫助我解決哪些問(wèn)題,甚至使用方式。

因此用戶在下載APP后,是有一定的認(rèn)知基礎(chǔ)的,多頁(yè)面的亮點(diǎn)大肆展示顯得冗余。

2. 引導(dǎo)頁(yè)的亮點(diǎn)現(xiàn)狀

實(shí)際上產(chǎn)品的功能大多是競(jìng)品都有,沒有突出的亮點(diǎn)功能就開始拼湊頁(yè)面,湊出幾個(gè)引導(dǎo)頁(yè)。

例如:靈活、高效、便捷。

描述模糊,虛無(wú)縹緲。

例如:深呼吸放心住 優(yōu)于國(guó)際e1級(jí)板材、十項(xiàng)認(rèn)證材料、41道關(guān)鍵工序、空氣密閉檢測(cè)、空置30天出租。

這些都是廣告詞描述。

其實(shí)大部分產(chǎn)品無(wú)亮點(diǎn)而言,產(chǎn)品好用才是最大的亮點(diǎn)。引導(dǎo)頁(yè)展示的也不過(guò)是功能簡(jiǎn)介或者實(shí)現(xiàn)形式。如果自身必要且必須展示自身的亮點(diǎn),建議精簡(jiǎn)且突出要點(diǎn)。

六、引導(dǎo)頁(yè)的強(qiáng)制特性

1. 哪些內(nèi)容需要具備強(qiáng)制性?

會(huì)因?yàn)橛脩粑传@取到某些信息,導(dǎo)致用戶有糾紛/損失/傷害等不愉快的事情的風(fēng)險(xiǎn)。

例如,開通支付功能時(shí),強(qiáng)制給用戶查看聲明信息后,才能完成此項(xiàng)操作。這樣一般是合理的,避免對(duì)功能的認(rèn)知差異導(dǎo)致糾紛和損失。

引導(dǎo)頁(yè)的任何內(nèi)容,其強(qiáng)制性展現(xiàn)并沒有達(dá)到如此重要的程度。

有人會(huì)問(wèn),如果引導(dǎo)頁(yè)上有“跳過(guò)”按鈕呢?

“跳過(guò)”按鈕一般放置在頁(yè)面的角落的位置,以正文大小的文字顯示。它在界面上的位置和所占面積大小,都決定了它在頁(yè)面中是極不重要的部分。也可以說(shuō)這是設(shè)計(jì)師想引導(dǎo)用戶去看其他部分而不想讓用戶發(fā)現(xiàn)和操作此按鈕的設(shè)計(jì)。

當(dāng)完成某個(gè)操作時(shí)有第二選擇時(shí),則不算強(qiáng)制性,它是一種強(qiáng)勢(shì)的表現(xiàn)。

這樣的設(shè)計(jì)造成的后果是:“跳過(guò)”按鈕未被查看到的幾率很高。即使用戶看到這個(gè)按鈕,尋找“跳過(guò)”按鈕和點(diǎn)擊所用的時(shí)間和查看引導(dǎo)頁(yè)的時(shí)間相差無(wú)幾,這成了進(jìn)入APP的兩種并列的途徑。當(dāng)用戶操作成本差不多的情況下,引導(dǎo)頁(yè)豐富的視覺效果會(huì)令自身加分,形成強(qiáng)勢(shì)引流。

什么時(shí)候運(yùn)用“跳過(guò)”按鈕?

跳過(guò)某個(gè)步驟,其實(shí)違反了設(shè)計(jì)師為用戶規(guī)劃的常規(guī)操作路徑。通常“跳過(guò)”按鈕適用于用戶體驗(yàn)相?;蛟O(shè)計(jì)者無(wú)權(quán)干涉的行為。

例如,廣告、電視劇片頭……

設(shè)計(jì)師無(wú)權(quán)干涉這些部分,會(huì)幫助大部分用戶尋找一種捷徑設(shè)計(jì),叫做“跳過(guò)”按鈕。

而引導(dǎo)頁(yè)上的“跳過(guò)”,是設(shè)計(jì)師在自己挖個(gè)坑,然后再建個(gè)橋,不過(guò)如此。

7. 引導(dǎo)頁(yè)的推廣特性

對(duì)用戶推廣自己的設(shè)計(jì)理念,尋找情感的共鳴,很多暖心的軟文顯示在引導(dǎo)頁(yè)上,軟文的出現(xiàn)會(huì)俘虜一小部分情感細(xì)膩的用戶,為其駐足停留。但是由于其內(nèi)容豐富,需要耐心品味,耗費(fèi)較多時(shí)間,又遇到展現(xiàn)形式的強(qiáng)制性,因此放置在引導(dǎo)頁(yè)的位置會(huì)事倍功半。

就像我們第一次一家很不錯(cuò)的餐館,就坐之后會(huì)發(fā)現(xiàn)精心的餐具、唯美的壁畫、考究的裝修,這些都需要用戶用心去體會(huì),再配上精美的軟文呈現(xiàn)在眼前的菜單上,我覺得這是比較理想的境界。

同樣第一次去這個(gè)餐館,還沒進(jìn)門,必須讀完墻上的宣傳內(nèi)容再進(jìn)去就餐,會(huì)顯得表達(dá)生硬。用戶更容易與實(shí)際體驗(yàn)進(jìn)行對(duì)比,預(yù)期與現(xiàn)實(shí)的差距會(huì)引起心理的落差。

因此引導(dǎo)頁(yè)推廣并不是品牌推廣的理想形式,目前的啟動(dòng)頁(yè)做推廣是更容易接受和轉(zhuǎn)化率更高的形式。

8. 用戶調(diào)研論證

1. 通過(guò)用戶調(diào)查問(wèn)卷的方式進(jìn)行了一次小范圍的用戶調(diào)查,約50%的用戶會(huì)用0-2秒快速查看或關(guān)閉引導(dǎo)頁(yè),約50%的用戶會(huì)2-5秒粗略瀏覽引導(dǎo)頁(yè),0%的用戶會(huì)5-10秒仔細(xì)瀏覽引導(dǎo)頁(yè)。

2. 重新下載了一遍APP,發(fā)現(xiàn)多數(shù)APP其最新版本上引導(dǎo)頁(yè)已經(jīng)去掉,僅有過(guò)渡頁(yè)面顯示。

試驗(yàn)證明:

  1. 引導(dǎo)頁(yè)的作用基本未得到體現(xiàn)和認(rèn)可。
  2. 引導(dǎo)頁(yè)的展示并未使用戶養(yǎng)成習(xí)慣,并由習(xí)慣轉(zhuǎn)為接受。

最后

如果你的APP并不具備較強(qiáng)專業(yè)性,如果你的APP并不需要自定義設(shè)置,請(qǐng)拒絕引導(dǎo)頁(yè)——

1. 為了產(chǎn)品輕量化

2. 為了用戶操作自由

3. 為了珍惜用戶停留在APP的每一秒鐘

如果產(chǎn)品有需要說(shuō)明或展示的內(nèi)容,可以放在進(jìn)入APP的過(guò)渡頁(yè)面上。

結(jié)語(yǔ):引導(dǎo)依然是產(chǎn)品設(shè)計(jì)中重要的過(guò)程,但設(shè)計(jì)中如何去引導(dǎo)是我們需要一直學(xué)習(xí)和思考的。

以上僅代表作者個(gè)人觀點(diǎn)。

 

本文由 @張寧寧 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看完覺得分析地通俗易懂,很認(rèn)同作者的觀點(diǎn)。

    回復(fù)
  2. 朋友可以加你公眾號(hào)嗎

    回復(fù)
  3. 可以加一下好友嗎?

    來(lái)自北京 回復(fù)
    1. 已私信

      回復(fù)