邱岳的产品手记
邱岳
无码科技产品经理,公众号二爷鉴书作者
33999 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 49 讲
邱岳的产品手记
15
15
1.0x
00:00/00:00
登录|注册

45 | 产品案例分析:Chartistic的“复杂”图表

搜索各种图形
选择图形指示百分比指标
从场景出发的设计思想
添加或删除数据点
调整图表中的数据值
限制图表配色方案
预定义图表元素位置和字体字号
删除自由度,提高易用性
参数设置部分折叠出来
数据点可拖动改变
改变图表类型
实时编辑成果变化
直观的样式设计和文案
直接看到图表效果
使用假数据填充
删减到五种样式
类似信息图的设计
从场景出发
自由度的取舍
被放大的屏幕
页面编辑
选择图表样式
Chartistic的“复杂”图表
参考文章

该思维导图由 AI 生成,仅供参考

00:00 / 00:00
    1.0x
    • 2.0x
    • 1.5x
    • 1.25x
    • 1.0x
    • 0.75x
    • 0.5x
    网页全屏
    全屏
    00:00
    Chartistic 是一款移动端做图表的工具。
    在一般的概念中,制作图表都是一项复杂的工作,我们要处理数据、处理图表的样式,进行各种各样的配置工作;而由于手机端使用场景的不稳定,以及交互方式的限制,要为手机端设计图表工具其实是挺困难的一件事情。
    除了要删掉大量的配置功能,牺牲自由度之外,我们还要尽可能地利用各种交互可能性,最大限度地拓展物理的小屏幕带来的限制。

    “假数据”的靠谱

    首先是选择图表样式,它将图表样式的支持删减到只剩五种,前四种我们都很熟悉,柱状图、折线图、面积图、饼图,最后一种很有意思,算是一种信息图。
    我们先选择一个折线图,打开后直接看到图,所见即所得的效果。这个跟我们想象中创建一个图表的过程其实是有点不同的,按照逻辑顺序,似乎应该先维护数据表格,再基于数据表格来创建图表。
    这里是用假数据填充了数据位,直接就能看到表格。这个思路很值得学习,不是按部就班地走完逻辑流程,而是用临时数据先直接完成流程,然后再回来对中间步骤做调整和修复。
    这个页面中直接给出了一些编辑的位置,标题、横纵轴这些,样式设计和文案也很直观,会召唤我们直接去点击编辑。一旦我们开始动手去编辑,是直接可以看到成果变化的。
    这个感觉很微妙,不是在黑影中做一大堆工作,然后一开灯看到成果。就像我们产品迭代,不论多烂,先发布一个版本,哪怕不对外,有看得见摸得着具体的东西,感觉就会很特别,英文叫:On Track,中文可以翻译成:“上轨道”,心里就有谱了。
    确认放弃笔记?
    放弃后所记笔记将不保留。
    新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
    批量公开的笔记不会为你同步至部落
    公开
    同步至部落
    取消
    完成
    0/2000
    荧光笔
    直线
    曲线
    笔记
    复制
    AI
    • 深入了解
    • 翻译
      • 英语
      • 中文简体
      • 中文繁体
      • 法语
      • 德语
      • 日语
      • 韩语
      • 俄语
      • 西班牙语
      • 阿拉伯语
    • 解释
    • 总结

    Chartistic是一款移动端图表工具,通过简化图表制作流程和优化交互设计,实现了在手机端设计图表的挑战。该工具以“假数据”的方式快速展示图表效果,并提供直观的编辑界面,让用户能够实时查看编辑结果。界面设计巧妙地利用屏幕空间,提供了简洁而流畅的操作体验。在功能取舍方面,Chartistic保留了核心价值,删除了部分自由度,以提高易用性。此外,工具从场景出发,而非功能出发,设计了多种操作路径,使用户能够更便捷地完成操作。最后,Chartistic还提供了类似信息图的设计功能,让用户能够简单而精致地制作实用的图形。整体而言,Chartistic通过其简洁直观的界面设计和巧妙的交互方式,为移动端图表制作带来了新的可能性。

    仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
    《邱岳的产品手记》
    新⼈⾸单¥59
    立即购买
    登录 后留言

    全部留言(14)

    • 最新
    • 精选
    • CC
      置顶
      如果用户“开始 → 完成”一个任务的路径较长,需要完成较多的步骤才能看到结果,用户非常容易放弃,手机场景下更是如此。大部分用户希望自己点击一个按钮,所有的一切都如自己预期一样,自动完成。 使用“假数据”(或者说是占位数据)在一开始就产生正向反馈,让用户感觉已经“完成”任务,只需要“修改”一下,进而产生安全感和掌控感。我发现,很多用户在做一件事情时,比起重新“创建”更喜欢“拷贝”已有的任务,然后修改,这让他们感觉一切都在自己的掌握之中。 Chartistic 对手机场景的理解让我印象很深。我设计App时,经常容易套用已有的条条框框,而不是从场景设计出发考虑功能。好的设计,就是当用户想做一个动作时,那个功能就在他预期的地方;产生一个疑问时,答案就及时出现。 设计 Chartistic 的公司,Zoho,是一家开发面很广的公司。曾经因为工作需要调查一些现有解决方案的时候,经常能看到这个品牌。很佩服他们在保证广度的同时,还能在App细节上这么下功夫。 谢谢二爷的分享。 通过阅读专栏文章、回复和修改自己的评论,这段时间产生了之前从未有过的思考,学习到了新的思维方式,扫除了不少盲点,再次感恩。 非常希望这个专栏能有第二季。 :)

      作者回复: 谢谢 CC,看你每次的留言也收获颇丰,谢谢陪伴!

      2018-03-03
      14
    • 听天由己
      看完了今天的分享,我不由得想起了手机端如何处理文字编辑和写作,张小龙在年前的微信公开课上透露要推出公众号手机端管理后台,可更多支持短内容,之前也看到冯叔尝试。 我一直很好奇如何处理,总觉得用手机完成所有操作有些不合场景,缺少了一些仪式感与深度思考的过程。 细想下来,易用性和自由度很难兼得,在手机上方便高效地完成内容编辑和发布,在一定程度上要牺牲更多的设置或是排版,应当按照统一的格式规范化进行,我猜想可能是划分了具体模块和类型,将思考输出。

      作者回复: PC 向移动的大迁移之后,应该回归理性,该 PC 做的场景和事情,还会留在 PC 上,上帝的归上帝,凯撒的归凯撒。

      2018-03-03
      4
    • Mr.C
      readhub可以用键盘的左右键切换看新闻,这个刚不小心点出来,确实触动到了

      作者回复: 那就多用用,哈哈哈哈

      2018-03-06
      2
    • 不知道
      诶,周二就结束了,感觉完全没听够

      作者回复: 后会有期,江湖再见👋

      2018-03-05
      2
    • 阿木君
      做轻量级操作的时候是很好用的。但如何两个信息图合成一个,这个并没有体现。是否因为自由度做了限制?

      作者回复: 确实合不起来……

      2018-03-03
      1
    • Dylan
      “完整地提供功能不是设计的终点,把每一个场景理解清楚并做好设计才也是。” 这句话说到点子上了,很多产品经理甚至包括我在内,都有种倾向会变成功能经理,把功能点罗列出来,并且完成功能点的组合,就以为已经可以解决用户的问题了,确实是。但,这个问题的解决并不能贴合用户的使用场景,所以也没有提供很高的用户价值,这个时候我们往往是有更好的方案的。 此外,通过这个产品,我也学习到两点,第一点是先给用户展示结果,然后引导他去完成过程,这样的话,他是先有这种确定性,操作的意愿更强。 第二点就是页面的那个折叠的小设计,这个时候确实需要产品经理得多动动脑子了,也带一点这种交互的思维。
      2018-08-01
      2
    • 考拉
      请问针对产品一般从哪些角度分析
      2018-05-18
      1
    • Kai
      感觉有些应用适合在手机做,有些并不适合。像excel这么重的产品,用户真愿意在手机上操作吗?觉得可能就是需要临时修改一个已建成的图表才需要
      2018-03-22
      1
    • 方薇
      非常好
      2022-10-19归属地:上海
    • Deborah
      二爷,你试玩的这些App,是在哪里知道的,来源途径是什么呀?
      2021-07-22
    收起评论
    显示
    设置
    留言
    14
    收藏
    沉浸
    阅读
    分享
    手机端
    快捷键
    回顶部