許多用戶在成千上萬移動(dòng)應(yīng)用的世界里經(jīng)受著ADD（app deluge disorder：應(yīng)用泛濫）的騷擾。開發(fā)者中廣泛流傳著一句格言，“你只有一次獲得第一印象的機(jī)會(huì)”。一旦大批用戶下了你的APP，你已經(jīng)完成了首要目標(biāo)并贏了這場(chǎng)戰(zhàn)役的一半?，F(xiàn)在，保證他們下載后的情況是你的下一個(gè)目標(biāo)。在這里首次登錄占據(jù)了重要位置。

我就職于移動(dòng)分析公司，非常清楚地看到APP開發(fā)者所經(jīng)歷的挑戰(zhàn)。在這篇文章里，我們將回顧通過移動(dòng)視覺分析測(cè)量用戶體驗(yàn)的重要性，并提供案例和其他思考，從而優(yōu)化你的首次登陸體驗(yàn)，增加留存率。

我必須強(qiáng)調(diào)，這里并沒有創(chuàng)造完美的首次登錄體驗(yàn)的魔法棒，保持監(jiān)控首次登錄體驗(yàn)的專注度和決心將會(huì)比其他策略更有效。無論你是開發(fā)者還是移動(dòng)應(yīng)用發(fā)布者，這篇文章將提供可以應(yīng)用在你自己APP上的相關(guān)知識(shí)。

請(qǐng)用戶留下

應(yīng)用下載后的首次登錄包含了許多技術(shù)，以保證用戶第一次使用你的APP時(shí)能夠盡快融入。把首次登陸當(dāng)成建立人們使用你APP的入口。將第一次使用的用戶轉(zhuǎn)化為活躍和留存的用戶是創(chuàng)造終極首次登錄體驗(yàn)的核心。

針對(duì)基于互聯(lián)網(wǎng)的APP有用的方法常對(duì)混合和原生的APP沒用，反之亦然?？紤]這些會(huì)浪費(fèi)很多時(shí)間。舉個(gè)例子，原生APP邀請(qǐng)用戶通過他們?cè)O(shè)備中的細(xì)節(jié)用Facebook（一鍵注冊(cè)）創(chuàng)建賬戶，從而提供流暢的首次登錄體驗(yàn)?；诰W(wǎng)站的APP，則會(huì)重新將用戶推送到Facebook頁面，不過界面不同，如果用戶沒有登錄，將要求他們輸入郵箱地址和密碼，然后返回APP頁面。顯然基于網(wǎng)站的APP用Facebook首次登錄比較低效。

當(dāng)設(shè)計(jì)首次登錄體驗(yàn)的時(shí)候你有非常多的的因素要考慮。核心是在將心理學(xué)與設(shè)計(jì)相結(jié)合，并且要確定目標(biāo)受眾，根據(jù)他們使用的設(shè)備，還有像年齡和語言等詳細(xì)的人口統(tǒng)計(jì)特征進(jìn)行設(shè)計(jì)。

首次登錄的正確方式

讓我們看看幾個(gè)APP首次登錄體驗(yàn)的例子，還有如何攫取用戶并且讓他們回來的技術(shù)。

內(nèi)聯(lián)（inline）提示

YouTube Capture的首次登錄體驗(yàn)始于一個(gè)快速教程。然后通過內(nèi)聯(lián)提示讓用戶了解APP的UI。因?yàn)檫@個(gè)APP簡(jiǎn)單，所以指出下一步一步怎樣做對(duì)于帶入用戶非常有效。

YouTube Capture的首次登錄體驗(yàn)用到了內(nèi)聯(lián)提示。

把用戶第一次使用想象成在其他星球登錄，他們喜歡探索。內(nèi)聯(lián)提示是一種給他們自由的這樣做的技術(shù)，逐步展示各種各樣的產(chǎn)品特征。通過探索階段教會(huì)他們，從而通過不突兀的形式將他們和你的APP聯(lián)系更緊密。這些用戶本質(zhì)上就像新生兒，需要在每一次變化中引導(dǎo)。

教程設(shè)計(jì)

Mailbox用了一種靈活的教程快速告訴用戶APP的獨(dú)到之處和如何使用它們。

