“友盟+U-APP”交互体验报告

作者站在交互设计师的角度对本产品做一个体验，给出交互优化建议。

一、  概况

1.1.  体验环境

体验对象：友盟+ | U-APP（https://mobile.umeng.com/platform/apps/list）

操作系统：Windows 10

体验日期：2019-4-22

体验人员：汉堡（王涛）

1.2.  背景概述

【产品背景】随着移动互联网的快速发展，各行业、各领域不断涌现形形色色的App，在如此激烈的竞争环境下，数据分析成为产品运营的重要手段，通过数据分析让自己的产品在众多App中脱颖而出。

1.3.  产品概述

以下为从官网上“友盟+ U-APP”的产品首页介绍信息，从一个初级的运营人员的角度来说，这个介绍包括整个产品名称都显得有些绕口，不够直截了当，一眼看上去不知道重点是什么。

【产品名称】“U-APP AI版”英文加上现在流行的“AI”感觉上会显得系统的高大上，但是其实对于新用户来说首先名称“U”不知道是什么含义，让用户疑惑这个产品是做什么的？

我找了阿里和腾讯产品名称的定义，也都有英文名称，但是会加上中文的定义，直截了当的说明该产品的目的。

【产品简介】简介包含的内容也比较多，既提到了产品的服务数据，也提到了各种概念和产品功能作用，显得整个简介重点不够清晰，我觉得更多的说出产品的功能即可；而且使用对象定位的是“开发者”但是我这个产品更多是通过数据分析指导运营或者产品经理来对产品进行迭代，所以产品的对象不够清晰。

建议：简介可以精简为“全新AI版移动应用分析，提供更灵活、智能、专业的数据采集、分析、管理功能，赋能产品，增长业务！”

【主要功能】主要功能分为业务监测、用户洞察和业务增长三个方面，后续部分的分析会以这三个模块为产品分析的方向进行说明。

交互建议：很抱歉，因为交互设计职业病，把产品介绍页面上存在的交互问题也同步记录下；

1、  业务监测内容鼠标移入交互建议删除，因为没有点击操作，鼠标移入后状态变化会让用户误以为可以点击；

2、  左侧悬浮功能，鼠标移入后显示名称，点击后再显示对应功能，完成一个操作需要两步，建议交互方式改为鼠标移入后直接展示对应的内容弹窗；还存在两个功能选中状态同时存在的情况，用户不知道弹窗打开的弹窗是对应哪个功能；

二、  交互体验

本章主要是对产品的信息架构、功能导航、产品界面等内容从交互设计的角度来进行体验分析。

1.1.  信息架构

以上是我简单整理的整个系统大致的信息架构，整体比较清晰明确，可以看到整个系统应该是分为两层：一层应用管理，下一层是针对单个应用的详情

【应用管理】用户在这一层主要目的是通过“SDK下载”“申请APP企业认证”等操作将APP添加到系统中，从而可以监测系统数据。并对已经添加的应用进行管理。

【应用详情】从应用列表选择进入应用详情，查看选中应用对应的相关监测数据，通过数据分析、用户洞察等功能分析产品的运营情况，协助制定相关的产品在业务运营、功能迭代等方面的策略。

问题1：基础看板名称

基础看板其实是基础数据的展示，应该是最为重要的一个栏目，但是和自制看板放在一起，会让用户无解分不清两个模块的区别。

建议：基础看板名称可以定义为“基础数据”或者“数据分析”更方便用户理解。

问题2：用户洞察和用户增长相关性

从页栏目的定义和功能来看，用户洞察和用户增长是存在一定关联性的，通过用户洞察结果后进行相应的操作完成用户的增长。

建议：可以将这两个栏目整合到一个栏目，方便用户的理解和操作。

问题3：开发相关分析内容

涉及到开发层面出现的一些问题，例如页面崩溃明细。

建议：设立“开发”模块方便开发人员分析开发问题，并进行相应的处理；

1.2.  界面框架

整个系统的界面框架比较简单，同现在流程的系统页面框架设计一致，分为顶部系统标题（主导航、通用功能）、左侧次级导航、中间内容区，三大部分。

1.3.  我的产品+管理

我的产品和管理页面是用户进入系统的首页，展示应用列表、所有应用概要数据，让用户对应用进行相应的操作管理。

问题1：汇总信息展示

首页汇总的信息展示占据页面较大的空间，更重要的应用列表在页面下半部分，重点功能不够突出；

