產(chǎn)品魅力釋放的舞臺(tái):引導(dǎo)頁設(shè)計(jì)窺探
引導(dǎo)頁因?yàn)槠渚薮蟮陌菪猿蔀樵O(shè)計(jì)師發(fā)揮他們天馬行空想象力的舞臺(tái),也是產(chǎn)品彰顯其獨(dú)特魅力的渠道。
老子曾經(jīng)說過,“千里之行,始于足下”,這句話告訴了我們一個(gè)再簡單不過的道理:再遠(yuǎn)的路只要一步步的去走,終會(huì)有到達(dá)的那一天。兩千多年過去了,這句話同樣適用于當(dāng)前的互聯(lián)網(wǎng)行業(yè)。
作為設(shè)計(jì)師,我們一直希望自己的產(chǎn)品可以給用戶提供最好的用戶體驗(yàn)。拿app來說,他們對(duì)這款產(chǎn)品的第一印象起始于引導(dǎo)頁。第一印象產(chǎn)生的時(shí)間極短,但是它所帶來的影響卻要長遠(yuǎn)的多。如果說給用戶構(gòu)建一個(gè)完美的用戶體驗(yàn)體系是我們的“千里”,那么引導(dǎo)頁就是我們“足下”的第一步。所以一款app的引導(dǎo)頁對(duì)于用戶和產(chǎn)品之間紐帶的建立是十分重要的。
什么是引導(dǎo)頁?
引導(dǎo)頁英文Onboarding原文意為新員工的入職培訓(xùn)。這與我們使用一款新app相類似,人們嘗試新事物過程中會(huì)產(chǎn)生緊張與不安,引導(dǎo)頁的作用就是短時(shí)間內(nèi)讓用戶對(duì)這款產(chǎn)品有一個(gè)大概的了解,緩解用戶的焦慮與不安,讓用戶更快的進(jìn)入使用環(huán)境。
引導(dǎo)頁的三個(gè)基本功能
引導(dǎo)頁可以做的很簡單,也可以做的很復(fù)雜。但是再簡單的的引導(dǎo)頁也必須有三個(gè)功能:問候、傳遞信息和提升參與度。
問候
引導(dǎo)頁是用戶和這款app的第一次接觸,她的作用相當(dāng)于向用戶進(jìn)行自我介紹和問候。當(dāng)然問候不意味著我們要真正寫一個(gè)“Hi”或者“用戶,您好”,有的時(shí)候一個(gè)吉祥物形象或者字符也能向用戶傳遞問候。問候和介紹要盡量的簡短,不要分散用戶過多的注意力。
傳遞信息
這是引導(dǎo)頁對(duì)于用戶來說最重要的一項(xiàng)功能。優(yōu)秀的引導(dǎo)頁用戶瀏覽后會(huì)對(duì)這款app的核心功能有一個(gè)大致的了解。此外引導(dǎo)頁要起到操作說明書的作用,告訴用戶如何快速上手操作,這會(huì)降低用戶首次使用時(shí)的學(xué)習(xí)負(fù)擔(dān)。
當(dāng)然“用戶的時(shí)間是有限的”,用戶對(duì)于引導(dǎo)頁更多的是一瞥而過,不會(huì)投入過多的精力。短時(shí)間內(nèi)用戶能從引導(dǎo)頁中獲取的信息是極其有限的,這意味著我們必須對(duì)引導(dǎo)頁的內(nèi)容做一個(gè)優(yōu)先級(jí)篩選。只有真正重要的內(nèi)容才能放到引導(dǎo)頁中。
提升參與度
我們不僅要了解用戶,也要讓用戶了解我們,要建立用戶對(duì)于產(chǎn)品的依賴度。引導(dǎo)頁通過展示產(chǎn)品的價(jià)值和功能,可以在用戶心中建立對(duì)于產(chǎn)品的一個(gè)高期望值,而這高期望值會(huì)抵消首次使用時(shí)可能出現(xiàn)的負(fù)面情緒,保障用戶不會(huì)在短時(shí)間內(nèi)把你卸載。另外出彩的引導(dǎo)頁會(huì)極大的提升新用戶對(duì)于產(chǎn)品的好感,人類畢竟都是視覺動(dòng)物。
引導(dǎo)頁設(shè)計(jì)要素
不同的app有著不同核心功能和目標(biāo)用戶群,其引導(dǎo)頁的框架與內(nèi)容也是不一樣的。但是每一款app的用戶體驗(yàn)立足點(diǎn)卻是相同的:用戶需求、用戶期望、產(chǎn)品性質(zhì)、經(jīng)營目標(biāo)。引導(dǎo)頁作為用戶使用app的出發(fā)點(diǎn),我們的目標(biāo)是以一種動(dòng)態(tài)的,易懂的和有吸引力的方式告訴用戶這款app的基本信息。
引導(dǎo)頁一般有3-4頁,主要有圖片、文字和動(dòng)畫組成。
圖片
大多數(shù)人對(duì)圖片的感知速度要比文字來得快。無論是拍攝的照片還是手繪的插畫都可以充分的完成傳遞信息的功能。所以引導(dǎo)頁中圖片的合理使用會(huì)幫助用戶在短時(shí)間內(nèi)充分的獲取信息。當(dāng)然引導(dǎo)頁中對(duì)于插畫的要求不是很高,簡單的iocn類插畫也同樣出彩。插畫對(duì)于低年齡段用戶來說有著巨大的吸引力。特別是對(duì)于青少年來說,他們很喜歡帶有插畫的引導(dǎo)頁。
文字
對(duì)于引導(dǎo)頁來說,文字是占主導(dǎo)地位的。引導(dǎo)頁中文字要足夠的簡明扼要,降低用戶的閱讀時(shí)間。有的時(shí)候?qū)⒁粋€(gè)長句子縮寫成一個(gè)短句是比直接寫一個(gè)長句要更加困難的,因?yàn)槟惚仨殞W(xué)會(huì)從長句子中提取重要的信息。用戶不會(huì)在引導(dǎo)圖上花費(fèi)很多時(shí)間,他們不可能一字一句去讀,所以文字要盡量短小精悍。
動(dòng)畫
引導(dǎo)頁用戶雖然不會(huì)給予過多的注意力,但是這并不意味著我們可以降低對(duì)引導(dǎo)頁的視覺審美要求。引導(dǎo)頁也要做的足夠用心,要好看并且有吸引力。動(dòng)畫的應(yīng)用可以給界面注入生命力,增加界面活力。有趣的動(dòng)畫可以很好的娛樂用戶,這會(huì)提升他們對(duì)這款app的期望值。引導(dǎo)頁中有些信息是比較重要的,采用動(dòng)畫我們可以將用戶的注意力吸引過來。但是動(dòng)畫另一方面意味著更多的加載負(fù)擔(dān),更長的等待時(shí)間。所以對(duì)于動(dòng)畫的應(yīng)用,設(shè)計(jì)師應(yīng)該和開發(fā)進(jìn)行深入的溝通務(wù)必達(dá)到最優(yōu)的實(shí)現(xiàn)效果。
跳過選項(xiàng)
另一個(gè)我們需要考慮的要素就是是否要給用戶選擇跳過引導(dǎo)頁的選項(xiàng),因?yàn)椴皇敲恳粋€(gè)用戶都愿意看這些引導(dǎo)圖,即使是第一次使用的新用戶。當(dāng)然是否給用戶跳過選項(xiàng)要根據(jù)對(duì)目標(biāo)用戶群的調(diào)查和分析才能做出決定。
總結(jié)
這是一個(gè)內(nèi)容為王的時(shí)代,用戶真正關(guān)注的是頁面中的內(nèi)容,這款app究竟能給我解決什么樣難題,我通過使用這款app會(huì)帶來哪些便利。用戶對(duì)于界面樣式的關(guān)注度不是很高,淘寶客戶端更新了,采用了最新潮的漸變色,但是很少有用戶在網(wǎng)購的時(shí)候會(huì)注意到這些。所以客觀條件決定了設(shè)計(jì)師在內(nèi)容頁面中無法進(jìn)行更多的改進(jìn)與創(chuàng)新,引導(dǎo)頁因?yàn)槠渚薮蟮陌菪猿蔀樵O(shè)計(jì)師發(fā)揮他們天馬行空想象力的舞臺(tái),也是產(chǎn)品彰顯其獨(dú)特魅力的渠道。
作者:Marina Yalanska
譯者:王M爭
來源:http://www.ui.cn/detail/220262.html
本文由 @王M爭 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)譯者許可,禁止轉(zhuǎn)載。
- 目前還沒評(píng)論,等你發(fā)揮!