初探B端页面体验管理 https://mp.weixin.qq.com/s/VuAbeuW0wpqafZO7zF-f4Q

初探B端页面体验管理

唐朋博 京东设计中心JDC 2022-04-25 16:30

体验量化是最近几年行业内比较关注的领域，作为B端设计师如何对页面体验和性能有更好的感知后参与评估与系统优化，从而保证产品基本可用性？本文参考谷歌核心Web指标阈值，对B端在页面级别的体验管理进行了思考。

 

页面体验是什么

B端用户每天需要面对复杂多变的业务，通过承载了这些业务逻辑的用户界面完成各种操作。这些页面是否能够稳定、高效和有效的解决用户工作问题至关重要。除了对用户进行定性访谈、可用性测试（链接）之外，聚焦到页面级别的体验监测可以通过明确的指标数据量化基本体验，在保证基础可用性的同时，从用户操作链路角度发现系统中页面体验待提升部分，从而提升系统整体体验。页面体验包含对设计还原以及对研发层面稳定性与相应时长的考量，需要横跨产品、设计、研发等多个角色共同完成对页面体验的评估和提升，从而形成闭环的管理而不仅仅是一个数据报表。尤其在以下几种场景，推荐对页面体验进行监测与管理：

• 重操作的系统

  
  



• 页面（系统）量级庞大

  
  



• 页面没有经过设计产出把控，或者后端研发代写前端，直接通过组件库快速搭建

  
  

页面体验指标有哪些

参考2020年谷歌发布的核心web指标：LCP（最大内容绘制）、FID（首次输入延迟）和CLS（累计布局偏移），对于B端系统页面的监控可以从以下几个方向展开：

1、页面加载速度指标：MMP（Most Meaningful Paint）最有意义内容绘制

定义：页面中最重要最有意义的一个或多个元素的加载时长

数值：参考LCP给出的建议值，一个良好的加载时长应该在2.5秒以内，如果已经大于4秒，则这个页面加载速度欠佳

示例：从以下示例可以看到，谷歌给出的是全页中最大元素加载的时长。而在实际B端页面中，可能是主要操作按钮、表格及表格数据等。设计师需要根据场景进行单独指定，也可以统一对某一类型页面进行统一指定，比如列表页中表格数据最重要，其他的附属操作按钮、查询排序的加载时长可以不计算在MMP指标里。

 

3、对页面持续优化

对于指标提升，MMP和FOD需要开发者在开发过程中不断提升前端性能。作为设计师，需要与产品和研发进行更密切的合作，提前预估可能发生问题的页面，对性能和体验作出更好的平衡。

 

欢迎大家留言对指标项和报告内容提出更好的建议，谢谢。

RED唐朋博

 

参考文章：

https://web.dev/i18n/zh/defining-core-web-vitals-thresholds/

https://web.dev/i18n/zh/lcp/

https://web.dev/i18n/zh/fid/

https://web.dev/i18n/zh/cls/