2018年什么APP最火?可能80%的同学会选择“抖音”,不知道大家在无意识的“上滑”、“左滑”、“右滑”中打发了多少无聊的时间,这些简单却略显魔性的动作,轻松的占据了你大把的时间,优秀的交互设计功不可没。
这些优秀的APP为用户植入了一些不可逆的交互习惯,为企业级产品带来了新的挑战!
因此我们下定决心,全然颠覆了原有APP对数据的展现、查看、分析的交互动作。
那何为“愉悦”?产品君期望:用户在使用数据分析APP时,因为手指按下某一个数据,我们创造的交互反馈能有一点点的“爽感”,让阅读数据的过程不再枯燥,即为“愉悦”。
一、APP10.0带来了哪些“愉悦”的交互
1.1 组件激活的概念
手机报表(仪表板)中的表格、图表组件通常呈流式布局,也就是自上而下依次排列,一个组件通常只有30%的屏幕大小。当我们需要对某一个组件进行细致的分析时,这样的模式限制了我们的诸多操作。
而在APP10.0中,在触击某一组件之后,会给你“上浮”的视觉效果(如下图),后续的手势操作将会聚焦于这一当前组件,并且为组件中手势交互提供更多的可能性。 下图中组件被选中之后的视觉上浮效果即为“组件激活”。
1.2 图表交互的大解放
被激活之后的移动端图表,可以创造更多新颖的操作方式。
1.2.1 图表支持双指缩放
APP10.0可以自由地通过双指对图表进行缩放,并且通过左右滑动更加全面地显示图形,任何复杂的图表都可以通过多变的交互进行更科学的展现。 因此,在PC上制作模板时,无需担心做好的图表在手机上被挤压的完全看不清楚。
1.2.2 跟随指间滑动的数据点提示
数据点的提示会在指间按压图形之后,出现屏幕的上/下两侧,并且跟随手指的滑动,切换不同的显示内容,整体的过程变得更为流畅。
“复杂图表上的点我怎么也点不到,这个点的值到底是多少”的难题将成为过去时。
1.2.3 更多的图表优化
除了交互方面的变化,移动端的图表还有诸多细节的改进点。 - 【Report】图表轮播支持手势切换
- 优化图例的显示与交互
- 标签的在重叠时可以自动隐藏
- 全新的图表字体、图形自适应逻辑
1.3 简易与明晰的钻取联动
钻取与联动是用户在手机上进行简单数据分析的最常见的交互动作,APP10.0中充分考虑了数据点提示与联动钻取的冲突,在数据点提示的基础上,触发联动与钻取的操作。
并且,全新的交互对原有的9.0的交互做了兼容处理,当表格组件中只有联动或者一种钻取场景时会直接触发,不会对影响原有模板的交互逻辑。
1.4 组件放大与横屏
在手机中分析数据总是受制于屏幕大小,对于一些明细数据或者复杂的图表,我们总希望将其放到更大的屏幕中来展示完全。
APP10.0带来了两种全屏操作,分别是组件放大与横屏。并且我们让这两个动作的交互变得更加的“活泼”,轻触组件的右上角或者将屏幕旋转都能随时感受到这一“活泼”的效果。
1.5 让复杂表格更有灵性
复杂的明细表格与手机的小屏幕注定是一场无法兼容的战争,但是复杂表格在手机中的查阅依然是不可舍弃的需求,因此全新APP也为复杂表格带来了更多的交互可能。 - 【BI】在表格组件可以直接点击表头,触发排序
- 表格的翻页的交互转变为从左侧弹出,略显俏皮
二、首页与目录的个性化的设置
优秀的C端APP的不断充斥着用户的眼球,“好看”、“个性”这样感性的词汇越来越多的出现在企业应用的需求条目当中; 移动端自从2018年4月上线OEM定制平台之后,就一直没有停止过为客户创造更多个性化的选择。
2.1 首页定制
APP10.0将主页固定成为一个底部菜单,企业可以更加自由地为不同角色的移动端用户定义不同类型的主页。
2.2 目录定制- APP10.0内置了三套目录图标,并且支持自定义上传目录图标
- 内置了两套目录样式的插件,并且支持在服务器平台中“热切换”
- 实现了目录顶部的图片横幅,并且支持多张图片横幅的轮播
三、更多细节的优化
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
|