美文网首页0岁的产品经理
如何以刷抖音的姿势玩转移动报表?

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

作者: 帆软 | 来源:发表于2018-11-30 16:56 被阅读4次

    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.haomeiwen.com/subject/mcyhcqtx.html