如何以刷抖音的姿势玩转移动报表?

浏览: 1344

2018年什么APP最火?可能80%的同学会选择“抖音”,不知道大家在无意识的“上滑”、“左滑”、“右滑”中打发了多少无聊的时间,

这些简单却略显魔性的动作,轻松的占据了你大把的时间,优秀的交互设计功不可没。

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

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

关于FineMobile

FineMobile是帆软报表工具FineReport的移动端APP。

借助PC端设计器,零编码制作模板,模板既可以适应PC和手机端,也可为移动端单独定制模板,极大解放人力,灵活应对需求。

移动数据可视化报表,可以为业务分析和日常业务处理提供指南针;定位,扫码,批注分享,拍照上传等移动特有功能,搞定更多业务场景。

为管理层打造多维度、立体化移动管理驾驶舱,出差在外核心经营指标一目了然,随时随地发现问题,输出管理压力,促进业务达成。

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

FineMobile 10.0带来了哪些“愉悦”的交互

组件激活的概念

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

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

下图中组件被选中之后的视觉上浮效果即为“组件激活”。

图表交互的大解放

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

1. 图表支持双指缩放

APP10.0可以自由地通过双指对图表进行缩放,并且通过左右滑动更加全面地显示图形,任何复杂的图表都可以通过多变的交互进行更科学的展现。

因此,在PC上制作模板时,无需担心做好的图表在手机上被挤压的完全看不清楚。

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

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

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

3 更多的图表优化

除了交互方面的变化,移动端的图表还有诸多细节的改进点。

§ 【Report】图表轮播支持手势切换

§ 优化图例的显示与交互

§ 标签的在重叠时可以自动隐藏

§ 全新的图表字体、图形自适应逻辑

 

简易与明晰的钻取联动

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

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

组件放大与横屏

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

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

让复杂表格更有灵性

复杂的明细表格与手机的小屏幕注定是一场无法兼容的战争,但是复杂表格在手机中的查阅依然是不可舍弃的需求,因此全新APP也为复杂表格带来了更多的交互可能。

§ 【BI】在表格组件可以直接点击表头,触发排序

§ 表格的翻页的交互转变为从左侧弹出,略显俏皮

首页与目录的个性化设置

优秀的C端APP的不断充斥着用户的眼球,“好看”、“个性”这样感性的词汇越来越多的出现在企业应用的需求条目当中;

移动端自从2018年4月上线OEM定制平台之后,就一直没有停止过为客户创造更多个性化的选择。

首页定制

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

目录定制

§ APP10.0内置了三套目录图标,并且支持自定义上传目录图标

§ 内置了两套目录样式的插件,并且支持在服务器平台中“热切换”

§ 实现了目录顶部的图片横幅,并且支持多张图片横幅的轮播

 

更多细节的优化

工具栏的优化

§ 组件的编辑(翻页、排序等)功能移动到组件放大之后的工具栏区域

§ 优化工具栏区域中的细节交互,更多的小功能会以一种更加友好的方式呈现出来

§ IOS提供了毛玻璃效果,能透出模板的背景颜色,减少了底部工具栏在深色背景下的“违和感”

BI移动端表格组件的新功能

§ 删除表头位置调整功能,可以选择指定表头,新增展示列数、可进行维度切换

§ 新增分组表的展现形式,让用户更清晰的看到数据结构

§ 新增一键进行表格排序,同时表格翻页交互与Report保持一致

BI移动端其他新功能

§ 支持BI5.0的所有图表

§ 网页框显示优化

§ 参数界面、控件样式与Report保持统一

转自:https://www.toutiao.com/i6619143143952482830/

推荐 0
本文由 IT小牛 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册