資源描述:
《騰訊實(shí)例怎么樣讓引導(dǎo)頁(yè)變得更有用》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、騰訊實(shí)例:怎么樣讓引導(dǎo)頁(yè)變得更有用?作者:一網(wǎng)學(xué)???最后更新時(shí)間:2015-11-1913:40:42小編:優(yōu)秀的引導(dǎo)頁(yè)不僅能夠幫助用戶認(rèn)知產(chǎn)品,打造品牌,甚至能夠產(chǎn)生共鳴。那么如何做一個(gè)吸引人的引導(dǎo)頁(yè)呢?今天讓騰訊設(shè)計(jì)師結(jié)合實(shí)際案例來告訴大家達(dá)到這3個(gè)目標(biāo)!前言在接觸一款新應(yīng)用的時(shí)候用戶常常會(huì)看到一些引導(dǎo)頁(yè),但在操作的時(shí)候直接當(dāng)透明的就快速滑過或跳過了,這種時(shí)候,大家一定會(huì)有“這些引導(dǎo)好無用啊”的無力感,目前甚至有著“如果一個(gè)產(chǎn)品需要引導(dǎo),說明該產(chǎn)品缺乏友好的元素”這樣的說法,看似有理,但我覺得這并
2、不能一概而論,在不少的app中,除了引導(dǎo)用戶操作,引導(dǎo)還影響用戶對(duì)產(chǎn)品第一印象的好壞,只要這引導(dǎo)設(shè)計(jì)得好,人見人愛之余,還對(duì)整個(gè)app中的體驗(yàn)感受能起到巨大作用!“來電”是一款基于語音溝通的應(yīng)用,作為一款不斷探索并創(chuàng)新的應(yīng)用,也有不少需要用到引導(dǎo)的地方,接下來我們通過一些案例并結(jié)合來電的引導(dǎo)來告訴你如何煉成人見人愛的好引導(dǎo)。好的APP引導(dǎo)是怎樣的?現(xiàn)在,引導(dǎo)的種類形式隨著硬件和系統(tǒng)的拓寬有了更多的表現(xiàn)空間,引導(dǎo)頁(yè)、缺省引導(dǎo)、視頻引導(dǎo)、H5引導(dǎo)等都能起到引導(dǎo)用戶認(rèn)識(shí)或者使用新應(yīng)用的作用。一方面從產(chǎn)品的角度
3、考慮,產(chǎn)品希望用戶能夠方便得理解產(chǎn)品的特性,減少對(duì)產(chǎn)品的陌生感;另一方面,從用戶角度來看,一個(gè)應(yīng)用里好的引導(dǎo)不僅能使他們對(duì)一個(gè)應(yīng)用有好感,也可能更容易得留住他們。但不論什么形式的引導(dǎo),好的引導(dǎo)都能夠讓用戶對(duì)產(chǎn)品有一定的認(rèn)知并拉近用戶與產(chǎn)品的聯(lián)系,通過對(duì)不少做得好的引導(dǎo)(這里主要討論的是頁(yè)面形式的引導(dǎo)和H5)進(jìn)行分析,我們發(fā)現(xiàn)大家喜歡的app引導(dǎo)都會(huì)有一些共性,通過歸總提煉,得出以下幾個(gè)用戶看了都喜歡的原則:通俗易懂一個(gè)APP的引導(dǎo)不論什么類型,它們的目的都是為了讓用戶更好得去使用APP,就好比一個(gè)貼心的
4、管家或者朋友,給你介紹或者教你使用一個(gè)新事物,減低認(rèn)知和摸索學(xué)習(xí)的門檻。但如果這個(gè)朋友說得太多太雜,你可能就會(huì)記不住他說了什么;而如果這個(gè)朋友為了想更凸顯這個(gè)新事物的逼格而形容得“深不可測(cè)”(自嗨型引導(dǎo)),那么就很可能讓你因?yàn)槁牪欢ヅd趣了解下去。簡(jiǎn)單不復(fù)雜、信息表達(dá)通俗易懂的引導(dǎo)可以讓用戶抓取到我們想傳達(dá)的信息并更容易理解APP的特性或操作,比如以下的案例:界面來自DropboxDropbox的缺省引導(dǎo)是我比較喜歡的一組引導(dǎo),在用戶一開始使用這個(gè)app的時(shí)候,通過在初始缺省頁(yè)(空白頁(yè))上結(jié)合操作去
5、引導(dǎo)用戶,大大避免了一進(jìn)去空空如也的尷尬感。而且這組引導(dǎo)的文案不是生硬的功能講解,而是通過一些通俗易懂的語句配合與之相對(duì)應(yīng)有趣的圖示傳達(dá)相關(guān)的的信息,讓用戶在看和操作的過程中感受輕松,而且這套引導(dǎo)整體風(fēng)格都保持一致,讓人對(duì)產(chǎn)品印象穩(wěn)固起來,倍顯親和。具有一致性好的引導(dǎo)在多個(gè)方面都是具有一致性的。視覺風(fēng)格的塑造、表達(dá)的產(chǎn)品理念和產(chǎn)品特點(diǎn)都應(yīng)該和它所屬的產(chǎn)品、定位與品牌相符合,這樣用戶在使用產(chǎn)品的時(shí)候就會(huì)對(duì)產(chǎn)品有一個(gè)大致的基調(diào)認(rèn)識(shí)和感受。產(chǎn)品的定位會(huì)決定引導(dǎo)的方向和路線,以及最終引導(dǎo)的表現(xiàn)形式上,所以引導(dǎo)是
6、最能體現(xiàn)產(chǎn)品基調(diào)和品牌性的地方。引導(dǎo)的一致性除了保證了產(chǎn)品與使用體驗(yàn)相互一致,同時(shí)也能進(jìn)一步強(qiáng)化用戶對(duì)產(chǎn)品的認(rèn)知以及延續(xù)品牌印象。如下例:界面來自Telegram從一致性來看,Telegram的前置引導(dǎo)是我覺得比較有代表性的,這組引導(dǎo)頁(yè)面里,每一頁(yè)元素看似簡(jiǎn)單但是很有細(xì)節(jié),圖示風(fēng)格統(tǒng)一,主標(biāo)題都是一個(gè)詞,表達(dá)很干脆簡(jiǎn)練。這組引導(dǎo)頁(yè)整體與Telegram的產(chǎn)品所透露的特性一致,高效,干凈,這種傳達(dá)出來的氣質(zhì)貫通整個(gè)產(chǎn)品。特別是每個(gè)圖示都做了小動(dòng)畫,讓用戶更加直觀得感受到它所傳達(dá)的信息,這種細(xì)節(jié)更容易觸動(dòng)到
7、用戶,獲得用戶對(duì)產(chǎn)品品質(zhì)的認(rèn)可。產(chǎn)生共鳴前面有提到一個(gè)應(yīng)用里好的引導(dǎo)不僅能使他們對(duì)一個(gè)應(yīng)用有好感,也可能更容易得留住他們,而這里的關(guān)鍵就是能夠讓用戶產(chǎn)生共鳴。通過對(duì)產(chǎn)品自身的深刻了解并洞察目標(biāo)用戶心理,結(jié)合產(chǎn)品特性與用戶的痛點(diǎn),進(jìn)而以視覺和文案渲染出氛圍從而傳達(dá)出相關(guān)的理念,勾起用戶情感打動(dòng)用戶。讓用戶產(chǎn)生共鳴,有利于用戶對(duì)產(chǎn)品在情感上的認(rèn)同,這種認(rèn)同感會(huì)增進(jìn)用戶對(duì)產(chǎn)品的進(jìn)一步使用和探索。如下面這例子:界面來自【留白】這是“留白”APP的引導(dǎo),之前這款應(yīng)用被稱為最美應(yīng)用之一,作為一款極具文藝范兒的應(yīng)用,
8、它的引導(dǎo)也延續(xù)了它的文藝氣息。除了好看的圖和與之搭配的字體所渲染的氛圍,這組引導(dǎo)里面,文案占據(jù)了很重要的比重,也正是這些文案使得這組引導(dǎo)上了一個(gè)檔次,文案用的字詞通俗,讓用戶覺得不疏遠(yuǎn),引導(dǎo)中不僅說明了產(chǎn)品特性一邊強(qiáng)調(diào)了格調(diào)同時(shí)也宣揚(yáng)美好,十分走心,后面的文案更是帶起了情懷,讓人動(dòng)容。根據(jù)上面所說,可以大概得出好的APP引導(dǎo)應(yīng)該具有“通俗易懂、產(chǎn)生共鳴、具有一致性”這3個(gè)原則,這3個(gè)原則之間的關(guān)系如下圖。有這3個(gè)原則,引導(dǎo)也就具備人見人愛的