当前位置:主页 > 香港挂牌正版彩图全 >
PRD:倒推数据可视化APP——Chartistic产品需求文档
时间: 2019-11-14

  Chartistic是一款通过交互快速编辑数据可视化图表的app。本文通过对“Chartistic”app进行产品体验与分析后产出的PRD文档。该文档由几个板块组成:全局说明、产品说明、页面详细功能说明等。

  在这个到处都充斥着数据,以数据为导向的年代,日常办公中随时随地都有可能需要对或多或少的数据进行可视化处理来帮助分析与演示。

  虽然有很多的功能强大的工具可以创建图表,但是却没有多少工具可以使创建更简单、更具有交互性。

  Chartistic无需登录,打开即用,在移动端以交互的方式编辑数据,一分钟内创建漂亮的柱状图、折线图、区域图和饼状图。将图表以图像的形式导出,并将其嵌入到演示文稿、电子邮件、文档、电子表格中!

  交互便捷,操作简单的它已在43个国家/地区投入使用。在新加坡、泰国、菲律宾和越南,名列App Store的年度十佳应用榜单。上线起至今共入选 App Store 精品推荐 9 次,下载量累计24万次 。

  产品定义:快速、简单的移动端数据可视化工具应用,导出图表作为PPT等演示工具的补充。

  默认已有8组数据,Y轴数值在【0~1000】范围内随机,X轴不赋值待编辑

  网格可见,行计数10,每一间隔的值100,对齐线不显示、简单图表不开启

  单击增加一组数据按钮,增加的数据Y轴数值在【最大值~最小值】范围内随机,X轴不赋值待编辑

  Y轴最大值可编辑范围为1-10000,最小值编辑范围为0-9999,最大值需要大于最小值

  首先确定的是(最大值-最小值)/行计数=每一间隔的值 ,行计数的数量需要在【0~15】。因此每一间隔的值需要在【0.07*(最大值-最小值)~ (最大值-最小值)】这个范围内,确保最多只能有14行,考虑到(最大值-最小值)/输入的间隔值得到的行数有可能不是整数的问题,实际显示的行数为(最大值-最小值)/输入的间隔值四舍五入取整后的行数

  序号6:点击快捷处理按钮消失,回到首页,在首页图表列表第一个位置添加复制的图表

  序号7:点击弹屏关闭,快捷按钮消失,回到首页,该图表删除,列表中该图表后面的图表前移填充空缺位置

  序号3:点击图表类型切换为折线图,数值背景等设置不变,折线颜色为柱状图同一风格的单个颜色(如图6)

  序号4:点击图表类型切换为面积图,数值背景等设置不变,折线与面积颜色为柱状图同一风格的单个颜色,折线的颜色比面积颜色深一个色号(如图7)

  序号5:点击图表类型切换为饼图,数值背景等设置不变,配色也不变(如图8)

  序号7,17,18:按住上滑/下滑修改圆点高度,上方或者下方的对应数值一起修改,左侧提示目前高度对应的数值,修改值在设定的Y轴最大值与最小值之间

  序号8,9,10,12:输入值之前按钮为灰色,输入后字体颜色由背景设置决定;点击展开X轴Y轴编辑页面

  序号13:点击后小圈即序号7变成删除符号如图9,单击删除符号删除该组数据,当删除至只剩一组数据时删除符号变回小圈,不可再删除

  序号14:点击隐藏上面的下拉按钮、添加按钮、删除按钮、设置按钮,隐藏后图表变为左向,单击后以上按钮出现

  序号16:输入值之前按钮为灰色,输入后字体颜色由背景设置决定;点击输入标题

  序号19:点击饼图需要修改占比的目标扇形后出现两个半圆形按钮,按住按钮滑动分隔线调整目标扇形角度,按钮相邻一边的扇形同时被增大/减小角度,饼图中间提示目前目标扇形角度对应的占比

  序号1:按住上下滑动更改有色部分的高度,左侧占比数值一起更改,更改范围为0%-100%

  序号2:点击屏幕下半部分或者从下半部分上滑,收起X轴Y轴编辑页面,回到图表编辑页

  序号5:点击编辑文本框与数值框之间出现小删除按钮即序号4,点击删除对应的该组数据

  序号2:最大值最高可设置为10000,最大值设置的值需要大于最小值,仅可编辑为整数

  序号3:最小值最小可设置为0,最小值设置的值需要小于最大值,仅可编辑为整数

  最大值10000时,弹屏【无效值 请输入小于10000的值】,输入框内容回到修改前的值;

  最大值=最小值时,弹屏【无效值 请输入大于最小值的值】,输入框内容回到修改前的值;

  最小值=最大值时,弹屏【无效值 请输入小于最大值的值】,输入框内容回到修改前的值;

  序号6:对齐条开启状态见图,在图表编辑页面滑动所编辑的数据对应到Y轴上的数值(图中的0、100、200、300等数值)时停顿一下,左侧提示所对应的数值;滑动编辑的数值(如323、546等)不在Y轴上时,不显示左侧的数值提示

  序号8:初始默认值为100,仅可编辑为整数,每一间隔的值需要在 【0.07*(最大值-最小值)~ (最大值-最小值)】这个范围内,考虑到(最大值-最小值)/输入的间隔值  得到的行数有可能不是整数的问题,实际显示的行数为(最大值-最小值)/输入的间隔值四舍五入取整后的行数

  输入的每一间隔的值不在【0.07*(最大值-最小值)~ (最大值-最小值)】这个范围内时,弹屏【警报 请输入0.07*(最大值-最小值)到(最大值-最小值)之间的值】,输入框内容回到修改前的值;

  输入的行计数不在【0~15】范围内时,弹屏【警报 请输入小于15的值】,输入框内容回到修改前的值;

  序号11:四种主题单选,设计出图标作为按钮外观,下方会出现对应文字注释,所选择的背景按钮外层加一圈黑色示意

  序号1:仅可输入英文名称搜索,无编辑内容时文本框内容为Search,字体浅灰色,输入内容后字体变为黑色

  当移动端无网络时,搜索框下方“在线搜索图像”更改为“连接中断”,搜索框点击无反应

  以上便是我本次倒推撰写的Chartistic的产品需求文档,格式参考倒推“潮汐”APP的产品需求文档。

  这款App是一款很实用的手机应用,交互很有特色,一点红心水论坛!因为过于追求操作的简便,导致功能局限比较大,对于App的未来优化方向,笔者认为可以在以下几个方向尝试:

  这是本人第一次撰写的产品需求文档,一定有诸多不足,希望各位前辈不吝赐教,感激不尽!希望可以成为一名产品经理,创造出对用户有价值的产品,不求做改变世界的产品,只求改变自己,改变眼前。

  挺好的,可以多考虑下文档的展现形式,让内容简洁明了,让阅读者方便或更有兴趣去阅读

  2019年十大骗局:私域流量、区块链、下沉市场

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。



友情链接:
Copyright 2018-2021 主页 版权所有,未经授权,禁止转载。