旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > UI設(shè)計(jì)師大牛總結(jié)的引導(dǎo)頁(yè)設(shè)計(jì)方法,超實(shí)用!
UI設(shè)計(jì)師大??偨Y(jié)的引導(dǎo)頁(yè)設(shè)計(jì)方法,超實(shí)用!
時(shí)間:2018-02-28來(lái)源:m.mwtacok.cn點(diǎn)擊量:作者:馬晨皓
時(shí)間:2018-02-28點(diǎn)擊量:作者:馬晨皓

什么是引導(dǎo)頁(yè)?

引導(dǎo)頁(yè)英文Onboarding原文意為新員工的入職培訓(xùn)。這與我們使用一款新App相類似,人們嘗試新事物過(guò)程中會(huì)產(chǎn)生緊張與不安,引導(dǎo)頁(yè)的作用就是短時(shí)間內(nèi)讓用戶對(duì)這款產(chǎn)品有一個(gè)大概的了解,緩解用戶的焦慮與不安,讓用戶更快的進(jìn)入使用環(huán)境。



 

引導(dǎo)頁(yè)的三個(gè)基本功能

引導(dǎo)頁(yè)可以做的很簡(jiǎn)單,也可以做的很復(fù)雜。但是再簡(jiǎn)單的引導(dǎo)頁(yè)也必須有三個(gè)功能:?jiǎn)柡?、傳遞信息和提升參與度。

問(wèn)候

引導(dǎo)頁(yè)是用戶和這款A(yù)pp的第一次接觸,她的作用相當(dāng)于向用戶進(jìn)行自我介紹和問(wèn)候。當(dāng)然問(wèn)候不意味著我們要真正寫(xiě)一個(gè)「Hi」或者「用戶,您好」,有的時(shí)候一個(gè)吉祥物形象或者字符也能向用戶傳遞問(wèn)候。問(wèn)候和介紹要盡量的簡(jiǎn)短,不要分散用戶過(guò)多的注意力。

傳遞信息

這是引導(dǎo)頁(yè)對(duì)于用戶來(lái)說(shuō)最重要的一項(xiàng)功能。優(yōu)秀的引導(dǎo)頁(yè)用戶瀏覽后會(huì)對(duì)這款A(yù)pp的核心功能有一個(gè)大致的了解。此外引導(dǎo)頁(yè)要起到操作說(shuō)明書(shū)的作用,告訴用戶如何快速上手操作,這會(huì)降低用戶首次使用時(shí)的學(xué)習(xí)負(fù)擔(dān)。

當(dāng)然「用戶的時(shí)間是有限的」,用戶對(duì)于引導(dǎo)頁(yè)更多的是一瞥而過(guò),不會(huì)投入過(guò)多的精力。短時(shí)間內(nèi)用戶能從引導(dǎo)頁(yè)中獲取的信息是極其有限的,這意味著我們必須對(duì)引導(dǎo)頁(yè)的內(nèi)容做一個(gè)優(yōu)先級(jí)篩選。只有真正重要的內(nèi)容才能放到引導(dǎo)頁(yè)中。

提升參與度

我們不僅要了解用戶,也要讓用戶了解我們,要建立用戶對(duì)于產(chǎn)品的依賴度。引導(dǎo)頁(yè)通過(guò)展示產(chǎn)品的價(jià)值和功能,可以在用戶心中建立對(duì)于產(chǎn)品的一個(gè)高期望值,而這高期望值會(huì)抵消首次使用時(shí)可能出現(xiàn)的負(fù)面情緒,保障用戶不會(huì)在短時(shí)間內(nèi)把你卸載。另外出彩的引導(dǎo)頁(yè)會(huì)極大的提升新用戶對(duì)于產(chǎn)品的好感,人類畢竟都是視覺(jué)動(dòng)物。

 

引導(dǎo)頁(yè)設(shè)計(jì)要素

不同的App有著不同核心功能和目標(biāo)用戶群,其引導(dǎo)頁(yè)的框架與內(nèi)容也是不一樣的。但是每一款A(yù)pp的用戶體驗(yàn)立足點(diǎn)卻是相同的:用戶需求、用戶期望、產(chǎn)品性質(zhì)、經(jīng)營(yíng)目標(biāo)。引導(dǎo)頁(yè)作為用戶使用app的出發(fā)點(diǎn),我們的目標(biāo)是以一種動(dòng)態(tài)的,易懂的和有吸引力的方式告訴用戶這款app的基本信息。

