【产品设计-小程序】小胖工具箱系列—待办清单

【产品设计-⼩程序】⼩胖⼯具箱系列—待办清单

基于微信的⼩程序 ⼩胖⼯具箱02 - 待办清单

已经上线了，可以去试⼀下，有bug什么的也可以直接提：）

微信⼩程序直接搜：⼀个学习⽤的⼩房间

本篇探究待办机械实习报告 清单

我这边主要涉及到到是构思和设计，开发实现这块前后端以及优化微调都由来

产品考虑

整合⽇常常⽤⼯具类产品，轻量化，基础功能，⽇常，设计年轻化。

⼯具规划

待办清单这块的规划其实反复了很久，从我个⼈⾓度来说对待办和备忘的产品的需求都很⼤，市⾯上真正轻量级（主要是好看）⼜实⽤（主

要是好看）还免费（主要是好看）的产品确实少。

但是待办和备忘不可避免的都会涉及到⽇期的问题，⼤部分的⽇期呈现都会以⽇历的模式出现，⽇历占屏幕的⽐重有很⼤，啪唧拍上去⼀个

⽇历，就算下拉缩起小腹胀痛男性 来也还是占⽤了很⼤的屏幕显⽰⽐重，这个问题在移动端⾥会被放⼤，我希望看到更多的待办是想就得不停的下滑或者

翻页。如果有⽐⽇历更好的选择，在这个项⽬中我100%会抛弃⽇历。怎么在抛弃⽇历呈现的前提下起到备忘录或待办清单的效果，就是我

第⼀个考虑的问题。

其次，待办和备忘⼜存在很⼤的功能重叠，这种通过⽂字输⼊的效率/规划类产品能达到的作⽤都是⼤同⼩异的。

从我的考虑出发肯定不会做两个类似的产品在⼀个⼯具箱⾥，那么就是要作出选择或者融合，贴⼀个思路取舍过程哈哈

针对时间段的查看，新增的时候设置deadline。查看的时候以条件筛选显⽰：7⽇内，30⽇内，三⽉，更久这类。可以增加分类的筛选

⽐如学习⼯作⽣活其尿道疾病 他等。

针对具体⽇期查看，可以不需要⽇历，但实际上是简化的⽇历，新增的时候选中具体⽇期，只能查看/新增当⽇待办，更偏向于备忘

录，没有到期⽇。

做备忘录最⼤的痛点我认为是⼩程序⽆法跨越微信给出提醒，和其他app不同，可以给出消息通知，⼩程序的通知（订阅/客服消息等）都

不及时，或者说是容易错过。所以待办事项是最好的选择，清单类，⽤户对⾃⼰负责，如果完成了可以过来check或者⽆视，主动的⼀个⾏

为，⽽不是被提醒后被动的⾏为。

具体要求

1. 通过deadline条件显⽰已设置的待办清单，分类：7⽇内/30天内/全部/⽆截⽌⽇期

2. 点击未完成的待办事项可以标记完成，会有形态变化并移⾄最底部

3. 所有列表的排列顺序以deadline排序，距离deadline越近，排序越靠前

4. 点击顶部导航条块（选项卡）可以切换列表

5. 点击底部加号按钮可以进⼊新建任务页⾯（是页⾯）

6. 新建任务时允许编辑：01标题（⽬前确认最⼤字符数17中⽂）、02内容（⽬前确认最⼤字符数170中⽂）、03截⽌⽇期（picker：

今天、明天、后天、⼀礼拜、⼀个⽉、不设限）、04分类（picker：⼯作、⽣活、学习、其他）

7. 原本考虑的左滑删除不做了，综合ios和安卓的习惯

8. 其他涉及到的操作：列表内可以直接点击按钮将事项标记为完成//列表内点击具体事项跳出弹窗显⽰完整内容，可以编辑/删除/标记

为完成//点击底部可以新增待办//在miss标签⾥可以把超时未完成的事项捡回来等等

⼯具

基于个⼈习惯的本次使⽤到的⼯具如下：

1.印象笔记

⼀款笔记类应⽤，我使⽤的是专业版。⽇常的⼯作笔记、脑图、分析报表、markdown等都可以覆盖。

2.墨⼑

⼀款轻量的原型设计应⽤，我使⽤的是付费版。针对移动端更友好⼀些，熟悉Axure的化会很容易上⼿，出图更快。