Mailbox用了一種靈活的教程快速告訴用戶APP的獨(dú)到之處以及如何使用它們。

上面的教程用一種有序和漸進(jìn)的交互形式指導(dǎo)用戶。它包括了易于用戶理解的簡(jiǎn)短直接的信息。保證在首次登陸進(jìn)程中用戶存留，指導(dǎo)他們了解產(chǎn)品的關(guān)鍵特征，然后向前推進(jìn)。這樣使體驗(yàn)沒有阻礙并極大地降低了跳出率。

首次登錄的錯(cuò)誤方法

看過了優(yōu)秀案例，我們?cè)倏纯床惶行У陌咐?/p>

不好的App流程

看看下面索契（Sochi）冬季奧運(yùn)會(huì)官方APP。這是一個(gè)不恰當(dāng)?shù)氖状蔚卿涹w驗(yàn)案例。當(dāng)你開始使用APP，屏幕顯示正在加載。這個(gè)有七個(gè)步驟設(shè)置APP的過程是低效設(shè)計(jì)的反面教材。還不止這些，當(dāng)你的將它設(shè)置好，APP將你帶到一個(gè)文本和圖片都很小的頁面。這個(gè)APP像迷宮，對(duì)于你應(yīng)該去哪里和該怎樣操作沒有一點(diǎn)兒提示。

毫無疑問的是它有很多用途并且使很多用戶感到泄氣，但如果它只是一個(gè)在APP市場(chǎng)上隨意的APP而不是冬奧會(huì)官方APP，缺憾會(huì)小一些。它是低效的、首次登錄體驗(yàn)不佳的設(shè)計(jì)案例?；蛟S把它稱作“登出”更好些。

Sochi的APP的七步首次登陸設(shè)計(jì)的不合適。

當(dāng)用戶啟動(dòng)你的APP，最不適宜的是讓用戶去等。如果他們不得不等，就要想辦法吸引他們，或許在完成進(jìn)程時(shí)提供一些他們可以讀的內(nèi)容。可能設(shè)置過程實(shí)在太長(zhǎng)了，將進(jìn)程設(shè)計(jì)的盡可能短，以最快速度給給用戶他們要的。

給他們通過Facebook賬號(hào)點(diǎn)擊即可的簽到的選項(xiàng)，并且設(shè)置他們的偏好。這幾屏需要5秒以上時(shí)間的完成。當(dāng)他們接觸到APP的核心內(nèi)容時(shí)，確保字號(hào)與內(nèi)容重要程度成正比以便這些文本被讀到。

通過可視化分析，你將看到用戶使用APP時(shí)是否遇到阻礙。除非你已經(jīng)開發(fā)了索契冬奧會(huì)那樣用戶沒有的其他選擇的官方APP。

壓倒用戶

一個(gè)叫Project的雜志APP的首次登錄體驗(yàn)前以幾個(gè)足夠簡(jiǎn)單的介紹頁面開始，然后把用戶帶到這個(gè)頁面：

Project顯示出壓倒用戶是個(gè)非常嚴(yán)重的錯(cuò)誤（尤其對(duì)于第一次使用的訪客）。用戶會(huì)看到太多內(nèi)容需要消化而后選擇跳出。

給用戶展示大量的信息將只會(huì)壓倒他們（尤其是第一次使用訪客）。用戶會(huì)看到太多內(nèi)容需要消化后選擇跳出。這就像去吃晚餐，腦子里什么想法都沒有卻拿到上百選項(xiàng)的菜單，將需要很久的時(shí)間去決定。這里沒有晚餐，你只有幾秒的時(shí)間。你的用戶很餓，請(qǐng)快速喂飽他們！

我們可以從這個(gè)例子中學(xué)到很多，它恰恰與漸進(jìn)展開相反。

壓到用戶是個(gè)非常嚴(yán)重的錯(cuò)誤。移動(dòng)屏幕嚴(yán)重限制了UI和UX。不要提供太多選項(xiàng)。選項(xiàng)少一些，使用率會(huì)增加一些。首次登陸設(shè)計(jì)的訣竅是僅僅展示用戶在開始時(shí)需要的知道的東西——不要多，也不要少。