引導(dǎo)頁(yè)一般有3-4頁(yè),主要由圖片、文字和動(dòng)畫(huà)組成。

圖片

大多數(shù)人對(duì)圖片的感知速度要比文字來(lái)得快。無(wú)論是拍攝的照片還是手繪的插畫(huà)都可以充分的完成傳遞信息的功能。所以引導(dǎo)頁(yè)中圖片的合理使用會(huì)幫助用戶在短時(shí)間內(nèi)充分的獲取信息。當(dāng)然引導(dǎo)頁(yè)中對(duì)于插畫(huà)的要求不是很高,簡(jiǎn)單的iocn類插畫(huà)也同樣出彩。插畫(huà)對(duì)于低年齡段用戶來(lái)說(shuō)有著巨大的吸引力。特別是對(duì)于青少年來(lái)說(shuō),他們很喜歡帶有插畫(huà)的引導(dǎo)頁(yè)。

文字

對(duì)于引導(dǎo)頁(yè)來(lái)說(shuō),文字是占主導(dǎo)地位的。引導(dǎo)頁(yè)中文字要足夠的簡(jiǎn)明扼要,降低用戶的閱讀時(shí)間。有的時(shí)候?qū)⒁粋€(gè)長(zhǎng)句子縮寫(xiě)成一個(gè)短句是比直接寫(xiě)一個(gè)長(zhǎng)句要更加困難的,因?yàn)槟惚仨殞W(xué)會(huì)從長(zhǎng)句子中提取重要的信息。用戶不會(huì)在引導(dǎo)圖上花費(fèi)很多時(shí)間,他們不可能一字一句去讀,所以文字要盡量短小精悍。

動(dòng)畫(huà)

雖然用戶對(duì)引導(dǎo)頁(yè)不會(huì)給予過(guò)多的注意力,但是這并不意味著我們可以降低對(duì)引導(dǎo)頁(yè)的視覺(jué)審美要求。引導(dǎo)頁(yè)也要做的足夠用心,要好看并且有吸引力。動(dòng)畫(huà)的應(yīng)用可以給界面注入生命力,增加界面活力。有趣的動(dòng)畫(huà)可以很好的娛樂(lè)用戶,這會(huì)提升他們對(duì)這款A(yù)pp的期望值。引導(dǎo)頁(yè)中有些信息是比較重要的,采用動(dòng)畫(huà)我們可以將用戶的注意力吸引過(guò)來(lái)。但是動(dòng)畫(huà)另一方面意味著更多的加載負(fù)擔(dān),更長(zhǎng)的等待時(shí)間。所以對(duì)于動(dòng)畫(huà)的應(yīng)用,設(shè)計(jì)師應(yīng)該和開(kāi)發(fā)進(jìn)行深入的溝通務(wù)必達(dá)到最優(yōu)的實(shí)現(xiàn)效果。

跳過(guò)選項(xiàng)

另一個(gè)我們需要考慮的要素就是是否要給用戶選擇跳過(guò)引導(dǎo)頁(yè)的選項(xiàng),因?yàn)椴皇敲恳粋€(gè)用戶都愿意看這些引導(dǎo)圖,即使是第一次使用的新用戶。當(dāng)然是否給用戶跳過(guò)選項(xiàng)要根據(jù)對(duì)目標(biāo)用戶群的調(diào)查和分析才能做出決定。



 

總結(jié)

這是一個(gè)內(nèi)容為王的時(shí)代,用戶真正關(guān)注的是頁(yè)面中的內(nèi)容,這款A(yù)pp究竟能給我解決什么樣難題,我通過(guò)使用這款A(yù)pp會(huì)帶來(lái)哪些便利。用戶對(duì)于界面樣式的關(guān)注度不是很高,淘寶客戶端更新了,采用了最新潮的漸變色,但是很少有用戶在網(wǎng)購(gòu)的時(shí)候會(huì)注意到這些。所以客觀條件決定了設(shè)計(jì)師在內(nèi)容頁(yè)面中無(wú)法進(jìn)行更多的改進(jìn)與創(chuàng)新,引導(dǎo)頁(yè)因?yàn)槠渚薮蟮陌菪猿蔀樵O(shè)計(jì)師發(fā)揮他們天馬行空想象力的舞臺(tái),也是產(chǎn)品彰顯其獨(dú)特魅力的渠道。


 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2021/ m.mwtacok.cn 北京漫動(dòng)者教育科技有限公司 備案號(hào):京ICP備12034770號(hào) 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc