产品与研发之间似乎总有说不完的故事,其中的大多数都围绕着“开发出的最终产品与产品经理所期望的存在差异”,而这往往是由两者之间的沟通不畅所导致的。
那么产品汪应该用何种姿势与攻城狮交(si)流(bi)呢?下面通过一个案例分享,供大家参考,如有帮助,不胜惶恐。
需求说明:新增一个投票功能,用户可以通过多种方式获取投票权后,来给喜爱的明星投票,并在活动结束时展示投票结果。
下面分三步来说明在设计完成后,如何与研发人员进行沟通。
Step1. 使用流程图,帮助研发人员了解功能需求
在向研发人员展示具体的原型之前,先帮助其建立关于需求的整体概念是很有帮助的,而使用流程图是一种非常直观有效的手段。
通过讲述用户使用该功能的全过程,研发人员可以做到心中有数,避免一开始就将注意力集中在具体的细节问题上。
当用户参与一个投票活动时,按照时间顺序,可能发生以下活动:
(1)查看活动介绍,了解活动规则;
(2)通过各种方式来获取投票权;
(3)找到喜爱的明星,并对其投票;
(4)查看自己的投票记录;
(5)活动结束时,查看最终的投票结果。
当然每个活动当中可能也会包含一些子活动,我们可以在描述完整个主要流程后,再依次讨论这些子流程。
用户使用流程描述如下:
Step2. 分解用户流程,依次实现各个步骤的页面原型
通过第一步,研发人员初步了解了用户使用此功能的大致流程,下面就是对应的页面展示了。
根据流程图中描述的主流程和子流程,我们选定了以下6个功能页面:
(1)首页:展示最主要的信息(包括用户信息和明星列表),同时也是为其他页面提供入口;
(2)投票权兑换页面:用户可在该页面兑换投票权,并且可以查看兑换记录;
(3)投票记录页面:用户可在该页面查看投票记录;
(4)投票页面:用户可在该页面为选中的明星投票;
(5)活动介绍页面:用户可在该页面了解活动说明和规则;
(6)问题申诉页面:用户可在该页面进行问题申诉,申诉的问题会提交到管理后台。
需要强调的是,由于最终结果仅在活动结束的前30分钟公布,所以为了该功能尽早上线,便在首页右上角预留入口,放在之后开发,在活动结束当天进行展示。
限于篇幅,对应的功能说明不予显示,感兴趣的同学可以点击文章最后的链接查看完整原型,页面原型展示如下:
Step3. 操作交互原型,明确各页面间的逻辑关系和交互细节
以上六个页面相信大家都很熟悉,无需任何说明即可明白每个页面中各个控件的功能作用,但仅仅罗列出这些页面和功能说明是不够的,产品完整的交互原型也应提供给他们,最好让其亲自进行操作试用。
这样做有以下几点好处:
(1)研发人员可以了解各个页面、功能之间的逻辑关系;
(2)进一步明确开发任务,给出更合理的开发时间;
(3)在开发完成之后,作为测试参考。
相信一些同学有过这样的经历:开发出来的产品在视觉方面与设计稿相差不大,但在测试时总会出现些许交互方面的问题,这往往是由于研发人员没有完全理解功能页面之间的逻辑关系造成的,通过该步骤可以减少这种问题的出现。
此外,当功能需求较为复杂,需要大量页面展示时,我们还可以使用MindManager来梳理各页面间的关系,作为交互原型的总说明,由于本案例较为简单,所以略去了该部分。
具体的交互原型在此不方便展示,我将其发布在了AxureShare上,感兴趣的同学可以去看下。
完整原型链接:http://4mcfy0.axshare.com(打开速度会稍慢,见谅哈)
经过以上三个步骤的说明,研发人员既能够在全局上了解功能需求,也可以在细节上做到心中有数,这样在之后的开发过程中便会更有把握。
(P.S.甚至一些精益求精的研发人员还会跟据原型来进行优化讨论,而这也是所有人都希望看到的,毕竟沟通是个双方都要参与的过程,单方面的说明远不如双方之间的讨论有意义。)
以上内容来自本人平时的工作总结,肯定存在不足之处,希望和各位多多交流!