2016/7/13 番茄の产品笔记：后台建课任务管理

这是在新公司的第2天，在还没有完全了解公司业务整个 road map 的情况下，就领到了一个做原型的任务。原本一开始略有一些排斥，作为一个已经有快2年经验的 PM ,深知“ PM ≠ 只是画原型图”，然而我还是很快说服了自己：年轻人，戒骄戒躁（此处有云叔的即视感）。即使你有做过“产品”的经验，但是在新公司，新业务，就是从0开始。画原型图能很快了解产品，也是跟团队成员建立联系的切入点。

最近在练手 sketch ，刚好做公司的后台通常都比较“马虎”，没有交互设计师、更加没有视觉，通常都是拿着 PM 的原型图，就直接去开发了，所以为了表达清晰一些，再加上 sketch 的各种好好好，于是抱着自己电脑一早就开始画了。

Note 1

任务列表页

从这个页面学到的：

1.搜索功能。

在之前的工作中，无论是用户的呼声，还是公司同事的呼声，想要在某个页面加一个搜索框时，我也跟着很简单地在 PRD 中加搜索功能和简单的描述，却很少考虑搜索的限定条件。

第一，搜素关键词：从图上可以看出，或者你们平时使用的产品中，但凡需要限定搜索关键词时，通常的处理办法都是在搜索框内文案提示“请输入XXXX” / “请搜索XXXX” ......

第二，搜索条件 / 筛选条件：其实就是给搜索缩小/限定一个范围。从图上，我们这个页面的搜索可以给到的范围有：任务的状态、任务交付的状态、任务共享状态、任务开始时间和计划交付时间（这里还丢了一个实际交付时间，我后来又改变了一下这里的排版）

2.一点交互的（maybe）技能 get

第一，图上的“操作”部分，按钮很多，需要操作的行为也很多。我原本按照使用习惯把所有按钮都平铺开来，结果使得一行占用的表格特别大。后来同事提醒，可以把这些都收起来，然后用一个统一的触发按钮来展开，再进行操作。

第二，“删除”按钮。删除是一个十分“高危”的动作，通常在考虑的时候都会考虑用户是否有误操作的可能性，后续还会跟一个对话框来让用户确认。其实最好是能让用户在最一开始的时候就不要太容易点到，这里因为是后台，界面也选择比较简单来实现，于是我们把“删除”放在了最后一栏。小伙伴们在遇到类似的问题要多多考虑咯。

Note 2

新建任务表单

表单是一个十分常见的页面，其中也有很多细节需要注意。

1.要区别哪些是手填、哪些是下拉选择、哪些又是搜索选择 etc.

这里的开课学校就是搜索选择，并且还可以手动输入。用户输入学校名称，点击搜索找到相应的学校，再点击确认即可。

但凡数据，自然就要想到单位的问题，金额的话是元还是美金还是其他；时间的话，是分钟、小时、还是秒，etc。

2.测试比较在意的几个小问题

a.列表页面，分页每页显示多少条（这个接第一张图）；

b.如果填写的是数字，允许填写到小数点后几位，还是不作限制；

c.备注 / 输入框 允许最多输入多少字；

d.任务交付后是否允许编辑以及业务限制（即，哪些条件不满足则不允许提交）

---

好了，以上就是今天的笔记。

笔记基本每个工作日都会更新，我会把产品工作中遇到的问题，解决方案，以及工作上的心得记录下来，跟小伙伴们一起分享、探讨、共勉！