45 | 产品案例分析:Chartistic的“复杂”图表
邱岳
该思维导图由 AI 生成,仅供参考
00:00 / 00:00
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
Chartistic 是一款移动端做图表的工具。
在一般的概念中,制作图表都是一项复杂的工作,我们要处理数据、处理图表的样式,进行各种各样的配置工作;而由于手机端使用场景的不稳定,以及交互方式的限制,要为手机端设计图表工具其实是挺困难的一件事情。
除了要删掉大量的配置功能,牺牲自由度之外,我们还要尽可能地利用各种交互可能性,最大限度地拓展物理的小屏幕带来的限制。
“假数据”的靠谱
首先是选择图表样式,它将图表样式的支持删减到只剩五种,前四种我们都很熟悉,柱状图、折线图、面积图、饼图,最后一种很有意思,算是一种信息图。
我们先选择一个折线图,打开后直接看到图,所见即所得的效果。这个跟我们想象中创建一个图表的过程其实是有点不同的,按照逻辑顺序,似乎应该先维护数据表格,再基于数据表格来创建图表。
这里是用假数据填充了数据位,直接就能看到表格。这个思路很值得学习,不是按部就班地走完逻辑流程,而是用临时数据先直接完成流程,然后再回来对中间步骤做调整和修复。
这个页面中直接给出了一些编辑的位置,标题、横纵轴这些,样式设计和文案也很直观,会召唤我们直接去点击编辑。一旦我们开始动手去编辑,是直接可以看到成果变化的。
这个感觉很微妙,不是在黑影中做一大堆工作,然后一开灯看到成果。就像我们产品迭代,不论多烂,先发布一个版本,哪怕不对外,有看得见摸得着具体的东西,感觉就会很特别,英文叫:On Track,中文可以翻译成:“上轨道”,心里就有谱了。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
Chartistic是一款移动端图表工具,通过简化图表制作流程和优化交互设计,实现了在手机端设计图表的挑战。该工具以“假数据”的方式快速展示图表效果,并提供直观的编辑界面,让用户能够实时查看编辑结果。界面设计巧妙地利用屏幕空间,提供了简洁而流畅的操作体验。在功能取舍方面,Chartistic保留了核心价值,删除了部分自由度,以提高易用性。此外,工具从场景出发,而非功能出发,设计了多种操作路径,使用户能够更便捷地完成操作。最后,Chartistic还提供了类似信息图的设计功能,让用户能够简单而精致地制作实用的图形。整体而言,Chartistic通过其简洁直观的界面设计和巧妙的交互方式,为移动端图表制作带来了新的可能性。
仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《邱岳的产品手记》,新⼈⾸单¥59
《邱岳的产品手记》,新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(14)
- 最新
- 精选
- CC置顶如果用户“开始 → 完成”一个任务的路径较长,需要完成较多的步骤才能看到结果,用户非常容易放弃,手机场景下更是如此。大部分用户希望自己点击一个按钮,所有的一切都如自己预期一样,自动完成。 使用“假数据”(或者说是占位数据)在一开始就产生正向反馈,让用户感觉已经“完成”任务,只需要“修改”一下,进而产生安全感和掌控感。我发现,很多用户在做一件事情时,比起重新“创建”更喜欢“拷贝”已有的任务,然后修改,这让他们感觉一切都在自己的掌握之中。 Chartistic 对手机场景的理解让我印象很深。我设计App时,经常容易套用已有的条条框框,而不是从场景设计出发考虑功能。好的设计,就是当用户想做一个动作时,那个功能就在他预期的地方;产生一个疑问时,答案就及时出现。 设计 Chartistic 的公司,Zoho,是一家开发面很广的公司。曾经因为工作需要调查一些现有解决方案的时候,经常能看到这个品牌。很佩服他们在保证广度的同时,还能在App细节上这么下功夫。 谢谢二爷的分享。 通过阅读专栏文章、回复和修改自己的评论,这段时间产生了之前从未有过的思考,学习到了新的思维方式,扫除了不少盲点,再次感恩。 非常希望这个专栏能有第二季。 :)
作者回复: 谢谢 CC,看你每次的留言也收获颇丰,谢谢陪伴!
2018-03-0314 - 听天由己看完了今天的分享,我不由得想起了手机端如何处理文字编辑和写作,张小龙在年前的微信公开课上透露要推出公众号手机端管理后台,可更多支持短内容,之前也看到冯叔尝试。 我一直很好奇如何处理,总觉得用手机完成所有操作有些不合场景,缺少了一些仪式感与深度思考的过程。 细想下来,易用性和自由度很难兼得,在手机上方便高效地完成内容编辑和发布,在一定程度上要牺牲更多的设置或是排版,应当按照统一的格式规范化进行,我猜想可能是划分了具体模块和类型,将思考输出。
作者回复: PC 向移动的大迁移之后,应该回归理性,该 PC 做的场景和事情,还会留在 PC 上,上帝的归上帝,凯撒的归凯撒。
2018-03-034 - Mr.Creadhub可以用键盘的左右键切换看新闻,这个刚不小心点出来,确实触动到了
作者回复: 那就多用用,哈哈哈哈
2018-03-062 - 不知道诶,周二就结束了,感觉完全没听够
作者回复: 后会有期,江湖再见👋
2018-03-052 - 阿木君做轻量级操作的时候是很好用的。但如何两个信息图合成一个,这个并没有体现。是否因为自由度做了限制?
作者回复: 确实合不起来……
2018-03-031 - Dylan“完整地提供功能不是设计的终点,把每一个场景理解清楚并做好设计才也是。” 这句话说到点子上了,很多产品经理甚至包括我在内,都有种倾向会变成功能经理,把功能点罗列出来,并且完成功能点的组合,就以为已经可以解决用户的问题了,确实是。但,这个问题的解决并不能贴合用户的使用场景,所以也没有提供很高的用户价值,这个时候我们往往是有更好的方案的。 此外,通过这个产品,我也学习到两点,第一点是先给用户展示结果,然后引导他去完成过程,这样的话,他是先有这种确定性,操作的意愿更强。 第二点就是页面的那个折叠的小设计,这个时候确实需要产品经理得多动动脑子了,也带一点这种交互的思维。2018-08-012
- 考拉请问针对产品一般从哪些角度分析2018-05-181
- Kai感觉有些应用适合在手机做,有些并不适合。像excel这么重的产品,用户真愿意在手机上操作吗?觉得可能就是需要临时修改一个已建成的图表才需要2018-03-221
- 方薇非常好2022-10-19归属地:上海
- Deborah二爷,你试玩的这些App,是在哪里知道的,来源途径是什么呀?2021-07-22
收起评论