UEM“探针”技术及用户体验管理

随着互联网产品愈来愈多，用户群体愈来愈庞大以及用户品位的多样性增长，咱们会发现这样的一个规律，就是相同类型的产品，好比播放器中的QQ影音和暴风影音，再好比小游戏平台中的腾讯游戏和联众等等，他们的功能是相同的或者是类似的，可是对于用户来讲，每一个人都有着不一样的使用喜爱。

其实不管用什么平台，都能完成一样的任务，那么对于用户来讲，在同等产品当中他们是如何选择的呢？除了一些好比大品牌效应等等日常的因素，用户体验的好坏会成为用户在选择产品中的一个重要因素。假如咱们在使用一个播放器放电影，发现常常出现卡顿和声音走音的现象，那么我相信这个用户极可能就会选择其余的产品。在互联网时代，用户体验愈来愈成为企业所重视的内容，从中也衍生出来了用户体验管理这么一个新生的事物。我今天就来给你们普及一下用户体验管理-UEM的相关知识。

1、什么是UEM以及UEM使用场景

UEM这个词你们可能比较陌生，UEM是USER EXPERIENCE MANAGEMENT的缩写，中文翻译为用户体验管理，它所要达成的目标是可以实时了解互联网产品或应用的真实用户体验。

这么说可能仍是有一些抽象，简单来讲UEM就是一种工具，这种工具能够实时收集不少数据，好比说用户所访问页面加载时间的长短、在访问页面是否出现了好比图片没法加载的问题、用户是经过何种设备好比是用手机仍是电脑访问的应用，它走的是中国移动仍是中国联通的流量等等。在收集完不少类型的数据以后，UEM会对数据进行概括和处理以供分析人员使用，这样开发的公司或者运营商就知道了用户在应用当中的体验状况了，好比用户在访问哪些页面的时候比较卡，大部分用户是经过手机访问仍是电脑访问等等。有了这样的数据，厂商就能够持续不断改进用户体验，让产品作得愈来愈受用户喜欢并且好用。这就是UEM所作的工做。

UEM的使用场景很是普遍，能够说只要是须要了解用户在应用上体验好坏的地方，都须要UEM。目前比较常见的场景是PC网站和手机端网站的用户体验，不少厂商也在作手机APP端体验管理的内容。相信在不久的未来，用户体验管理的应用场景会愈来愈多，内容也会愈来愈丰富。

2、UEM核心功能

用户体验通常分为移动应用体验（UEM App）和浏览器应用体验（UEM Web）两部分。对移动应用的用户体验支持，国内外不少厂商的产品都较为成熟和完善，你们在网上可以找到不少能够参考的项目，UAVStack开源项目目前主要关注于面向浏览器应用的用户体验。

通常来讲，UEM的核心功能包括如下内容:

3、UEM经常使用实现技术

如今在UEM领域，经常使用的实现技术仍是"探针"技术。也就是经过在页面HTML当中插入一段JAVASCRIPT代码（这里称为"探针"），这段代码能够实时获取和发送页面访问的一些数据，后台再对这些数据进行清理和收集，最后对数据进行统计画图或者以表格形式进行展现。其余的技术还有经过获取浏览器或者服务器上收集的数据来收集用户访问相关内容，可是目前用的比较少。

4、"探针"技术捕获数据解密

UEM的核心在于浏览器探针，经过自动注入到监测网页的JS代码，对实际用户访问的网页性能数据进行全样本采集和分析，找到影响用户体验问题本源，帮助用户持续优化Web应用性能。

浏览器探针的做用在于如下几点：

• 采集浏览器基本信息
• 采集页面性能数据（Navigation Timing API）
• 采集AJAX性能数据+请求/响应数据
• 采集JS错误数据（包括：出错页面或脚本URL，引用页面URL，Error Message，错误位置：行号，列号，等等）
• 采集页面追踪数据（Resource Timing API）
• 将捕获的数据上传到UEM Server，便于进行后续的存储、多维度分析、预警和优化等。

浏览器探针是根据浏览器状态来采集页面性能数据的。每次页面请求，当获取到onload事件结束，则以事件结束时间定义为页面完成时间。当有异步请求再次加载内容，那么这些异步请求记录在AJAX数据当中。基于采集到的数据，能够获得如下页面性能指标：

基于这些指标，页面加载流程的分解和可视化将会变得十分简单。

5、页面加载流程可视化

页面加载流程可视化是UEM数据统计的一个重要手段，是UEM成果的通俗展现方式。上图是页面加载流程可视化的一个示意图。上述页面性能数据是实时上传的，但数据上传分四个时机：整个页面加载完成后上传、离开页面时上传、发生JS错误时上传和有AJAX请求时上传。此外，浏览器探针是自动注入到监测网页的，UEM Server会监听应用服务器的输出，当用户开启自动注入功能，UEM Server会在应用服务器的输出函数内自动注入UEM的浏览器探针，经过大量的实验室数据对比，自动注入UEM浏览器探针对服务器性能几乎无影响。

UAV官网地址:HTTPS://UAVORG.GITHUB.IO/MAIN

GITHUB地址：HTTPS://GITHUB.COM/UAVORG/UAV...

做者：何建欣、谢知求

来源：宜信技术学院