APP10.0,创造数据分析在指间的“愉悦”

帆软产品经理
如果你不想看成段的文字,本文已录制成视频,戳我花15min全面了解APP10.0
如果你想边体验边了解APP10.0的全新特性,戳我下载全新APP

2018年什么APP最火?可能80%的同学会选择“抖音”,不知道大家在无意识的“上滑”、“左滑”、“右滑”中打发了多少无聊的时间,这些简单却略显魔性的动作,轻松的占据了你大把的时间,优秀的交互设计功不可没。

这些优秀的APP为用户植入了一些不可逆的交互习惯,为企业级产品带来了新的挑战!

因此我们下定决心,全然颠覆了原有APP对数据的展现、查看、分析的交互动作。

那何为“愉悦”?产品君期望:用户在使用数据分析APP时,因为手指按下某一个数据,我们创造的交互反馈能有一点点的“爽感”,让阅读数据的过程不再枯燥,即为“愉悦”。

一、APP10.0带来了哪些“愉悦”的交互


1.1 组件激活的概念

手机报表(仪表板)中的表格、图表组件通常呈流式布局,也就是自上而下依次排列,一个组件通常只有30%的屏幕大小。当我们需要对某一个组件进行细致的分析时,这样的模式限制了我们的诸多操作。

而在APP10.0中,在触击某一组件之后,会给你“上浮”的视觉效果(如下图),后续的手势操作将会聚焦于这一当前组件,并且为组件中手势交互提供更多的可能性。
下图中组件被选中之后的视觉上浮效果即为“组件激活”。

组件激活.gif

1.2 图表交互的大解放

被激活之后的移动端图表,可以创造更多新颖的操作方式。

1.2.1 图表支持双指缩放

APP10.0可以自由地通过双指对图表进行缩放,并且通过左右滑动更加全面地显示图形,任何复杂的图表都可以通过多变的交互进行更科学的展现。
因此,在PC上制作模板时,无需担心做好的图表在手机上被挤压的完全看不清楚。

图表缩放.gif

1.2.2 跟随指间滑动的数据点提示

数据点的提示会在指间按压图形之后,出现屏幕的上/下两侧,并且跟随手指的滑动,切换不同的显示内容,整体的过程变得更为流畅。

“复杂图表上的点我怎么也点不到,这个点的值到底是多少”的难题将成为过去时。

数据点提示 .gif

1.2.3 更多的图表优化

除了交互方面的变化,移动端的图表还有诸多细节的改进点。
  • 【Report】图表轮播支持手势切换
  • 优化图例的显示与交互
  • 标签的在重叠时可以自动隐藏
  • 全新的图表字体、图形自适应逻辑

1.3 简易与明晰的钻取联动

钻取与联动是用户在手机上进行简单数据分析的最常见的交互动作,APP10.0中充分考虑了数据点提示与联动钻取的冲突,在数据点提示的基础上,触发联动与钻取的操作。

并且,全新的交互对原有的9.0的交互做了兼容处理,当表格组件中只有联动或者一种钻取场景时会直接触发,不会对影响原有模板的交互逻辑。

联动.gif

1.4 组件放大与横屏

在手机中分析数据总是受制于屏幕大小,对于一些明细数据或者复杂的图表,我们总希望将其放到更大的屏幕中来展示完全。

APP10.0带来了两种全屏操作,分别是组件放大与横屏。并且我们让这两个动作的交互变得更加的“活泼”,轻触组件的右上角或者将屏幕旋转都能随时感受到这一“活泼”的效果。

组件放大.gif 横屏.gif

1.5 让复杂表格更有灵性

复杂的明细表格与手机的小屏幕注定是一场无法兼容的战争,但是复杂表格在手机中的查阅依然是不可舍弃的需求,因此全新APP也为复杂表格带来了更多的交互可能。
  • 【BI】在表格组件可以直接点击表头,触发排序
  • 表格的翻页的交互转变为从左侧弹出,略显俏皮


翻页.gif 排序.gif

二、首页与目录的个性化的设置

优秀的C端APP的不断充斥着用户的眼球,“好看”、“个性”这样感性的词汇越来越多的出现在企业应用的需求条目当中;
移动端自从2018年4月上线OEM定制平台之后,就一直没有停止过为客户创造更多个性化的选择。

2.1 首页定制

APP10.0将主页固定成为一个底部菜单,企业可以更加自由地为不同角色的移动端用户定义不同类型的主页。

主页&横幅.jpg


2.2 目录定制
  • APP10.0内置了三套目录图标,并且支持自定义上传目录图标
  • 内置了两套目录样式的插件,并且支持在服务器平台中“热切换”
  • 实现了目录顶部的图片横幅,并且支持多张图片横幅的轮播


目录.png


三、更多细节的优化


3.1 工具栏的优化
  • 组件的编辑(翻页、排序等)功能移动到组件放大之后的工具栏区域
  • 优化工具栏区域中的细节交互,更多的小功能会以一种更加友好的方式呈现出来
  • IOS提供了毛玻璃效果,能透出模板的背景颜色,减少了底部工具栏在深色背景下的“违和感”

3.2 BI移动端表格组件的新功能
  • 删除表头位置调整功能,可以选择指定表头,新增展示列数、可进行维度切换
  • 新增分组表的展现形式,让用户更清晰的看到数据结构
  • 新增一键进行表格排序,同时表格翻页交互与Report保持一致

3.3 BI移动端其他新功能
  • 支持BI5.0的所有图表
  • 网页框显示优化
  • 参数界面、控件样式与Report保持统一

四、兼容说明
  • APP10.0支持Report10.0&9.0
  • APP10.0只支持BI5.0




编辑于 2018-11-15 14:06  

发表于 2018-10-31 10:31:52
很棒,10.0刚发布时就体验过一部分功能了,只是之前有一些小bug。现在看来应该已经修复了,迫不及待想用10.0体验一下,我去也
发表于 2018-10-31 10:37:27
给你满分!不怕你骄傲! 截图201810311037209414.png
发表于 2022-4-22 13:52:04
有移动模板吗?可以共享吗?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

6回帖数 1关注人数 15797浏览人数
最后回复于:2022-4-22 13:52

返回顶部 返回列表