美文网首页交互设计0岁的产品经理@产品
2016/7/13 番茄の产品笔记:后台建课任务管理

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

作者: 爸爸说番茄是只小动物 | 来源:发表于2016-07-13 20:56 被阅读167次

    这是在新公司的第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.任务交付后是否允许编辑以及业务限制(即,哪些条件不满足则不允许提交)


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

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

    相关文章

      网友评论

        本文标题:2016/7/13 番茄の产品笔记:后台建课任务管理

        本文链接:https://www.haomeiwen.com/subject/neqejttx.html