小伙伴們,你們在設計APP引導頁面的時候,你們到底了解多少關(guān)于引導頁的知識呢?
為什么要設計引導頁呢?那我們先來看看不同的引導頁設計作品
通俗點來講引導是帶領(lǐng)用戶更快速更愉悅地達到目標的過程,能在用戶使用產(chǎn)品遇到障礙之前給予及時的幫助。在移動互聯(lián)網(wǎng)的產(chǎn)品的設計中,新手引導的設計則是在用戶初次使用該移動產(chǎn)品時,給予的一些必須性的幫助以使得用戶能快速愉悅地了解這個產(chǎn)品的功能與具體操作方式。為了完成不同的引導內(nèi)容和引導的目標,移動端的引導設計會根據(jù)需求進行不同的多樣化處理。
根據(jù)引導出現(xiàn)的時機,可以分為前置型的引導與過程中的引導。
1、前置型的引導:
在用戶還沒有正式開始使用這個產(chǎn)品時給出的一系列幫助內(nèi)容。主要的設計方式為引導頁的設計。
2、過程中的引導:
在用戶使用產(chǎn)品的過程中給出的一系列幫助內(nèi)容。主要的設計方式有空白頁的內(nèi)容引導,loading等等待狀態(tài)中的引導,拆分包袱的逐步引導,巧設默認值的功能引導,tips引導,浮點引導,遮罩聚焦式引導,觸發(fā)式引導,任務演練式引導等。
3、引導頁的設計探究
引導頁作為前置型引導,必然具備前置型引導的特征。用戶是在使用前看到引導頁的內(nèi)容,此時用戶對這個產(chǎn)品的了解并不多,對于如產(chǎn)品的功能/頁面布局/具體使用等還沒有建立起完整的認知。所以引導頁更適合闡述產(chǎn)品的概況內(nèi)容(如具有產(chǎn)品的概念,產(chǎn)品的核心功能,具有競爭力的功能點或用戶痛點,以及會影響到初次使用的操作方式的內(nèi)容),建立起用戶對產(chǎn)品的大致認知;而不太適用于闡述過于細節(jié)的產(chǎn)品內(nèi)容,因為此時用戶還無法進行相應的信息匹配,細節(jié)內(nèi)容會不容易理解。
雖然引導頁有上述的限制,但是由于它具備的很多優(yōu)點,讓它作為一種非常常見的方式來使用。
具體的優(yōu)點:1)篇幅設置可自由設定,在一定范圍內(nèi)可多可少;2)全屏或幾乎全屏的信息呈現(xiàn)的方式,使得信息的可承載量多;3)內(nèi)容的編排自由,設計師可以自由發(fā)揮。
所以引導頁是一種在設計上較靈活自由的方式。但是在實際的使用中,我們還是常常會發(fā)現(xiàn)設計的效果并不容易達不到預期。用戶常常不會仔細瀏覽這些引導的信息,對于引導的內(nèi)容信息的接收程度會打折扣,很難全部吸收;還有不少情況下用戶會跳過引導,忽略引導想提供的幫助信息。那么,如何做能讓我們設計的引導才能引起用戶的興趣,讓他們花費一點精力去吸收引導的內(nèi)容信息,這需要一些技巧。
最核心的技巧有4點:
1、精簡與合理使用
A、設計師需要把控引導的內(nèi)容
B、突顯競爭力的或有吸引力的內(nèi)容點的介紹
C 抓住目標用戶群剛需吸引點來設計
2、細致編排 ?生動而有趣
一種方式:講故事的方式,使引導具有情景化,由于一次靜態(tài)的微電影!
講故事的主要手法有:故事可以是以情動人,痛點渲染,角色榜樣類比等方式
3、有效的注意力 突顯記憶點
我們都知道注意力是記憶力的基礎(chǔ),記憶力是注意力的結(jié)果。沒有良好的注意力就沒有良好的記憶力,良好的記憶力是建立在良好的注意力基礎(chǔ)上的。
A、聚焦
B、優(yōu)化圖片所傳達的信息
C、除了靜態(tài)的視覺畫面,我們還可以增加用戶對于引導內(nèi)容的注意力
D、用合適的屏與屏之間切換的交互方式
E、能有效傳達的文案內(nèi)容
4、構(gòu)建APP獨特的特色。增強記憶點
很多的引導頁在設計上同質(zhì)化問題嚴重,極度相似的設計手法、設計風格、排版風格、相似的文案內(nèi)容、讓用戶很難記憶或引起關(guān)注。構(gòu)建產(chǎn)品引導頁的特色是區(qū)別于其他產(chǎn)品的好方式,特色可以讓引導頁脫穎而出。
A.從設計方式上進行特色構(gòu)建
B.系列化引導設計的特色構(gòu)建
這些都是優(yōu)秀APP設計總結(jié)出來的技巧和經(jīng)驗!值得我們大家分享!
詳細內(nèi)容和來源:http://isux.tencent.com/user-guide-design-01.html
全站高品質(zhì)素材免費下載!