首次登錄最好的實(shí)例

提供概述

看這個(gè)下面展示的雜志應(yīng)用Zinio。它展示了APP最重要的區(qū)域并且保證了APP的內(nèi)容可見。這樣使用戶可以看到他們要找的區(qū)域。

盡可能保證首次登錄中提供的信息和用戶的日常經(jīng)驗(yàn)之間聯(lián)系清楚。

展示價(jià)值

這是可以閃光的機(jī)會(huì)，你沒有第二個(gè)創(chuàng)造第一印象的機(jī)會(huì)，所以告訴他們你的APP有什么。準(zhǔn)確地描述你APP的價(jià)值并且用幾屏頁面來解釋。展示你的APP將帶給用戶他們想要的。沒有什么比這更重要。一旦你帶領(lǐng)他們進(jìn)入應(yīng)用，今后你可以優(yōu)化體驗(yàn)留住他們。

用戶首次登錄的末尾，占用四屏，讓用戶清楚的知道他們將獲得什么并且受到鼓勵(lì)開始使用APP。

Uber將APP的價(jià)值精簡(jiǎn)為四屏，因此用戶可以清楚地了解到它提供的服務(wù)。

展示他們下一步需要做什么

為用戶呈現(xiàn)他們下一步需要在APP中做的。這將成為他們的使用指南帶給他們流暢的登錄體驗(yàn)。看下面兩張Birdhouse的截屏。把它放在前面告訴用戶APP是用來做什么的以及使用它需要知道什么。

Birdhouse準(zhǔn)確的向用戶展示；餓開始使用時(shí)需要知道什么，如何進(jìn)行下一步操作。

第一屏（左邊）見識(shí)了用戶開始使用需要的信息。第二屏適合時(shí)宜的說明“歷史”功能如何使用，恰恰這時(shí)用戶可能需要用到它（用戶第一次發(fā)送推特后）。

不同類型APP的教程策略

下面是幾個(gè)常用在不同類型APP中的教程。

步進(jìn)式教程：游戲

在游戲世界里，這種教程貫穿其中指導(dǎo)玩家，讓他們知道怎樣操作以及游戲規(guī)則。

步進(jìn)式教程由內(nèi)到外詳細(xì)的指導(dǎo)用戶，對(duì)于游戲來說是完美的。它代替了令大部分玩家討厭的指南，或者大多數(shù)玩家為了開始游戲所看但并不想堅(jiān)持看完的視頻。畢竟，與其它相比玩家更喜歡互動(dòng)的形式。

步進(jìn)式互動(dòng)教程強(qiáng)化了玩家對(duì)的每一步的操作的印象。當(dāng)玩家通過互動(dòng)的方式被一步一步引導(dǎo)，被“真了不起！”或者“加油！”這樣的信息鼓勵(lì)，他將很樂意去玩。

Soccer Stars的步進(jìn)式互動(dòng)教程非常好理解，并且允許用戶反饋。

習(xí)慣養(yǎng)成式教程：社交分享

在圖片分享APP中，Pinterest率先通過教程引導(dǎo)用戶發(fā)現(xiàn)圖片創(chuàng)建自己的第一個(gè)pin（譯者注：可以理解成組）。這種形式教程的目標(biāo)是讓用戶第一次嘗到成功的滋味，并且讓他們沉浸在pinning的習(xí)慣里。

Pinterest在它的教程里介紹了pinning

如果用戶不理解一個(gè)APP的概念，他們就不會(huì)再來。這就是為什么Pinterest在首次登錄教程中介紹pinning的概念，完成教程之前不會(huì)讓用戶自己離開。對(duì)于圖片分享APP來說這是最好的方式。

價(jià)值展示教程：移動(dòng)電子商務(wù)