建议：简化数据汇总区域数据显示，使下方的应用列表可以占据更大的空间。

问题2：左侧导航扫码下载功能

左侧导航移动端下载功能同右侧悬浮功能重复。

建议：建议去掉左侧导航中的客户端下载功能。

问题3：添加新应用功能

添加新应用功能应该是主要的功能，特别是对新用户，而且申请企业认证、SDK下载应该是包含在添加用户的流程中的。

建议：“添加新应用”按钮样式加上底色，重点突出，引导用户操作；同时“SDK下载”和“申请APP企业认证”可以包含在添加新APP流程之后，所以可以弱化显示，甚至结合到申请APP的流程中再进行展示。

问题4：用户中心入口

用户中心入口鼠标移入后只展示“退出登录”功能，没有其他功能；

建议：可以将账户信息等相关用户相关功能放置在用户头像下，甚至未来营销过程可以结合会员体系的相关功能在此模块下。

问题5：内容区顶部注意事项

注意事项一直展示相关提示，且不能关闭，占据内容也顶部显示区域；

建议：增加提示关闭功能，或者通过模态弹窗的方式提示相应的操作引导；

问题6：应用列表

应用列表入口展示不明显；

建议：增加鼠标移入整行可点击，或者将页面设计卡片样式体现整块可操作的区域；

问题7：添加新应用

添加新应用属于管理模块下的内容，但是没有返回上一层的操作；

建议：返回上一层级的操作；

问题8：下载SDK并去集成

整个页面的流程引导设计存在问题，首先重点提示了Appkey，下方的流程以tab加说明文字形式展示，会让用户误以为流程已经完成，下面的步骤是提示信息不重要，其实下面的流程操作才是真正去集成；

引导用户下载SDK的操作并不明显；

没有完成下载使用SDK后续的步骤的引导，或者整个流程完结或跳过的选项；

建议：增加后续下载SDK操作的提示并重点突出，增加下载使用SDK后续步骤或跳过的选择。

问题9：管理页面应用列表

管理模块应用管理也有应用列表，展示的是应用相关的基本信息以及相应的操作（“添加新应用”），这些内容才是应用入口需要展示的信息，而我的产品页面默认首页展示的应用列表只展示了数据统计，对于应用的基本信息和操作无法快速进行。

建议：建议重新整合栏目，将此页面作为系统首页展示的应用列表，可以结合现有的基础数据，可以查看数据、应用基本信息并进行相应的应用管理操作。

1.4.  应用详情_基础看板

基础看板展示的是本应用的下相关的基础运营数据，并通过运营数据联系相应的产品功能，对用户对应用的运营进行引导。

问题1：添加新应用按钮位置

添加的按钮位置放置在左侧导航上，左侧导航属于对本应用下的内容、功能的引导，而添加功能是添加新的应用，同该应用的同级的关键，所以按钮位置放在左侧导航不太适合；

建议：按钮可以放置在顶部导航区域，例如可以放在应用筛选框旁，或者应用下拉展开的筛选框里。

问题2：实时统计

统计图例和添加对比时间位于统计图表下方，用户无法在第一屏看到；

建议将时间筛选和图例放置于图表上方，更符合用户浏览习惯；同时建议将所选时间段直接展示出来。

添加对比时间只能一天天添加，并且无法对添加的日期逐个删除，只能统一清除；

建议：增加添加时间逐个删除的功能；

问题3：实时统计_自定义指标

-自定义指标是否和自制看板中的自定义看板重复？

-建议：可以去掉首页的自定义指标模块，或者将自定义指标单独作为一个自定义分析的模块；

-自定义只能选择已添加的指标，用户需要自定义指标要从哪个栏目进入配置？

-建议：增加用户进入到自定义指标编辑“时间管理”栏目的入口；

-添加自定义指标只能在首页该模块添加，是否存在用户正好浏览到某个模块想要添加还得返回到首页进行添加；

-建议：在其他统计模块可以选择将需要的统计内容添加到概况或者看板页面；

问题4：整体趋势

-添加里程碑操作有点混乱，用户不知道点击“向下”图标展开后显示的是里程碑；点击添加要跳转到栏目页面跳转路径有长；里程碑需要点击后再高亮；

-建议：定义添加里程碑的作用，可以增加初次使用时的提示；在当前页面可以在当前页面直接添加；

-环形图有点击操作提示，但是鼠标移入后仍然是鼠标样式，看不出可点击状态；

