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

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

已经上线了,可以去试一下,有bug什么的也可以直接提:)
微信小程序直接搜:一个学习用的小房间
本篇探究待办清单
我这边主要涉及到到是构思和设计,开发实现这块前后端以及优化微调都由@我教你跳伞咯

产品考虑

整合日常常用工具类产品,轻量化,基础功能,日常,设计年轻化。

待办清单这块的规划其实反复了很久,从我个人角度来说对待办和备忘的产品的需求都很大,市面上真正轻量级(主要是好看)又实用(主要是好看)还免费(主要是好看)的产品确实少。
但是待办和备忘不可避免的都会涉及到日期的问题,大部分的日期呈现都会以日历的模式出现,日历占屏幕的比重有很大,啪唧拍上去一个日历,就算下拉缩起来也还是占用了用户的视觉中心,怎么在抛弃日历呈现的前提下祈祷备忘录或待办清单的效果,就是我第一个考虑的问题。
其次,待办和备忘又存在很大的功能重叠,这种通过文字输入的效率/规划类产品能达到的作用都是大同小异的。
从我的考虑出发肯定不会做两个类似的产品在一个工具箱里,那么就是要作出选择或者融合,贴一个思路取舍过程哈哈
1.针对时间段的查看,新增的时候设置deadline。查看的时候以条件筛选显示:7日内,30日内,三月,更久这类。可以增加分类的筛选比如学习工作生活其他等。
2.针对具体日期查看,可以不需要日历,但实际上是简化的日历,新增的时候选中具体日期,只能查看/新增当日待办,更偏向于备忘录,没有到期日。
做备忘录最大的痛点我认为是小程序无法跨越微信给出提醒,和其他app不同,可以给出消息通知,小程序的通知(订阅/客服消息等)都不及时,或者说是容易错过。所以待办事项是最好的选择,清单类,用户对自己负责,如果完成了可以过来check或者无视,主动的一个行为,而不是被提醒后被动的行为。

具体要求:
1.通过deadline条件显示已设置的待办清单,分类:7日内/30天内/全部/无截止日期
2.点击未完成的待办事项可以标记完成,会有形态变化并移至最底部
3.所有列表的排列顺序以deadline排序,距离deadline越近,排序越靠前
4.点击顶部导航条块(选项卡)可以切换列表
5.点击底部加号按钮可以进入新建任务页面(是页面)
6.新建任务时允许编辑:01标题(最大字符数画完图再定)、02内容(最大字符数画完图再定也可以不定)、03截止日期(考虑用滚动选择器或者标签)、分类(工作、生活、学习、其他,也是滚动选择器或者标签),点击底部按钮提交
7.待定的其他操作:左滑删除/点击具体条目查看/修改

工具

基于个人习惯的本次使用到的工具如下:
1.印象笔记
一款笔记类应用,我使用的是专业版。日常的工作笔记、脑图、分析报表、markdown等都可以覆盖。
2.墨刀
一款轻量的原型设计应用,我使用的是付费版。针对移动端更友好一些,熟悉Axure的化会很容易上手,出图更快。
3.Sketch
苹果系统下的UIUE设计应用,我使用的版本是59。因为承担了界面设计的职责,这是我目前用的最多的设计类应用,同样,对移动端更友好。
4.蓝湖
一款设计开发协作类工具,个人团队的话免费版足以。主要是高保真的切图上传自动标注,部分代码参考等作用

原型

在这里插入图片描述

设计图

目前还在纠结中,后面补充

碰撞过程

是否抛弃日历形式的展示方法

这个开头就阐述了,其实这就是一个展示形式,但是想追求点不一样的东西,市面上的日历太多了,难看的日历也太多。后期可能也会上日历,因为在记账工具里肯定要用到,想多给自己点时间抠细节,去画一个比较漂亮的日历哈哈。

已完成/超时未完成的内容是否有数据价值,需不需要汇总显示
在这里插入图片描述在这里插入图片描述

这个点交流很有意思,我充分发挥了一个产品经理(狗头):我不管反正你别反驳我,实现就完事儿了的ETC精神。
围绕的中心点还是很简单的,举个例子就是我10月13日的时候设置了一条todo

10.15之前,(deadline日期是10.15) 我要去买衣服
那么在没有提醒和推送的情况下,我对工具粘性没那么强
我下次打开可能是10月16日了(超过deadline)
这时候我希望看到的是什么:
1.这条数据抽走了,未完成即摧毁,过期不候
2.我在未完成里看到他,我自己考虑要不要放出来继续完成或者不管他自动删除

实际上1、2都可以做,并且都有自己的思维支撑,但是一个视觉驱动(假装)的产品怎么可以在人性化上占了下风!
选2!为什么选2?因为我是产品经理!

所以这个问题最后我们给除了一个结果是筛选条件会增加一个容器:MISS。
用来统一存放超时未完成的todo。

开发小哥哥提出要给一个90天或3个月的条件,我认为没用,怎么说服他

其实说服这个问题,揍一顿就好了,大家都是很熟的朋友。
但,我是一个讲道理的产品经理(小仙女)
我问:你今天会去设置明年一二月份的待办吗,你待办点啥?
开发:?我可能会提醒自己要发年终奖了吧
我:????

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

用颜色区分分类还是用图标区分待办的分类

因为考虑了工作、学习、生活、其他的事项分类,希望用户视觉停留的更少但是收获的更多,所以会考虑比文字更直观的表现形式。
这里开发给了我一个很不错的点“我认为颜色更像是状态,不像是分类”
然后我还给了一下大概的高保真看效果,目前的考虑是确定icon,颜色可以点缀或者底纹。

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

超时未完成的内容是否需要设置数据储存失效,超时多久销毁?
新增成功/完成的动效和音效
和上一个工具一样的问题,单手操作?
小程序订阅消息/服务号联动/开放平台的双openid绑定

最后还是要谢谢开发小哥哥,不强迫我一个半吊子开发去码码,然后又给了我:你只管设计,我来实现!这种类似于“你别工作了,我养你”的程序员浪漫。

猜你喜欢

转载自blog.csdn.net/fairycode/article/details/109055090