用可視化分析的方法優化首次登錄體驗

1 評論 12663 瀏覽 11 收藏 25 分鐘

許多用戶在成千上萬移動應用的世界里經受著ADD(app deluge disorder:應用泛濫)的騷擾。開發者中廣泛流傳著一句格言,“你只有一次獲得第一印象的機會”。一旦大批用戶下了你的APP,你已經完成了首要目標并贏了這場戰役的一半?,F在,保證他們下載后的情況是你的下一個目標。在這里首次登錄占據了重要位置。

我就職于移動分析公司,非常清楚地看到APP開發者所經歷的挑戰。在這篇文章里,我們將回顧通過移動視覺分析測量用戶體驗的重要性,并提供案例和其他思考,從而優化你的首次登陸體驗,增加留存率。

我必須強調,這里并沒有創造完美的首次登錄體驗的魔法棒,保持監控首次登錄體驗的專注度和決心將會比其他策略更有效。無論你是開發者還是移動應用發布者,這篇文章將提供可以應用在你自己APP上的相關知識。

請用戶留下

應用下載后的首次登錄包含了許多技術,以保證用戶第一次使用你的APP時能夠盡快融入。把首次登陸當成建立人們使用你APP的入口。將第一次使用的用戶轉化為活躍和留存的用戶是創造終極首次登錄體驗的核心。

針對基于互聯網的APP有用的方法常對混合和原生的APP沒用,反之亦然??紤]這些會浪費很多時間。舉個例子,原生APP邀請用戶通過他們設備中的細節用Facebook(一鍵注冊)創建賬戶,從而提供流暢的首次登錄體驗?;诰W站的APP,則會重新將用戶推送到Facebook頁面,不過界面不同,如果用戶沒有登錄,將要求他們輸入郵箱地址和密碼,然后返回APP頁面。顯然基于網站的APP用Facebook首次登錄比較低效。

當設計首次登錄體驗的時候你有非常多的的因素要考慮。核心是在將心理學與設計相結合,并且要確定目標受眾,根據他們使用的設備,還有像年齡和語言等詳細的人口統計特征進行設計。

首次登錄的正確方式

讓我們看看幾個APP首次登錄體驗的例子,還有如何攫取用戶并且讓他們回來的技術。

內聯(inline)提示

YouTube Capture的首次登錄體驗始于一個快速教程。然后通過內聯提示讓用戶了解APP的UI。因為這個APP簡單,所以指出下一步一步怎樣做對于帶入用戶非常有效。

YouTube Capture的首次登錄體驗用到了內聯提示。

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

教程設計

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

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

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

首次登錄的錯誤方法

看過了優秀案例,我們再看看不太有效的案例。

不好的App流程

看看下面索契(Sochi)冬季奧運會官方APP。這是一個不恰當的首次登錄體驗案例。當你開始使用APP,屏幕顯示正在加載。這個有七個步驟設置APP的過程是低效設計的反面教材。還不止這些,當你的將它設置好,APP將你帶到一個文本和圖片都很小的頁面。這個APP像迷宮,對于你應該去哪里和該怎樣操作沒有一點兒提示。

毫無疑問的是它有很多用途并且使很多用戶感到泄氣,但如果它只是一個在APP市場上隨意的APP而不是冬奧會官方APP,缺憾會小一些。它是低效的、首次登錄體驗不佳的設計案例?;蛟S把它稱作“登出”更好些。

Sochi的APP的七步首次登陸設計的不合適。

當用戶啟動你的APP,最不適宜的是讓用戶去等。如果他們不得不等,就要想辦法吸引他們,或許在完成進程時提供一些他們可以讀的內容??赡茉O置過程實在太長了,將進程設計的盡可能短,以最快速度給給用戶他們要的。

給他們通過Facebook賬號點擊即可的簽到的選項,并且設置他們的偏好。這幾屏需要5秒以上時間的完成。當他們接觸到APP的核心內容時,確保字號與內容重要程度成正比以便這些文本被讀到。

通過可視化分析,你將看到用戶使用APP時是否遇到阻礙。除非你已經開發了索契冬奧會那樣用戶沒有的其他選擇的官方APP。

壓倒用戶

一個叫Project的雜志APP的首次登錄體驗前以幾個足夠簡單的介紹頁面開始,然后把用戶帶到這個頁面:

Project顯示出壓倒用戶是個非常嚴重的錯誤(尤其對于第一次使用的訪客)。用戶會看到太多內容需要消化而后選擇跳出。

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

我們可以從這個例子中學到很多,它恰恰與漸進展開相反。