苹果系统下的UIUE设计应⽤，我使⽤的版本是59。因为承担了界⾯设计的职责，这是我⽬前⽤的最多的设计类应⽤，同样，对移动端更友

好。

4.蓝湖

⼀款设计开发协作类⼯具，个⼈团队的话免费版⾜以清明节古诗 。主要是下象棋的规则 ⾼保真的切图上传⾃动标注，部分代码参考等作⽤

原型

。

设计图

Tab要改

Dark模式下的新增要改

缺tab切换的动画

缺新建后的联动动画

同理缺删除动画

考虑增加完整清单的正向反馈（10、50、100、500）类似于奖杯或者点赞：当当当当，真棒，完成10条⼩⽬标了！加油！这类的哈

哈哈哈哈哈哈

除了界⾯上体现榆木脑袋 的，其他需要留存的数据：⽤户总共完成的数量（或者点击所有完成按钮的次数），如果存储条件允许，可以把已经完

成的具体内容按照⽤户表存下来。防⽌功能优化要⽤，可能会放出所有完成，这就放到2.5以后把！不着急

碰撞过程

是否抛弃⽇历形式的展⽰⽅法

这个开头就阐述了，其实这就是⼀个展⽰形式，但是想追求点不⼀样的东西，市⾯上的⽇历太多了，难看的⽇历也太多。后期可能也会上⽇

历，因为在记账⼯具⾥肯定要⽤到，想多心理活动主题 给⾃⼰点时间抠细节，去画⼀个⽐较漂亮的⽇历哈哈。

已完成/超时未完成的内容是否有数据价值，需不需要汇总显⽰

这个点交流很有意思，我充分发挥了⼀个产品经理（狗头）：我不管反正你别反驳我，实现就完事⼉了的ETC精神。

围绕的中⼼点还是很简单的，举个例⼦就是我10⽉13⽇的时候设置了⼀条todo

10.15之前，（deadline⽇期是10.15） 我要去买⾐服

那么在没有提醒和推送的情况下，我对⼯具粘性没那么强

我下次打开可能是10⽉16⽇了（超过deadline）

这时候我希望看到的是什么：

1.这条数据抽⾛了，未完成即摧毁，过期不候

2.我在未完成⾥看到他，我⾃⼰考虑要不要放出来继续完成或者不管他⾃动删除

实际上1、2都可以做，并且都有⾃⼰的思维⽀撑，但是⼀个视觉驱动（假装）的产品怎么可以在⼈性化上占了下风！

选2！为什么选2？因为我是产品经理！

所以不要担心的英文 这个问题最后我们给除了⼀个结果是筛选条件会增加⼀个容器：MISS。

⽤来统⼀存放超时未完成的todo。

询问周围朋友时，反馈过来需要⼀个90天或3个⽉的条件，但我个⼈以为意义不⼤

其实说服这个问题，揍⼀顿就好了，⼤家都是很熟的朋友。

但，我是⼀个讲道理的产品经理（⼩仙⼥）

我问：你今天会去设置明年⼀⼆⽉份的待办吗，你待办点啥？

开发：？我可能会提醒⾃⼰要发年终奖了吧

我：

然后我就选择了第⼀种说服办法，年终奖已经取消了，税改了，不需要这种待办了！

⽤颜⾊区分分类还是⽤图标区分待办的分类

因为考虑了⼯作、学习、⽣活、其他的事项分类，希望⽤户视觉停留的更少但是收获的更多，所以会考虑⽐⽂字更直观的表现形式。

这⾥开发给了我⼀个很不错的点“我认为颜⾊更像是状态，不像是分类”

但是状态这芹菜叶的功效与作用 块除了deadline的临近程度，我给的剩下的就是完成情况，打算⽤删除线来表⽰，所以状态相关的形式已经⾜够了。

然后我还给了⼀下⼤概的⾼保真看效果，⽬前的考虑是确定icon，颜⾊可以点缀或者底纹。

针对本⼯具会⽤到数据库来存储⽤户的资料和待办数据，数据库表⽂章链接

待考虑或者可以迭代再考虑的问题

超时未完成的内容是否需要设置数据储存失效，超时多久销毁？

新增成功/完成的动效和⾳效

和上⼀个⼯具⼀样的问题，单⼿操作？

⼩程序订阅消息/服务号联动/开放平台的双openid绑定

下⼀个⼯具会做⼀个常⽤汇率的换算