引導(dǎo)頁就該這樣設(shè)計(jì)！細(xì)數(shù)那些精彩紛呈的引導(dǎo)頁面

隨著蘋果ios8的發(fā)布，可以看到App store貨架上，眾多主流App迫不及待地向人們展示產(chǎn)品視頻預(yù)覽，接下去會(huì)是被設(shè)計(jì)師、市場(chǎng)宣傳相繼關(guān)注的焦點(diǎn)，產(chǎn)品宣傳的下一輪引爆點(diǎn)。作為能在App store上先發(fā)觸達(dá)地形成前期推廣的視頻預(yù)覽，又會(huì)否影響到App安裝完畢后的引導(dǎo)頁呈現(xiàn)?我們不得而知。鑒于兩者形式的展現(xiàn)，間隔于安裝App前后，多少會(huì)規(guī)避重復(fù)性。不管怎樣，趁著手機(jī)App和扁平風(fēng)熱潮，一起來細(xì)數(shù)歸納下對(duì)手機(jī)引導(dǎo)頁的所見所想。 早期我們會(huì)見到比較多成熟的PC軟件或者網(wǎng)頁產(chǎn)品的產(chǎn)品安裝包或新特性指引頁。近幾年在移動(dòng)端平臺(tái)上興起了各種門類，形式精彩紛呈的引導(dǎo)頁。

功能決定屬性

　　引導(dǎo)頁在視覺表現(xiàn)上呈現(xiàn)繁多，歸納起來可以從以下幾個(gè)功能來分類：

1 新特性新功能

　　最常見的屬這類，當(dāng)一個(gè)產(chǎn)品持續(xù)穩(wěn)定迭代，每推出一些新功能，便跟隨版本包裝發(fā)布。

2 推廣運(yùn)營

　　包含類似市場(chǎng)專題推廣、情感化內(nèi)容運(yùn)營兩類。前者多為電商投資收益等產(chǎn)品，后者類似內(nèi)容的片段剪輯，比如輕博客Lofter，引導(dǎo)頁隨機(jī)呈現(xiàn)博客用戶的心路歷程;或是”食色”，一壺茶、一段心情志，感受人生五味，預(yù)覽的同時(shí)還能加以喜愛分享。

3 品牌展現(xiàn)

　　整體鋪開去展現(xiàn)產(chǎn)品的核心亮點(diǎn)和品牌思想，這一類應(yīng)用產(chǎn)品基調(diào)偏功能長(zhǎng)期穩(wěn)定、內(nèi)容維護(hù)居多，甚至內(nèi)嵌視頻打包品牌概念和軟件界面功能展示。

　　Yummly開屏傳達(dá)給用戶，這里可以瀏覽收集食譜和清單，溫暖色調(diào)直擊內(nèi)心，盡情享受美食烹飪。

4 說明指引

　　多適用于操作較復(fù)雜的工具類應(yīng)用，當(dāng)用戶首次打開App，會(huì)進(jìn)入半透明黑屏蒙版模式，開啟新手指引環(huán)節(jié)。這種方式一定程度上也存在弊端，用戶會(huì)厭惡一上來就強(qiáng)制被教育。因此也有不少App換作白底，稍作輕量去展示教程。除了前面提到的傳統(tǒng)說明教程，還存在另外兩種改良方式：一種是在用戶觸發(fā)功能行為的時(shí)候跟隨出現(xiàn)指引，匹配合適的場(chǎng)景模式，強(qiáng)化臨場(chǎng)感。另一種，弱化初始化引導(dǎo)，固定收攏在界面的一角，讓用戶自主去觸發(fā)。

　　500px，典型的全屏蒙版引導(dǎo)，避免去采用細(xì)節(jié)的界面說明，可在實(shí)際應(yīng)用中出現(xiàn)操作引導(dǎo)。

　　也有類似Sketches Help, 將產(chǎn)品的核心功能以手勢(shì)的方式簡(jiǎn)要呈現(xiàn)。

　　Oggl 引導(dǎo)頁由繁至簡(jiǎn)，如今的版本更多介紹放在次一層級(jí)。

　　Cycloramic 是比較特殊的一類表現(xiàn)方式，通過前期的短小視頻，讓你對(duì)產(chǎn)品有直觀的大致印象并產(chǎn)生好奇，再轉(zhuǎn)換到界面說明頁，使過程顯得更為自然不突兀。

E 信息定位

　　目前多見的應(yīng)用，在情感品牌化的層面設(shè)計(jì)引導(dǎo)頁，也有不乏一些直擊重點(diǎn)的App，把了解用戶信息作為首要任務(wù)。

　　Elevate Brain Training是一款借用游戲提高大腦的應(yīng)用，引導(dǎo)頁拋出提問定制你的訓(xùn)練目標(biāo)，針對(duì)理解力、注意力、處事能力等不同層面能力進(jìn)行提升。

載體隨時(shí)代的演進(jìn)

　　隨著技術(shù)演進(jìn)和大環(huán)境提升，確實(shí)看到了引導(dǎo)頁以不同的載體，從靜過渡到動(dòng)甚至流媒體。 這里主要?jiǎng)澐譃榇蟊尘拔粓D和矢量圖形，后者表現(xiàn)多樣化，國內(nèi)外已有許多層出不窮的設(shè)計(jì)，不在此處贅述。

分享文章：引導(dǎo)頁就該這樣設(shè)計(jì)！細(xì)數(shù)那些精彩紛呈的引導(dǎo)頁面
標(biāo)題路徑：http://www.muchs.cn/news0/169750.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、用戶體驗(yàn)、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、云服務(wù)器、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)