壓到用戶是個非常嚴重的錯誤。移動屏幕嚴重限制了UI和UX。不要提供太多選項。選項少一些,使用率會增加一些。首次登陸設計的訣竅是僅僅展示用戶在開始時需要的知道的東西——不要多,也不要少。

首次登錄最好的實例

提供概述

看這個下面展示的雜志應用Zinio。它展示了APP最重要的區域并且保證了APP的內容可見。這樣使用戶可以看到他們要找的區域。

盡可能保證首次登錄中提供的信息和用戶的日常經驗之間聯系清楚。

展示價值

這是可以閃光的機會,你沒有第二個創造第一印象的機會,所以告訴他們你的APP有什么。準確地描述你APP的價值并且用幾屏頁面來解釋。展示你的APP將帶給用戶他們想要的。沒有什么比這更重要。一旦你帶領他們進入應用,今后你可以優化體驗留住他們。

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

Uber將APP的價值精簡為四屏,因此用戶可以清楚地了解到它提供的服務。

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

為用戶呈現他們下一步需要在APP中做的。這將成為他們的使用指南帶給他們流暢的登錄體驗??聪旅鎯蓮圔irdhouse的截屏。把它放在前面告訴用戶APP是用來做什么的以及使用它需要知道什么。

Birdhouse準確的向用戶展示;餓開始使用時需要知道什么,如何進行下一步操作。

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

不同類型APP的教程策略

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

步進式教程:游戲

在游戲世界里,這種教程貫穿其中指導玩家,讓他們知道怎樣操作以及游戲規則。

步進式教程由內到外詳細的指導用戶,對于游戲來說是完美的。它代替了令大部分玩家討厭的指南,或者大多數玩家為了開始游戲所看但并不想堅持看完的視頻。畢竟,與其它相比玩家更喜歡互動的形式。

步進式互動教程強化了玩家對的每一步的操作的印象。當玩家通過互動的方式被一步一步引導,被“真了不起!”或者“加油!”這樣的信息鼓勵,他將很樂意去玩。

Soccer Stars的步進式互動教程非常好理解,并且允許用戶反饋。

習慣養成式教程:社交分享

在圖片分享APP中,Pinterest率先通過教程引導用戶發現圖片創建自己的第一個pin(譯者注:可以理解成組)。這種形式教程的目標是讓用戶第一次嘗到成功的滋味,并且讓他們沉浸在pinning的習慣里。

Pinterest在它的教程里介紹了pinning

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

價值展示教程:移動電子商務

對于移動電商APP,你不只想教用戶如何使用APP,而是展示從中衍生出的價值。當用戶通過教程探索你的APP提供什么的時候,你可以通過這樣說來展現它的價值,“您好,顧客!我們非常在乎您。您來訪幾次后我們將會知道您喜歡什么?!边M一步講,你可以在教程中解釋如何通過授權推送他們喜歡的產品的通知來提高移動電子商務體驗。向用戶展示他們喜歡的產品的推送通知將會通過像這樣的應用內消息的形式,“您最喜歡的品牌鞋正在促銷中!”實施這個策略將會使你的首次登錄更加有效。

這種價值導向教程不只向用戶展示如何使用APP,并能傳遞APP的價值吸引他們。

這個移動電商APP通過一個價值導向的教程向用戶展示如何使用APP,通過推送通知的形式吸引用戶參與。

你的的首次用戶體驗有效嗎?

一旦你覺得做到了終極的首次用戶登錄體驗,如何評估它成功與否?如何知道你的技術有效?

用戶是否在享受一個月免費內容后注冊?怎樣保證他們參與互動教程?他們會放棄你的APP嗎?流失率是多少?用戶第一次在屏幕上導航的時候是什么樣子的?他們是否在某一屏上花費了太多時間?用戶是否在到達某一頁面后退出?哪里有羈絆?

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

讓我們看看這種特征的工具如何使你能夠優化。監控用戶在現實生活中如何使用你的APP,并且透過他們的眼睛看問題。

觸摸熱力圖

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

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

一個觸摸熱力圖整合報告分解了你的APP的每一個手勢。

你將注意到許多用戶在這一屏退出。現在,具備了這些知識,你可以從頭開始消除這些阻力,繼續監控。你可以看到在首次登錄過程你的流失率降低了。你可以在“用戶錄像”中看到視頻,了解當用戶嘗試通過Facebook注冊時發生了什么。

用戶錄像

通過回放用戶錄像,你可以看出來為什么用戶通過一條線路到達某頁面。你可能會發現用戶在花費相當一段時間在中間幾屏頁面上,卻在不久之后就離開了一些頁面。調查之后你發現這些頁面沒有給用戶帶來價值,應將他們從首次登錄流程中剔除。

