这是在新公司的第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.任务交付后是否允许编辑以及业务限制(即,哪些条件不满足则不允许提交)
好了,以上就是今天的笔记。
笔记基本每个工作日都会更新,我会把产品工作中遇到的问题,解决方案,以及工作上的心得记录下来,跟小伙伴们一起分享、探讨、共勉!