當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

做到引人入勝!App應(yīng)用引導(dǎo)頁設(shè)計(jì)教程

2013-04-17 19813 0
  引導(dǎo)頁是用戶在首次安裝并打開App應(yīng)用后,呈現(xiàn)給用戶的說明書。目的是希望用戶能在最短的時(shí)間內(nèi),了解這個(gè)應(yīng)用的主要功能、操作方式并迅速上手,開始體驗(yàn)之旅。既然是說明書那難免不受待見,因?yàn)槲覀兊挠脩艨偸前翄?,他們不喜歡被教育、被說明,他們喜歡一口氣劃過引導(dǎo)頁,直接上手,但是在碰到問題、遇到挫折的時(shí)候又會各種別扭。所以這就需要設(shè)計(jì)師非常用心的去處理引導(dǎo)頁的設(shè)計(jì)。


  豐富多彩、風(fēng)格迥異的引導(dǎo)頁設(shè)計(jì)

有些引導(dǎo)頁則沉穩(wěn)大氣,適合資訊類的應(yīng)用,給人以可信賴感。例如搜狐新聞客戶端的引導(dǎo)頁設(shè)計(jì),摒除了所有多余的設(shè)計(jì),用干凈的界面及有力的文字體現(xiàn)了整個(gè)應(yīng)用真實(shí)可信的媒體平臺的定位。

圖01

有些引導(dǎo)頁則輕松、活潑,適合日常工具或者休閑類的應(yīng)用,讓用戶感受到貼心和放松。例如UC手機(jī)瀏覽器,由用戶使用瀏覽器常見的下載麻煩的情景來穿起整個(gè)引導(dǎo)頁,像一副四格漫畫一樣讓用戶帶著瀏覽漫畫的心情,輕松地閱讀完整個(gè)引導(dǎo)頁,同時(shí)也強(qiáng)調(diào)了使用UC瀏覽器下載的輕松便捷。

圖02

還有一些引導(dǎo)頁則富有生活情趣,適合一些文藝、小清新的應(yīng)用,因?yàn)檫@部分應(yīng)用的用戶不一定喜歡標(biāo)新但一定立異,不喜歡隨大流。

圖03

一套好的引導(dǎo)頁的構(gòu)成,怎樣做到引人入勝

好的引導(dǎo)頁設(shè)計(jì)是從展示內(nèi)容到設(shè)計(jì)風(fēng)格再到語言文字都經(jīng)過細(xì)致考究并與應(yīng)用整體氣質(zhì)符合的。

1. 展示內(nèi)容要簡明扼要,只撿最重要的說,用戶雖然傲嬌但是我們也不能一味的去貶低用戶的理解能力及手機(jī)使用經(jīng)驗(yàn),如果只是新功能的推薦我們完全可以只告訴用戶入口,而不是事無巨細(xì)的詳細(xì)列明每一步的操作,把一個(gè)好好的引導(dǎo)頁活生生做成一個(gè)幫助教程頁。如果是新的交互及操作方式,我們也可以只展示最核心、關(guān)鍵的操作,要留給用戶探索和發(fā)現(xiàn)的余地。

圖04

2. 展示內(nèi)容應(yīng)當(dāng)連貫有一定的邏輯關(guān)系,所有的內(nèi)容都按照一定的順序有機(jī)的排列。如先是亮點(diǎn)模塊的介紹再是應(yīng)用整體呈現(xiàn),或者按照一個(gè)主打功能的操作流程介紹。總之做到有主有次,再到最后靜靜等待用戶點(diǎn)擊“開始體驗(yàn)”那一刻。

圖05

3. 每頁只放一個(gè)內(nèi)容。有時(shí)候想表現(xiàn)得東西太多,不妨拆分成幾頁,因?yàn)橐龑?dǎo)頁使用情景決定了,它是用戶在下載完應(yīng)用后急切地想見到主界面使用應(yīng)用前的絆腳石,極有可能的場景是用戶很快速的劃過引導(dǎo)頁,一頁上太多信息,只會讓用戶更快速的劃過引導(dǎo)頁。如果我們保證每一頁的內(nèi)容都非常簡潔的話,用戶就算走馬觀花的劃過也能記下一些東西。每一個(gè)畫面都有一個(gè)重點(diǎn)??赡苁俏淖忠部赡苁菆D。

圖06

4. 設(shè)計(jì)風(fēng)格,正如上面說到引導(dǎo)頁的設(shè)計(jì)風(fēng)格要與產(chǎn)品的氣質(zhì)保持一致,如果是一本正經(jīng)的新聞資訊類應(yīng)用。那它的引導(dǎo)頁風(fēng)格也是穩(wěn)重、正統(tǒng)的。而娛樂類的應(yīng)用可能有更情感化的表現(xiàn)形式,例如漫畫形象的應(yīng)用或者是大幅背景照片的運(yùn)用。在設(shè)計(jì)細(xì)節(jié)上,現(xiàn)在也有越來越多的引導(dǎo)頁運(yùn)用到線描的插畫,這樣既可以更方便、準(zhǔn)確的傳達(dá)操作方式、使用場景等復(fù)雜信息又可以增加親和力減少說教帶來的用戶反感。還有局部放大、手繪箭頭等也功能介紹時(shí)常用的表現(xiàn)手段。

圖07

5. 在文案上也是需要非??季康?,要使用用戶聽得懂的詞,不要讓用戶脆弱的自尊受到傷害。比如“點(diǎn)擊Title Bar,您可以…”,不如換成“點(diǎn)這兒試試呢,您還能…”

總之 ,好的引導(dǎo)頁設(shè)計(jì),不是一本冷冰冰的說明書,不是讓用戶脆弱的自尊飽受凌辱,而是讓用戶由里及表、由內(nèi)而外的感受到自己受到非常良好的對待。這需要設(shè)計(jì)師真正從用戶的角度去理解用戶對于引導(dǎo)頁的需求及用戶閱讀引導(dǎo)頁的場景。


225
評論區(qū)(0)
正在加載評論...