對(duì)于移動(dòng)電商APP，你不只想教用戶如何使用APP，而是展示從中衍生出的價(jià)值。當(dāng)用戶通過教程探索你的APP提供什么的時(shí)候，你可以通過這樣說來展現(xiàn)它的價(jià)值，“您好，顧客！我們非常在乎您。您來訪幾次后我們將會(huì)知道您喜歡什么?！边M(jìn)一步講，你可以在教程中解釋如何通過授權(quán)推送他們喜歡的產(chǎn)品的通知來提高移動(dòng)電子商務(wù)體驗(yàn)。向用戶展示他們喜歡的產(chǎn)品的推送通知將會(huì)通過像這樣的應(yīng)用內(nèi)消息的形式，“您最喜歡的品牌鞋正在促銷中！”實(shí)施這個(gè)策略將會(huì)使你的首次登錄更加有效。

這種價(jià)值導(dǎo)向教程不只向用戶展示如何使用APP，并能傳遞APP的價(jià)值吸引他們。

這個(gè)移動(dòng)電商APP通過一個(gè)價(jià)值導(dǎo)向的教程向用戶展示如何使用APP，通過推送通知的形式吸引用戶參與。

你的的首次用戶體驗(yàn)有效嗎？

一旦你覺得做到了終極的首次用戶登錄體驗(yàn)，如何評(píng)估它成功與否？如何知道你的技術(shù)有效？

用戶是否在享受一個(gè)月免費(fèi)內(nèi)容后注冊(cè)？怎樣保證他們參與互動(dòng)教程？他們會(huì)放棄你的APP嗎？流失率是多少？用戶第一次在屏幕上導(dǎo)航的時(shí)候是什么樣子的？他們是否在某一屏上花費(fèi)了太多時(shí)間？用戶是否在到達(dá)某一頁面后退出？哪里有羈絆？

這些問題還有更多其他問題的答案可以通過移動(dòng)可視化分析工具得到解答。真正的深入研究“why”，而并不只是“what”。當(dāng)研究用戶行為時(shí)，要洞察他們的移動(dòng)體驗(yàn)。你希望不只發(fā)現(xiàn)像Google分析這樣的傳統(tǒng)工具提供的百分率和數(shù)字。

讓我們看看這種特征的工具如何使你能夠優(yōu)化。監(jiān)控用戶在現(xiàn)實(shí)生活中如何使用你的APP，并且透過他們的眼睛看問題。

觸摸熱力圖

這個(gè)特性為你提供了一種內(nèi)部視角可以了解到在APP中用戶被哪些地方吸引?？梢暬|摸熱力圖幫助你了解用戶行為及其成因，還有他們的注意力集中在屏幕的那些地方。

下圖是注冊(cè)頁面。它包括了3三個(gè)吸引用戶注意的元素(CTAs).。第二個(gè)幾乎沒有被敲擊。所以，你可能要考慮一下將它移開以免太多CTA使用戶感到困惑，使體驗(yàn)更流暢。

一個(gè)觸摸熱力圖整合報(bào)告分解了你的APP的每一個(gè)手勢(shì)。

你將注意到許多用戶在這一屏退出。現(xiàn)在，具備了這些知識(shí)，你可以從頭開始消除這些阻力，繼續(xù)監(jiān)控。你可以看到在首次登錄過程你的流失率降低了。你可以在“用戶錄像”中看到視頻，了解當(dāng)用戶嘗試通過Facebook注冊(cè)時(shí)發(fā)生了什么。

用戶錄像

通過回放用戶錄像，你可以看出來為什么用戶通過一條線路到達(dá)某頁面。你可能會(huì)發(fā)現(xiàn)用戶在花費(fèi)相當(dāng)一段時(shí)間在中間幾屏頁面上，卻在不久之后就離開了一些頁面。調(diào)查之后你發(fā)現(xiàn)這些頁面沒有給用戶帶來價(jià)值，應(yīng)將他們從首次登錄流程中剔除。

通過Appsee的APP分析，展示了像彈框信息提示的那樣因?yàn)榧夹g(shù)問題不能用Facebook創(chuàng)建賬號(hào)。告訴你為什么用戶放棄注冊(cè)且沒轉(zhuǎn)化為活躍用戶。你可以通過“觸摸熱力圖”模塊查看熱力圖。

實(shí)時(shí)可視化分析報(bào)告

