林楠
廣州華商職業(yè)學(xué)院,廣東廣州,511300
移動(dòng)APP手機(jī)引導(dǎo)頁(yè)類(lèi)型設(shè)計(jì)分析研究
林楠
廣州華商職業(yè)學(xué)院,廣東廣州,511300
互聯(lián)網(wǎng)技術(shù)的迅猛發(fā)展,移動(dòng)設(shè)備的迅速普及,互聯(lián)網(wǎng)的發(fā)展給人們的生活帶來(lái)了便利,生活方式發(fā)生了翻天覆地的變化,隨之伴隨而來(lái)的是APP呈現(xiàn)爆發(fā)式增長(zhǎng)。移動(dòng)APP的設(shè)計(jì)在現(xiàn)實(shí)的生活中扮演越來(lái)越重要的角色,占據(jù)更大的份額,不斷走向成熟。本文對(duì)APP手機(jī)引導(dǎo)頁(yè)類(lèi)型進(jìn)行分析,解讀了手機(jī)引導(dǎo)頁(yè)的設(shè)計(jì)。
手機(jī);引導(dǎo)頁(yè);設(shè)計(jì)
從2011年以來(lái),人們花費(fèi)在APP上的時(shí)間已經(jīng)超過(guò)網(wǎng)頁(yè),而且勢(shì)頭不減。一款優(yōu)秀精致的APP,細(xì)節(jié)之處的體驗(yàn)尤為關(guān)鍵,甚至起到畫(huà)龍點(diǎn)睛的作用,APP引導(dǎo)頁(yè)便屬于其中。當(dāng)你首次下載應(yīng)用程序,第一次打開(kāi)一款應(yīng)用,首先映入眼簾的常常是各式的引導(dǎo)頁(yè)設(shè)計(jì),它們?cè)谀阄词褂卯a(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)、品牌理念等等,簡(jiǎn)短的印象直接地影響到后續(xù)的產(chǎn)品使用體驗(yàn)。所以開(kāi)發(fā)應(yīng)用程序的各個(gè)公司都著重引導(dǎo)頁(yè)面設(shè)計(jì),吸引用戶(hù),手機(jī)引導(dǎo)頁(yè)作用:把核心信息告知用戶(hù),濃縮簡(jiǎn)練,就好比我們?cè)跁?shū)店中購(gòu)書(shū)的書(shū)封皮的設(shè)計(jì),都是極為重要的。
圖1 功能特征引導(dǎo)型
2.1 功能特征引導(dǎo)型
功能介紹類(lèi)引導(dǎo)頁(yè)主要是將應(yīng)用的主要功能進(jìn)行提煉,概括展現(xiàn)給用戶(hù),讓用戶(hù)在首次接觸產(chǎn)品時(shí),清楚明白產(chǎn)品主要功能。該類(lèi)型采用的形式大多以文字濃縮配合界面,插圖的方式來(lái)展現(xiàn)。例如餓了嗎APP,該APP是在線(xiàn)外賣(mài)訂餐平臺(tái),覆蓋面積廣,在中國(guó)各大城市為用戶(hù)提供簡(jiǎn)單快捷的快餐服務(wù)。目標(biāo)服務(wù)是健康、年輕化的消費(fèi)人群,他們的飲食習(xí)慣和生活方式有著明顯的特征。這類(lèi)人群喜歡嘗試新的事物,喜歡群聚,喜歡活動(dòng)。在其APP引導(dǎo)頁(yè)的設(shè)計(jì),就將用戶(hù)最關(guān)心的活動(dòng)、分享、拼單進(jìn)行了解釋強(qiáng)化,拼單、參與活動(dòng)、分享這三種方式符合這部分年輕人的生活形態(tài),兩兩進(jìn)行了很好的匹配。這種引導(dǎo)頁(yè)的設(shè)計(jì)使用戶(hù)在正式使用前,就明白該款A(yù)PP傳遞的核心功能,理念價(jià)值,提高了用戶(hù)的使用效率,優(yōu)化了用戶(hù)的體驗(yàn)。
2.2 內(nèi)容推廣運(yùn)營(yíng)型
內(nèi)容推廣類(lèi)運(yùn)營(yíng)類(lèi)引導(dǎo)頁(yè)的設(shè)計(jì)強(qiáng)調(diào)和傳遞產(chǎn)品的態(tài)度,讓用戶(hù)更明白這個(gè)產(chǎn)品的情懷,并考慮與整個(gè)產(chǎn)品風(fēng)格、公司形象相一致。這一類(lèi)的引導(dǎo)頁(yè)如果做的不夠吸引人,用戶(hù)只會(huì)不耐煩地迅速跳過(guò)、切換。只有制作精良、有趣的、能引起用戶(hù)共鳴的引導(dǎo)頁(yè),用戶(hù)會(huì)駐足觀(guān)賞。這種引導(dǎo)頁(yè)的設(shè)計(jì)一般會(huì)以文字口號(hào)形式出現(xiàn),強(qiáng)化品牌態(tài)度。例如蝦米5.3.2版本,蝦米是互動(dòng)文化為核心的音樂(lè)分享平臺(tái),在這里可以輕松和朋友尋找暢聊喜歡的音樂(lè)。在APP的引導(dǎo)頁(yè)設(shè)計(jì)清晰明白地傳遞音樂(lè)態(tài)度:“那些笑我瘋癲的人,是因?yàn)槁?tīng)不見(jiàn)我耳朵里的音樂(lè);我不善言辭,只好送你一首歌;大江大海山川湖泊音樂(lè)和我;只要旋律還在,回憶就沸騰。黑白畫(huà)的風(fēng)格色調(diào),選取的圖片都是年輕人生活的常態(tài):聽(tīng)音樂(lè)、分享、旅行等等,凸顯主題文字,隨性自由的筆觸表現(xiàn)手法,配合廣告語(yǔ),更能表現(xiàn)年輕人的個(gè)性主張,愛(ài)音樂(lè)的本性。這也與蝦米要傳遞的公司品牌形象一致,容易贏得用戶(hù)的喜歡,更貼近用戶(hù)。
圖3 品牌概念
2.3 品牌概念型
品牌概念型引導(dǎo)頁(yè)設(shè)計(jì)會(huì)鋪開(kāi)去表現(xiàn)應(yīng)用的“閃亮點(diǎn)”和品牌思想,這一類(lèi)應(yīng)用產(chǎn)品基調(diào)偏功能長(zhǎng)期穩(wěn)定、內(nèi)容維護(hù)居多,甚至內(nèi)嵌視頻打包品牌概念和軟件界面功能展示。例如“本來(lái)生活的APP,是個(gè)提供水果蔬菜等生活用品采購(gòu)的APP,與人們的生活息息相關(guān),作為貼合度相對(duì)高的APP,用手繪的方式,2015為羊年,用萌萌可愛(ài)的小羊作為設(shè)計(jì)元素,憨態(tài)可掬的動(dòng)漫形象,拉近與用戶(hù)之間的距離,產(chǎn)生親切感。在界面的色彩選擇上低明度和低純度的粉紅色調(diào),給人甜蜜溫暖之感。
圖4 操作教程指引型
2.4 操作教程指引型
操作教程指引型是指當(dāng)用戶(hù)首次安裝并點(diǎn)擊應(yīng)用,手機(jī)引導(dǎo)頁(yè)的設(shè)計(jì)就好像說(shuō)明書(shū),通過(guò)教程式地引導(dǎo),讓用戶(hù)熟悉了解產(chǎn)品的操作,目的是讓用戶(hù)在最短的時(shí)間,迅速了解和查看應(yīng)用軟件的主要功能區(qū)域,如何退出、前進(jìn)、如何交流記錄等,操作教程引導(dǎo)頁(yè)尤其對(duì)用戶(hù)在使用產(chǎn)品過(guò)程中可能會(huì)遇到的困難、不清楚的操作、誤解的操作行為進(jìn)行了提前告知,避免和解決了用戶(hù)的“盲區(qū)”。提高用戶(hù)體驗(yàn),方便用戶(hù)操作。這類(lèi)引導(dǎo)頁(yè)大多采用箭頭、圓圈進(jìn)行標(biāo)識(shí),以手繪風(fēng)格為主。比如瘋狂造人的APP,就將用戶(hù)經(jīng)常遇到的發(fā)帖問(wèn)題進(jìn)行了說(shuō)明,給用戶(hù)很好的參考。
引導(dǎo)頁(yè)的設(shè)計(jì)如何做到讓人過(guò)目不忘且印象深刻呢。設(shè)計(jì)師在進(jìn)行設(shè)計(jì)時(shí),要充分考慮用戶(hù)的視覺(jué)流程線(xiàn),APP引導(dǎo)頁(yè)的設(shè)計(jì),應(yīng)和程序應(yīng)用系統(tǒng)是一體,密不可分的。設(shè)計(jì)者要站在APP整體的角度,全方位感受產(chǎn)品。脫離了產(chǎn)品本身的功能和內(nèi)涵是無(wú)法設(shè)計(jì)出優(yōu)秀的引導(dǎo)頁(yè)的,在設(shè)計(jì)引導(dǎo)頁(yè)之前,應(yīng)反復(fù)頻繁地使用相關(guān)軟件,作為一個(gè)初次使用的用戶(hù),親身體驗(yàn)產(chǎn)品,或跟隨軟件開(kāi)發(fā)的步驟了解相應(yīng)軟件的特點(diǎn),更要站在用戶(hù)的立場(chǎng)上發(fā)揮想象,才能領(lǐng)悟到該產(chǎn)品的精髓和優(yōu)勢(shì),才能想出吸納用戶(hù)關(guān)注,呈現(xiàn)出他們想要的內(nèi)容和展現(xiàn)方式。App引導(dǎo)頁(yè)的設(shè)計(jì)應(yīng)時(shí)時(shí)適應(yīng)APP的升級(jí)變化,根據(jù)APP的不同階段、特點(diǎn)來(lái)進(jìn)行相應(yīng)調(diào)整,切不可一成不變。
[1]李蒍韋.基于用戶(hù)體驗(yàn)的手機(jī)界面品牌延續(xù)性設(shè)計(jì)研究[J].開(kāi)封教育學(xué)院學(xué)報(bào).2016(01):291-292.
[2]張忠浩,趙西林,徐敏,等.基于用戶(hù)體驗(yàn)的應(yīng)用性能可視化研究[J].電子世界.2015(16):174-176.
[3]蘇鋒.誰(shuí)該為用戶(hù)體驗(yàn)負(fù)責(zé)?[J].微電腦世界.2011(05):2.
[4]劉歡,陳潔,陳建香,等.技術(shù)視角下的高校信息化應(yīng)用用戶(hù)體驗(yàn)研究[J].華東師范大學(xué)學(xué)報(bào): 自然科學(xué)版.2015(S1):283-288.
[5]周峰.漫漫用戶(hù)體驗(yàn)路[J].程序員.2009(04):112-113.
[6]譚浩.用戶(hù)體驗(yàn)的藝術(shù)[J].程序員.2009(08):82-83.
[7]磨煉.基于用戶(hù)體驗(yàn)的設(shè)計(jì)思考——以大家樂(lè)餐廳為例[J].家具與室內(nèi)裝飾.2011(06):14-15.
林楠/1987年生/女/江西贛州人/碩士/助教/研究方向?yàn)閁I設(shè)計(jì)