当前位置: 时代头条 > 正文

收藏!一线互联网公司产品设计流程下篇来了

收藏!一线互联网公司产品设计流程下篇来了

本文系网易产品经理系列付费课程总结,公号会逐步总结更新,带你掌握从需求挖掘、产品设计到数据分析、产品运营的全部技能,帮你成为一个合格的产品人。

上一篇我们了解到产品创意的由来及验证创意的四纵四横理论,介绍了在产品设计16个环节中的商业价值分析及市场分析(没看过的关注微信公众号:互联网设计狮 查看),接下来继续介绍剩下的环节,它们的内容、作用、参与角色及产出物。

我们再看下整个流程图

收藏!一线互联网公司产品设计流程下篇来了

当有了商业价值分析及市场分析之后会进行产品立项评审,基本上就定下来这个项目要不要做,剩下的就是怎么做的问题了。当项目定项后,一般公司会委派用户研究人员对产品进行定性定量分析,去了解我们的用户,他们的潜在需求、特征、问题,一般采用调查问卷、用户访谈、焦点小组等方法。

当对市场和用户有了全面了解之后会产出PRD( Product Requirement Document ),即产品需求文档。

详细需求说明

详细的需求说明是产品从一个概念变成真正可设计、可开发的文档。它需要向项目组的成员清楚的传达需求的意义、功能的定义和详细的规则。文档中主要包括功能概述、功能结构、功能流程、功能详细描述、特殊状态说明、简单的交互原型等。

参与角色:产品经理

产出物:产品需求文档

产品需求文档(PRD)会经历整个产品周期被项目成员查看,遇到问题需要逐步完善并更新,当需求文档写好之后进入需求评审,产品经理会就需求及优先级和项目成员进行沟通,此时评审各方会提出一些问题,产品经理应记下来并进行解答,不能让成员带着疑问进入开发阶段。

交互设计

交互设计是通过合理的界面语言将产品能力、功能呈现给用户,使之可以快速学习、理解和记忆。交互设计师主要会产出用户路径图、信息架构图、页面交互设计。

· 用户行为路径图:页面流程图,主要设计用户在你的产品中按照怎样的路径去完成任务,通过设计提高任务的完成效率。

· 信息架构图:关注内容结构、导航系统设计,让用户容易理解和方便找到所需信息。

· 页面交互图:常说的页面原型,主要用线框图来表现页面信息布局、内容优先级及交互细节。

视觉设计

视觉设计师进行视觉设计,主要包含直接呈现给用户的元素、风格、材质、图片、颜色、字体、留白等。视觉设计的好坏具有很强的主观性,比较常用的方法是情绪版(MoodBoard)。

情绪版:

① 通过用户研究获得体验关键词;

② 根据这些关键词,搜集能够反映这些词的图片,邀请用户进一步筛选、归类这些图片;

③ 提取图片中的视觉元素,包括情感氛围、色彩搭配、材质、图形等;

④ 将视觉元素应用于视觉设计。

视觉设计阶段,动画可以极大提高产品的品质感

交互原型可用性测试

视觉设计完成后,无需借助开发手段,将高保真的交互原型或真实界面的视觉稿打印出来,制作成纸面原型。再邀请目标用户完成产品的典型任务、待验证功能点。

参与角色:用户研究员、交互设计师、产品经理

产出物:纸面原型、测试用例

当验证了交互原型,那就进入程序开发阶段,那么这些环节都是必须上一阶段完成才能进行下一阶段吗?其实并不一定,比如需求文档完成后就可以进行后台设计了,交互设计完成后就可以进行前端开发了。

程序测试

测试产品功能、流程、动画等,是否都实现。产品设计具有很大的开发局限性,假如遇到不能实现的情况需要调整或者找到替代方案。

测试阶段需要产品交互视觉验收,然后找用户进行测试,可以预先发送给用户使用,过一段时间邀请用户进行1对1访谈,Beta版本测试后假如你的产品体量很大,如微信,要进行小范围用户内测,遇到问题再及时修改。最后才是产品发布,进入产品运营阶段。

下一篇:《精益产品设计》

首发自微信公共帐号:互联网设计狮(微信号:net-design)

只分享自己确实觉得好的东西

无需授权即可转载,但请自觉保留以上声明。

最新文章

取消
扫码支持 支付码