這種實(shí)時(shí)特性對(duì)理解為什么用戶在某一特定的時(shí)間做什么非常重要。通過可視化報(bào)告，你可以提交所有用戶操作的集合，洞察移動(dòng)用戶行為。你可看到用戶第一次開始使用APP，對(duì)某一屏UI感到疑惑，比如一個(gè)像CTA（吸引用戶注意的元素）但是實(shí)際上只是一張圖片。這將幫助你優(yōu)化首次登錄流程，最大程度提高可用性使UI符合用戶期待。

A/B測(cè)試

免費(fèi)增值的第三方工具的出現(xiàn)，就像Optimizely和Apptimize，非常有必要改變一下。他們的優(yōu)勢(shì)之一是使你能夠不需要等App?store的許可改變視覺。你可以比較你的兩個(gè)首次登錄版本，平均分配兩個(gè)版本的流量，然后選擇表現(xiàn)最好的版本。

從視覺移動(dòng)分析中提取數(shù)據(jù)優(yōu)化首次登錄體驗(yàn)

分析首次登錄體驗(yàn)時(shí)，你將焦點(diǎn)集中于新用戶第一步，看看他們?nèi)绾闻c介紹頁面互動(dòng)。

優(yōu)化首次登錄體驗(yàn)最好的方式是結(jié)合下面說明的自上而下和自下而上的方法。

自上而下的方法

觸摸熱力圖和即時(shí)嵌入式分析提供的所有用戶的聚合數(shù)據(jù)。通過分析下面幾個(gè)因素使你能夠優(yōu)化首次登錄流程：

① 流失率

看看首次登錄流程中哪幾屏流失率高。分析那幾屏的用戶行為，深入挖掘?yàn)槭裁从脩粼谶@里離開你的APP。

② 用戶參與

研究新用戶花在每一屏的時(shí)間量。例如，花在教程頁面的時(shí)間超過幾秒鐘表明使用者不清楚下一步需要做什么。

③ 可用性問題

識(shí)別出哪些頁面沒有響應(yīng)手勢(shì)（縮放，輕點(diǎn)，滑動(dòng)）。面對(duì)沒有反應(yīng)的APP，用戶不會(huì)繼續(xù)首次登錄流程并對(duì)APP感到失望。這可能是因?yàn)閁I（用戶沒有在屏幕正確的位置操作）或者技術(shù)問題（APP對(duì)手勢(shì)無反應(yīng)）。同樣的，響應(yīng)時(shí)間過長(zhǎng)可能會(huì)牽制首次登錄體驗(yàn)。

④ 錯(cuò)誤的彈出窗口

分析當(dāng)彈框彈出錯(cuò)誤信息時(shí)發(fā)生了什么（例如，“創(chuàng)建賬號(hào)錯(cuò)誤”）。這將幫助你清除導(dǎo)致用戶在首次登錄流程中退出的技術(shù)問題。

自下而上的方法

視頻錄像提供了用戶級(jí)數(shù)據(jù)。通過觀察新用戶開始使用APP，你可以透過他們的眼睛看首次登錄體驗(yàn)。你將看到他們遇到的可用性和技術(shù)問題，導(dǎo)致崩潰的操作順序，可被識(shí)別的某些導(dǎo)致崩潰的UI元素。然后優(yōu)化并重新發(fā)布。

行為的可視化移動(dòng)分析

我們對(duì)一款日記應(yīng)用進(jìn)行移動(dòng)分析識(shí)別出首次登錄體驗(yàn)中的不流暢的地方。讓我們看看這個(gè)開發(fā)者的外包項(xiàng)目。

首次登錄體驗(yàn)包括一屏注冊(cè)頁面，包括兩個(gè)區(qū)域，沒有通過社交網(wǎng)絡(luò)的自動(dòng)注冊(cè)。一個(gè)強(qiáng)制性三屏教程頁面說明注冊(cè)之后如何使用APP。

傳統(tǒng)的移動(dòng)分析僅僅顯示在訪客量中56%的用戶沒有完成首次登錄流程。用戶在點(diǎn)擊第三屏教程中離開。這一屏的流失率高達(dá)47%。但是，這并沒有說明為什么流失率如此高，為什么首次登錄體驗(yàn)失敗。

