Tob列表优化总结/作品集

公司为构建自己的竞争壁垒，战略上把研发内部多年打磨的为第三方企业提供精选线索的创新产品

目标定位为BTOB企业为主，为他们提供更好的产品服务和用户体验

列表是智慧综合监控平台最典型的模块之一，据智慧综合监控平台埋点数据统计显示，列表PV占平台总PV的40.0%，列表操作时长占平台47.2%。列表承载了客户浏览数据、查找数据、管理数据的重要功能，是客户重点使用和关注的区域。

然而据智慧综合监控平台体验监测报告显示，平台列表模块满意度53.9%，低于平台平均满意度分值（55.6%），不满意归因主要集中在性能卡顿、交互操作效率低两方面。

基于以上两方面的原因，我们从客户视角出发，设定设计目标为列表体验创新升级， 提升列表核心场景操作效率以及客户满意度。针对

三大核心场景分析量化客户体验痛点，通过打造全屏交互框架、创新设计交互模式等举措，给客户带来「更全面」「更便捷」「更高效」的列表使用体验，提升客户满意度，助力业务达成目标。

我们通过对用户研究洞察用户的痛点和诉求，具体的方法使用用户体验地图，将自己想象成用户，需要完成特定任务需要经历哪些步骤，哪些因素会影响我们在操作的效率或者情绪，都可以把遇到的问题罗列出来，洞察执行角色，找到用户关注信息内容，依据用户场景，总结不同用户关注信息……

用户在列表页面一键进入到沉浸的全屏交互框架中，列表页面占比提升至80%。同时，我们还针对全屏沉浸模式给出了全新的紧凑型UI方案，通过采用文字按钮更轻量,缩减列高列宽更紧凑的设计手段，在16寸屏幕下，纵向实现展现行数从10行增加至14行，充分提升了空间利用率.

平台中大量涉及由某一项触发下钻到其他项的场景，平台原本的交互形式是打开新的浏览器页签去加载下钻页面。然而在全屏沉浸模式下，如依然保持外跳的交互，那客户查看数据时需先退出当前全屏沉浸模式，然后在外跳链接中再打开全屏模式，整体操作路径长效率低，因而需给出新的交互模式。

我们借鉴浏览器页签逻辑，提供全屏模式下的多任务标签卡，用户可在沉浸模式下，通过切换标签，完成数据管理，高效便捷。

数据较大的时候，为了避免用户在浏览的时候出现混淆，每行交替使用不同的颜色背景是帮助用户在阅读时保持其位置的一种好方法，对于较大的数据集，使用此样式，在较大的数据集中，交替模式将很清晰，并且不会引起特定行突出显示的混乱。

正常的列表如果需要修改等操作，首先是先点击选择每一个要改正的关键词所属行前方的checkbox→点击批量操作下拉按钮→点击选择所需的操作。某些时候，使用者是针对单行中若干数据进行编辑，而

。针对这些痛点，我们在全屏沉浸模式下，创新提出「跨行框选」、「右键菜单」交互模式，使用者可在页面中根据诉求，随时发起操作，使得原本低效的批量操作和行内操作简单高效。

客户在页面中任何单元格内可直接点击唤起右键菜单，菜单中按照客户操作频率以及功能相关性进行聚类，客户无需左右拉动滚动条，直接选择所需操作即可，大幅提升行内操作效率。

到最后这里就是需要项目上线后的验证了，也就是说你这次设计后取得效果如何，可以通过后台埋点数据去分析，也可以从业务人员那里询问或者后期的用户的问卷调查等等唯独维度去分析。

优化后和优化前的列表满意度对比，这次列表的优化还是比较成功的，用户对列表的满意度相比之前提高了22.3%，而且通过这次优化，用户对系统总体满意度也有所增加。