通過Appsee的APP分析,展示了像彈框信息提示的那樣因為技術問題不能用Facebook創建賬號。告訴你為什么用戶放棄注冊且沒轉化為活躍用戶。你可以通過“觸摸熱力圖”模塊查看熱力圖。

實時可視化分析報告

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

A/B測試

免費增值的第三方工具的出現,就像OptimizelyApptimize,非常有必要改變一下。他們的優勢之一是使你能夠不需要等App?store的許可改變視覺。你可以比較你的兩個首次登錄版本,平均分配兩個版本的流量,然后選擇表現最好的版本。

從視覺移動分析中提取數據優化首次登錄體驗

分析首次登錄體驗時,你將焦點集中于新用戶第一步,看看他們如何與介紹頁面互動。

優化首次登錄體驗最好的方式是結合下面說明的自上而下和自下而上的方法。

自上而下的方法

觸摸熱力圖和即時嵌入式分析提供的所有用戶的聚合數據。通過分析下面幾個因素使你能夠優化首次登錄流程:

① 流失率

看看首次登錄流程中哪幾屏流失率高。分析那幾屏的用戶行為,深入挖掘為什么用戶在這里離開你的APP。

② 用戶參與

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

③ 可用性問題

識別出哪些頁面沒有響應手勢(縮放,輕點,滑動)。面對沒有反應的APP,用戶不會繼續首次登錄流程并對APP感到失望。這可能是因為UI(用戶沒有在屏幕正確的位置操作)或者技術問題(APP對手勢無反應)。同樣的,響應時間過長可能會牽制首次登錄體驗。

④ 錯誤的彈出窗口

分析當彈框彈出錯誤信息時發生了什么(例如,“創建賬號錯誤”)。這將幫助你清除導致用戶在首次登錄流程中退出的技術問題。

自下而上的方法

視頻錄像提供了用戶級數據。通過觀察新用戶開始使用APP,你可以透過他們的眼睛看首次登錄體驗。你將看到他們遇到的可用性和技術問題,導致崩潰的操作順序,可被識別的某些導致崩潰的UI元素。然后優化并重新發布。

行為的可視化移動分析

我們對一款日記應用進行移動分析識別出首次登錄體驗中的不流暢的地方。讓我們看看這個開發者的外包項目。

首次登錄體驗包括一屏注冊頁面,包括兩個區域,沒有通過社交網絡的自動注冊。一個強制性三屏教程頁面說明注冊之后如何使用APP。

傳統的移動分析僅僅顯示在訪客量中56%的用戶沒有完成首次登錄流程。用戶在點擊第三屏教程中離開。這一屏的流失率高達47%。但是,這并沒有說明為什么流失率如此高,為什么首次登錄體驗失敗。

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

發布者重新開始,修正了技術問題,首次登錄體驗的用戶增長了39%,活躍用戶增長了27%。

移動分析入門指南

大多數傳統可視化移動分析工具都會要求你整合APP的SDK(譯者注:Software Development Kit——軟件開發工具包)。整合過程非常簡單,只需要幾分鐘??梢暬苿臃治鲂枰詣颖O測屏幕,所以按鈕及用戶行為這些預先確定的不是必需的。觸摸熱力圖中自動記錄訪問者數量并統計所有手勢(點擊,滑動,縮放),所以你只需整合SDK。

大多數移動分析工具有免費試用版。只有極少幾個有免費包(比如,傳統的Google?Analytics)。它們的價格通常由訪客數量和數據點來決定。

可視化綜合移動分析可以通過兩個簡單的步驟來完成。對于iOS應用,首先解壓縮文件且將Appsee.framework文件直接拖到Xcode項目中的“Frameworks”文件夾中。

可視化移動分析結構目錄。

第二步,將下面的幾行代碼加到你的應用中。

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

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

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

移動端因為屏幕尺寸的約束,操作系統和即時聯系用戶的潛力,使用這些工具是非常有必要的。

首次登錄體驗是你APP能否成功的關鍵中的關鍵。沒有有效的首次登錄體驗你所有的努力將會幾秒鐘的時間里付諸東流。

通過內聯提示技術,你已經看到如何為首次登錄體驗賦予價值,以此吸引用戶并教他們如何使用你的APP。你也看到了太多的信息壓到用戶導致他們離開。我們評估了一些最好的實踐案例并思考了如何選擇最能匹配你APP的教程。

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

可視化移動分析對你施高壓以驅使你深入洞察首次登錄階段的用戶體驗。你將會發現可以武裝自己的寶藏,最大程度優化首次登錄體驗。

 

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

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

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 受益匪淺

    來自上海 回復