得更加复杂,为了保证数据显示的一致性,需要

Telemarketing List provides curated phone number lists to improve sales outreach and customer engagement.
Post Reply
rifat28dddd
Posts: 279
Joined: Fri Dec 27, 2024 12:06 pm

得更加复杂,为了保证数据显示的一致性,需要

Post by rifat28dddd »

我跳槽做了B端产品经理,准备干点大事,但我把问题简化了。近年来,B端业务发展迅速,不少相关职位(C端产品经理、交互、测试、研发、运营、项目经理等)人员转为B端产品。但很多人开始思考侧面……查看详情>在设计过程中我们也发现,由于特殊的工作场景和工作职责,很多用户对移动端的依赖程度超出了我们的预期,目前的产品只是无法满足PC端和移动端场景的适配。


Chart的移动端体验也是本次设计升级的重点。移动端定制素材设计是指数据可视化原则,采用渐进式展示图表来展示细节,让用户根据实际需要查看具体的数据点。在桌面上,鼠标悬停可显示更详细的数据,在移动设备上,触摸并按住手势可显示图表顶部。


结合其他移动端图表设计案例,移动端图表优化主要遵循以下几点: 移动端的视野较窄,不要让图表在固定位置展示,给用户一个稳定的心态。相比PC版,移动端没有悬停条件,数据标签尽可能直接显示。


当移动端数据较多时,可以放大查看数据 斯洛文尼亚 whatspp 数据 详情。案例:折线图 折线图往往数据点密集,如果直接使用PC端交互,在移动端会遮挡大部分可视区域,可以通过添加数据来保证图表区域不被遮挡。当只有单个数据时,数据显示位置可以跟随用户的点击手势,让数据查看更加方便。


当数据较多时,图例的布局变固定图例的位置。这种交互方式也可以扩展到移动终端上的柱状图。案例2:当雷达图只有一组多维数据时,当有多组多维数据时,用户更注重组间的重组和比较。


因此,在一组多维雷达图中,如果直接使用PC tooltip交互,一键只能显示一维数据,交互繁重,显示效率低,直接进行多维对比不可能的。适配移动端后,可以直接显示数据标签,显示效率高,用户可以直接对比数据,更符合雷达图的使用场景。


在很多组多维雷达图表中,如果直接在PC端使用tooltip界面,会遇到和折线图移动端定制问题一样的问题,那就是会对图表造成较大的扰动,但此时不能使用折线图(图例后添加数据标签),因为数据标签与用户点击行为的相关性比较小,用户在本次测试中没有反应。


点击后。因此,点击移动终端的轴或任意一点,利用数据颜色浮动显示数据标签,在让用户的操作反应灵敏的同时,减少了区域的遮挡。案例3:矩阵树图由于矩阵树图中数据的复杂性,移动端上的一些矩形会太小,导致用户在查看具体数据时遇到困难。
Post Reply