-建议：增加鼠标悬停变为“手”图标；

-栏目的名称“整体趋势”，但是却有“TOP版本”占比统计，不符合栏目名称定义；

-建议：将整体趋势和实时统计整合成一个统一的概况页面；

-整体的基本数据和下方tab切换的指标存在重复；

-建议：可以和实时统计一样，把统计概要数据和下方的tab切换功能结合到一起；

问题5：用户分析

-新增用户质量只能看到趋势，但是没有一个指标能够说明这些数值是好还是差；

-建议：可以增加目标指标或者参考指标，帮助用户分析当前的数值属于什么范围；

-用户分析和用户参与度分析作为两个统计栏目，同时还有用户洞察、用户增长一级栏目；

-建议可以将这些同用户相关的统计整合到一个栏目，或者在基础看板下把用户相关分析放到一个栏目中，方便用户统一浏览；

-数据列表无法进行筛选、排序等操作，只能导出文件后再进行操作；

-建议：可以根据业务需求增加数据排序、筛选等功能；

-折线图，折线上的点有的是实心有的是空心，标注不明确；

-建议：增加样式对应含义的标注，或者鼠标移入时在数据弹窗中显示区别；

-时间段选择弹窗，默认已经选中的快捷时间段选项仍然可以选择；

-建议：已经选中的选择增加选中状态样式，选中后不能再点击进行重复选择；

问题6：留存分析

-留存图标不同数值对应的底色是一致的，体现不出留存率逐渐降低的情况；

-建议：增加颜色深度的变化，数值越高底色越深，表现数据变化的情况；

-用户新鲜度统计图表，底部时间段选择鼠标移入后操作不明显；

-建议：如下在初始状态增加选中段的标注；

-渠道分析没有对一些分享渠道转化率的比较，比如存在一些渠道流量很大但是转化率低，那边就要考虑通过一些营销手段提高转化率；

-增加渠道转化率的统计；

问题7：功能使用

-“管理版本”弹窗没有确认和取消操作；

-建议增加确认和取消操作，让操作更明确；

-页面的路径不够明确，页面数据不直接展示，需要鼠标移入后展示，点击后也没有响应的交互；

-建议增加退出页面路径环节；增加数据直接展示，方便用户理解到百分之多少的人到达了哪一页；

-自定义事件没有返回列表的功能；

-建议增加返回或者面包屑；

-自定义事件列表、事件详情页都没有设置功能，需要跳转到应用设置下事件栏目进行配置；

-建议：增加直接在事件列表页面增加配置功能；

问题8：终端属性

-展示了top排名，但是对全国地区分布没有总体的分布情况概念；

-建议：增加热力地图展示；

问题9：自制看板

-新建看板是添加操作，和左侧看板选择不同功能作用不同；

-建议：新建看板样式同看板名称区别；

-看板的形式只是添加指标和对应的趋势图，这个基础看板中自定义指标没什么区别；

-建议：看板可以个性化设计，选择指标已经指标对应以什么图表展示，以及指标展示的数据区域位置进行排列组合成真正的数据看板；

问题10：用户洞察

-事件分析、漏斗分析是否和基础看板中页面访问路径、自定义事件、事件转化率有一定的关联和近似性；

-建议：重新规划栏目，相近的栏目可以整合成同一个栏目展示；

三、  总结

整篇文章其实不符合这次大赛的规则，但确实自己没有数据分析工作经验，无法从实际业务使用场景进行真实的分析应用。更多的还是从一个交互设计师的角度来对每个栏目的功能进行了较为平面的分析。其实本来想从产品架构、主要功能流程的角度来进行深入的分析整个产品的主要功能是否流畅，想抓住重点功能，但是一个是自己业务不熟悉，同时没有实际的应用进行集成，很多流程无法走通，只能浅尝辄止的对页面的交互进行体验。希望我的浅层的建议能给这款产品提供一些帮助。

总的来说这次大赛是一次很好的尝试，不管有没有获奖，希望可以通过这次大赛学到些数据分析相关的知识，丰富自己的武器库，未来应用到自己的工作中。

作者：王涛

本文为「人人都是产品经理」社区和友盟＋联合举办的“2019「友盟杯」数据分析大赛”中参赛作品，未经作者及平台许可，禁止转载

本文部分数据有脱敏处理，非全部真实数据

有关产品测评大赛合作事宜，请联系邮箱：denis@woshipm.com