在網際網路時代，使用者體驗越來越成為企業所重視的内容，從中也衍生出來了使用者體驗管理這麼一個新生的事物。本文将普及一下使用者體驗管理-UEM的相關知識。
随着網際網路産品越來越多，使用者群體越來越龐大以及使用者品位的多樣性增加，我們會發現這樣的一個規律，就是相同類型的産品，比如播放器中的QQ影音和暴風影音，再比如小遊戲平台中的騰訊遊戲和聯衆等等，他們的功能是相同的或者是相似的，但是對于使用者來說，每個人都有着不同的使用喜好。
其實無論用什麼平台，都能完成同樣的任務，那麼對于使用者來說，在同等産品當中他們是如何選擇的呢？除了一些比如大品牌效應等等平常的因素，使用者體驗的好壞會成為使用者在選擇産品中的一個重要因素。假如我們在使用一個播放器放電影，發現經常出現卡頓和聲音走音的現象，那麼我相信這個使用者很可能就會選擇其他的産品。在網際網路時代，使用者體驗越來越成為企業所重視的内容，從中也衍生出來了使用者體驗管理這麼一個新生的事物。我今天就來給大家普及一下使用者體驗管理-UEM的相關知識。
一、什麼是UEM以及UEM使用場景
UEM這個詞大家可能比較陌生，UEM是USER EXPERIENCE MANAGEMENT的縮寫，中文翻譯為使用者體驗管理，它所要達成的目标是能夠實時了解網際網路産品或應用的真實使用者體驗。
這麼說可能還是有一些抽象，簡單來說UEM就是一種工具，這種工具可以實時收集很多資料，比如說使用者所通路頁面加載時間的長短、在通路頁面是否出現了比如圖檔無法加載的問題、使用者是通過何種裝置比如是用手機還是電腦通路的應用，它走的是中國移動還是中國聯通的流量等等。在收集完很多類型的資料之後，UEM會對資料進行歸納和處理以供分析人員使用，這樣開發的公司或者營運商就知道了使用者在應用當中的體驗情況了，比如使用者在通路哪些頁面的時候比較卡，大部分使用者是通過手機通路還是電腦通路等等。有了這樣的資料，廠商就可以持續不斷改進使用者體驗，讓産品做得越來越受使用者喜歡而且好用。這就是UEM所做的工作。
UEM的使用場景非常廣泛，可以說隻要是需要了解使用者在應用上體驗好壞的地方，都需要UEM。目前比較常見的場景是PC網站和手機端網站的使用者體驗，很多廠商也在做手機APP端體驗管理的内容。相信在不久的将來，使用者體驗管理的應用場景會越來越多，内容也會越來越豐富。
二、UEM核心功能
使用者體驗一般分為移動應用體驗（UEM App）和浏覽器應用體驗（UEM Web）兩部分。對移動應用的使用者體驗支援，國内外很多廠商的産品都較為成熟和完善，大家在網上能夠找到很多可以參考的項目，UAVStack開源項目目前主要關注于面向浏覽器應用的使用者體驗。
一般來說，UEM的核心功能包括以下内容:
三、UEM常用實作技術
現在在UEM領域，常用的實作技術還是"探針"技術。也就是通過在頁面HTML當中插入一段JAVASCRIPT代碼（這裡稱為"探針"），這段代碼可以實時擷取和發送頁面通路的一些資料，背景再對這些資料進行清理和收集，最後對資料進行統計畫圖或者以表格形式進行展示。其他的技術還有通過擷取浏覽器或者伺服器上收集的資料來收集使用者通路相關内容，但是目前用的比較少。
四、"探針"技術捕獲資料解密
UEM的核心在于浏覽器探針，通過自動注入到監測網頁的JS代碼，對實際使用者通路的網頁性能資料進行全樣本采集和分析，找到影響使用者體驗問題本源，幫助使用者持續優化Web應用性能。
浏覽器探針的作用在于以下幾點：
- 采集浏覽器基本資訊
- 采集頁面性能資料（Navigation Timing API）
- 采集AJAX性能資料+請求/響應資料
- 采集JS錯誤資料（包括：出錯頁面或腳本URL，引用頁面URL，Error Message，錯誤位置：行号，列号，等等）
- 采集頁面追蹤資料（Resource Timing API）
- 将捕獲的資料上傳到UEM Server，便于進行後續的存儲、多元度分析、預警和優化等。
浏覽器探針是根據浏覽器狀态來采集頁面性能資料的。每次頁面請求，當擷取到onload事件結束，則以事件結束時間定義為頁面完成時間。當有異步請求再次加載内容，那麼這些異步請求記錄在AJAX資料當中。基于采集到的資料，可以得到以下頁面性能名額：
基于這些名額，頁面加載流程的分解和可視化将會變得十分簡單。
五、頁面加載流程可視化
頁面加載流程可視化是UEM資料統計的一個重要手段，是UEM成果的通俗展示方式。上圖是頁面加載流程可視化的一個示意圖。上述頁面性能資料是實時上傳的，但資料上傳分四個時機：整個頁面加載完成後上傳、離開頁面時上傳、發生JS錯誤時上傳和有AJAX請求時上傳。此外，浏覽器探針是自動注入到監測網頁的，UEM Server會監聽應用伺服器的輸出，當使用者開啟自動注入功能，UEM Server會在應用伺服器的輸出函數内自動注入UEM的浏覽器探針，通過大量的實驗室資料對比，自動注入UEM浏覽器探針對伺服器性能幾乎無影響。
UAV官網位址:HTTPS://UAVORG.GITHUB.IO/MAIN
GITHUB位址：HTTPS://GITHUB.COM/UAVORG/UAVSTAC
作者：何建欣、謝知求
來源：宜信技術學院