通過分析錄像視頻，開發(fā)者發(fā)現(xiàn)第三屏的“下一步”按鈕沒有顯示。用戶到處點(diǎn)擊屏幕試圖完成教程，但是他們的點(diǎn)擊沒有作用。這些用戶離開APP，大多數(shù)都沒有回來。深入研究觸屏熱力圖記錄和UI報(bào)告顯示77%的屏幕點(diǎn)擊都沒有響應(yīng)。

發(fā)布者重新開始，修正了技術(shù)問題，首次登錄體驗(yàn)的用戶增長(zhǎng)了39%，活躍用戶增長(zhǎng)了27%。

移動(dòng)分析入門指南

大多數(shù)傳統(tǒng)可視化移動(dòng)分析工具都會(huì)要求你整合APP的SDK（譯者注：Software Development Kit——軟件開發(fā)工具包）。整合過程非常簡(jiǎn)單，只需要幾分鐘?？梢暬苿?dòng)分析需要自動(dòng)監(jiān)測(cè)屏幕，所以按鈕及用戶行為這些預(yù)先確定的不是必需的。觸摸熱力圖中自動(dòng)記錄訪問者數(shù)量并統(tǒng)計(jì)所有手勢(shì)（點(diǎn)擊，滑動(dòng)，縮放），所以你只需整合SDK。

大多數(shù)移動(dòng)分析工具有免費(fèi)試用版。只有極少幾個(gè)有免費(fèi)包（比如，傳統(tǒng)的Google?Analytics）。它們的價(jià)格通常由訪客數(shù)量和數(shù)據(jù)點(diǎn)來決定。

可視化綜合移動(dòng)分析可以通過兩個(gè)簡(jiǎn)單的步驟來完成。對(duì)于iOS應(yīng)用，首先解壓縮文件且將Appsee.framework文件直接拖到Xcode項(xiàng)目中的“Frameworks”文件夾中。

可視化移動(dòng)分析結(jié)構(gòu)目錄。

第二步，將下面的幾行代碼加到你的應(yīng)用中。

didFinishLaunchingWithOptions:method?with?your?API?key:

[Appsee?start:@”YOUR?API?KEY”];

許多工具有類似的功能（比如用來監(jiān)控用戶體驗(yàn)），但是主要用于桌面瀏覽器。Crazy?Egg用熱力圖記錄顯示哪里用戶點(diǎn)擊最多。Inspectlet通過細(xì)致的記錄用戶行為走得更遠(yuǎn)些。

移動(dòng)端因?yàn)槠聊怀叽绲募s束，操作系統(tǒng)和即時(shí)聯(lián)系用戶的潛力，使用這些工具是非常有必要的。

首次登錄體驗(yàn)是你APP能否成功的關(guān)鍵中的關(guān)鍵。沒有有效的首次登錄體驗(yàn)?zāi)闼械呐?huì)幾秒鐘的時(shí)間里付諸東流。

通過內(nèi)聯(lián)提示技術(shù)，你已經(jīng)看到如何為首次登錄體驗(yàn)賦予價(jià)值，以此吸引用戶并教他們?nèi)绾问褂媚愕腁PP。你也看到了太多的信息壓到用戶導(dǎo)致他們離開。我們?cè)u(píng)估了一些最好的實(shí)踐案例并思考了如何選擇最能匹配你APP的教程。

鑒于首次登錄、緊密監(jiān)控用戶體驗(yàn)的重要性，可視化移動(dòng)分析非常有必要。這些工具從一開始整合就很簡(jiǎn)單，他們將幫助你洞察如何優(yōu)化APP并最大程度發(fā)揮它的潛能。

可視化移動(dòng)分析對(duì)你施高壓以驅(qū)使你深入洞察首次登錄階段的用戶體驗(yàn)。你將會(huì)發(fā)現(xiàn)可以武裝自己的寶藏，最大程度優(yōu)化首次登錄體驗(yàn)。

作者：Alon?Even??翻譯：石洋

原文鏈接：http://www.smashingmagazine.com/2014/11/20/refining-your-mobile-onboarding-experience-using-visual-analytics/

原文地址：http://www.jianshu.com/p/cbd2fa236e41