QQ空間手機(jī)版4.0新手引導(dǎo)新玩法
許多同學(xué)都看過(guò)關(guān)于應(yīng)用程序的新手引導(dǎo)的分析和歸納,但每次設(shè)計(jì)完應(yīng)用內(nèi)的新功能界面后,對(duì)于新手引導(dǎo)設(shè)計(jì)依然是個(gè)困擾。
如何讓用戶更好的了解應(yīng)用程序和新功能?也許從現(xiàn)實(shí)生活場(chǎng)景去考慮,能給予我們啟發(fā):
新手引導(dǎo)就如同我們?nèi)ヒ患倚律痰曩?gòu)物的系列引導(dǎo),其中每個(gè)細(xì)節(jié)都影響著我們的購(gòu)物體驗(yàn),影響我們是否在這里購(gòu)物或再次光臨。
試想你路過(guò)一家新開(kāi)的商店,店看起來(lái)裝修很不錯(cuò),想進(jìn)去了解店里都賣(mài)些什么。當(dāng)腳一踏進(jìn)店門(mén),服務(wù)員便來(lái)到你跟前,塞給你一份商品宣傳單,嘴巴便巴拉巴拉的不停跟你介紹店里的每樣特色商品,而緊緊貼著你移動(dòng)。 遇到這樣的情況,能有幾位顧客能耐心的聽(tīng)完店員的“熱情”介紹?也許大部分人都受不了“熱情”的服務(wù)員而閃退出去。
這就很像我們常見(jiàn)的新手引導(dǎo)方式:
圖片+文字的組合來(lái)詳細(xì)介紹產(chǎn)品的新功能點(diǎn),告知用戶每個(gè)細(xì)節(jié)功能的使用方式和特點(diǎn),這種樣式的新手引導(dǎo)更多的是向用戶直接粗暴的“灌輸信息”。如同填鴨式粗暴卻效果甚微。
從情景模擬到使用場(chǎng)景而引發(fā)的行為,可以歸納出幾點(diǎn)目前我們常見(jiàn)的填鴨式新手引導(dǎo)設(shè)計(jì)面臨的挑戰(zhàn):
(1) 擋路:用戶更渴望是去體驗(yàn)而不是聽(tīng)或看長(zhǎng)篇的介紹,因此不會(huì)在新手引導(dǎo)停留太久。
(2) 說(shuō)太多:過(guò)于復(fù)雜繁瑣的引導(dǎo)介紹容易造成信息過(guò)載,而破壞信息傳達(dá)效率。
(3) 難記憶:人的記憶能力限制,看完新手引導(dǎo)后,用戶往往已經(jīng)忘記引導(dǎo)中的具體信息。
(4) 很無(wú)趣:相似重復(fù)的內(nèi)容一旦太多,人便覺(jué)得無(wú)聊便渴望結(jié)束,因此渴望跳過(guò)引導(dǎo)介紹。
用戶其實(shí)都很懶,對(duì)于復(fù)雜的引導(dǎo)介紹信息與簡(jiǎn)單的展示已很難讓用耐心細(xì)心閱讀,因此信息傳達(dá)很弱,快速的滑動(dòng)忽略新手引導(dǎo)或看完新手引導(dǎo)后依然不知所云的情況已經(jīng)是常態(tài),再傳統(tǒng)的新手引導(dǎo)方式去介紹應(yīng)用功能只會(huì)被用戶當(dāng)作過(guò)眼云煙。對(duì)于設(shè)計(jì)同學(xué)來(lái)說(shuō),熬夜加班的心血都白費(fèi)了。
如果我們重新設(shè)計(jì)另外一套的購(gòu)物體驗(yàn)流程,試看會(huì)有什么樣不同的感覺(jué):
你路過(guò)一家新開(kāi)的商店,店鋪看起來(lái)很不錯(cuò),便想進(jìn)去了解店里都賣(mài)些什么。一踏進(jìn)店門(mén),正前方就是商品的體驗(yàn)區(qū),可以親手體驗(yàn)產(chǎn)品的觸感與細(xì)節(jié),在產(chǎn)品周邊播放著產(chǎn)品的介紹視頻。當(dāng)你體驗(yàn)著產(chǎn)品想更深入了解某項(xiàng)詳細(xì)功能與使用方法時(shí),店里的服務(wù)員才出現(xiàn)跟你介紹產(chǎn)品的細(xì)節(jié)與使用。此時(shí)的你已經(jīng)對(duì)產(chǎn)品有足夠的了解,從而購(gòu)買(mǎi)機(jī)率已經(jīng)大幅提升。
或許我們可以加入看看以下這個(gè)夸張化的視頻:
新的流程里那些細(xì)節(jié)會(huì)影響到用戶?
(1) 先體驗(yàn):讓核心功能直接給用戶親手體驗(yàn),在交互過(guò)程中產(chǎn)生初步認(rèn)知。
(2) 多維度:以多緯度感官去呈現(xiàn)和介紹功能,動(dòng)態(tài)立體的傳達(dá)更多有效信息。
(3) 存疑惑:當(dāng)人對(duì)于感興趣的內(nèi)容引發(fā)疑問(wèn),疑惑的內(nèi)容產(chǎn)生便是記憶存在大腦的證據(jù)。
(4) 去探索:對(duì)于問(wèn)題困惑的產(chǎn)生,便是開(kāi)啟尋找探索答案之旅的起點(diǎn)。
經(jīng)過(guò)上面逐步去引導(dǎo)的流程,用戶已經(jīng)很對(duì)新功能有了較為清晰的輪廓,當(dāng)印象形成后,對(duì)于功能便能更為容易的被記憶。只要進(jìn)入到應(yīng)用之后,當(dāng)用戶再次使用產(chǎn)生疑問(wèn)時(shí),給予輕量的提示蒙板變會(huì)使用功能。如果是功能交互設(shè)計(jì)做得足夠清晰,其實(shí)蒙板也是不需要的。哈哈~
如何使用場(chǎng)景化的方法去設(shè)計(jì)更為“活”的新手引導(dǎo)呢?
在QQ空間4.0手機(jī)版本的新功能引導(dǎo)我們進(jìn)行了嘗試:
在4.0手機(jī)版本中有好幾個(gè)新的特性,但核心的特性是:動(dòng)態(tài)背景、個(gè)性簽到、與更多趣味應(yīng)用。如何讓這些各有特色和差異的功能點(diǎn)更為有趣的介紹給用戶。對(duì)于以什么樣的方式進(jìn)行呈現(xiàn)這些內(nèi)容,設(shè)計(jì)師門(mén)經(jīng)過(guò)幾輪頭腦風(fēng)暴,最終選擇回歸到以故事的方式去串聯(lián)這些特色功能,同時(shí)以漸進(jìn)立體的方式讓這次新手引導(dǎo)“活”起來(lái)!
我們先看下最終在手機(jī)上呈現(xiàn)的引導(dǎo):
不是說(shuō)教,而是一個(gè)故事開(kāi)啟一段旅程。
從新挖掘QQ空間的logo黃星星的背后故事,回歸到它的角色本源環(huán)境。編織成一斷探索的旅程故事。神秘的宇宙,吸引著無(wú)數(shù)人的探索欲望,讓擬人化的星星回歸到它的家鄉(xiāng)——宇宙星空,進(jìn)行一次探索旅程,以宇宙中的星球元素來(lái)構(gòu)架新手引導(dǎo)的整體故事情節(jié)。 在實(shí)現(xiàn)方式上,采用互動(dòng)+視頻的方式進(jìn)行呈現(xiàn)整個(gè)概念,盡管這有一定的實(shí)現(xiàn)難度。
簡(jiǎn)潔的引導(dǎo),漸進(jìn)式立體呈現(xiàn)。
在新手引導(dǎo)設(shè)計(jì)中大家總想要面面俱到,希望把所有的問(wèn)題在一個(gè)模塊全部解決,最終只會(huì)使這個(gè)模塊內(nèi)容復(fù)雜,無(wú)法理解。而漸進(jìn)式引導(dǎo)就完全不需要全部壓在短短的新手引導(dǎo)上。是針對(duì)不同場(chǎng)景,提煉出不同的引導(dǎo)設(shè)計(jì)目標(biāo):
首次進(jìn)入應(yīng)用:新手引導(dǎo)
目標(biāo):點(diǎn)到為止介紹亮點(diǎn),吸引用戶,留有懸念 考慮到用戶認(rèn)知能力限度、使用心里,新手引導(dǎo)中更多是采用啟發(fā)式的亮點(diǎn)介紹,點(diǎn)到為止。
應(yīng)用使用過(guò)程:指引蒙板
目標(biāo):具體指引如何使用新功能 應(yīng)用使用過(guò)程中,在相應(yīng)特色功能入口給出指引,更加明確的指引如何使用功能。 通過(guò)對(duì)于場(chǎng)景的細(xì)分,我們把新手引導(dǎo)從繁重的信息中解放出來(lái),為創(chuàng)造更好的新手引導(dǎo)體驗(yàn)打下了基礎(chǔ)。
再預(yù)告下我們下個(gè)4.2版本的QQ空間客戶端會(huì)有更精彩的新手引導(dǎo),敬請(qǐng)期待哦~
來(lái)源:騰訊ISUX
多謝分享!