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

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

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



 

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

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

問候

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

傳遞信息

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

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

提升參與度

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

 

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

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

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

圖片

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

文字

對于引導(dǎo)頁來說,文字是占主導(dǎo)地位的。引導(dǎo)頁中文字要足夠的簡明扼要,降低用戶的閱讀時間。有的時候?qū)⒁粋€長句子縮寫成一個短句是比直接寫一個長句要更加困難的,因為你必須學(xué)會從長句子中提取重要的信息。用戶不會在引導(dǎo)圖上花費(fèi)很多時間,他們不可能一字一句去讀,所以文字要盡量短小精悍。

動畫

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

跳過選項

另一個我們需要考慮的要素就是是否要給用戶選擇跳過引導(dǎo)頁的選項,因為不是每一個用戶都愿意看這些引導(dǎo)圖,即使是第一次使用的新用戶。當(dāng)然是否給用戶跳過選項要根據(jù)對目標(biāo)用戶群的調(diào)查和分析才能做出決定。



 

總結(jié)

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


 

預(yù)約申請免費(fèi)試聽課

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

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

?2007-2021/ lb577.com 北京漫動者教育科技有限公司 備案號:京ICP備12034770號 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc