基于axure的PRD协作

标签: 体验,设计 Axure 产品设计 原型制作 移动产品设计 | 发表时间:2012-02-11 13:51 | 作者:kent.zhu
出处:http://www.ikent.me/blog

大约1年多前我写了一篇《 基于axure的PRD写作思考》,其主旨思想是将文档版本的PRD与线框图及流程图结合起来,统一由axure来输出,降低PM与研发之间的沟通成本及交付物的传递成本。

当时这个文档是基于我做Web端产品设计的经验为蓝本完成的,这1年多来我从Web端完全转到Mobile端,还在继续的使用着这套方法。在不断的实践过程中略有心得,遂更新一篇,详细的讲述一下这套思路。

当然,肯定会有很多人说axure是个很笨重的工具,从来不用;也肯定会有很多人说我们团队有严格的文档规范,你的这套东西不适用…..是的,你们都是对的。这套方法的最大好处就是快速、直接,适用于扁平化的团队。如果你是产品与研发异地的团队,那么,建议还是有详细的文档比较合适。

关于一个PRD文档需要包含的内容及相关的结构,之前《 基于axure的PRD写作思考》已经说的比较清楚,不再赘述。我们为什么要写PRD?简单来说就是把我们具体要做一个什么样的东西很详细的描述出来并传递给团队其他成员知晓,最终一起执行。这里面我觉得有3个点特别重要,详细描述、快速传递、一起执行,一份不管是什么形式的PRD最终都必须做到这3点。

从打开axure准备开始进行原型设计开始,我会把文件分成这样几个部分:修改记录、产品结构、(用例及信息架构)、具体页面原型设计。在具体页面的原型设计的时候会再根据这个页面的负责程度看是否要增加一个流程图页面进去。

修改记录

修改记录模块主要是对该原型的迭代历史进行记录。修改记录可以使用文本面板完成,主要记录比如,什么时候修改了什么模块,原因是什么。每次对原型进行修改都必须记录下来,这种内容迭代的记录方式一方面便于自己后续回忆与总结,同时也对项目管理的需要,每次的修改都有据可查。

产品结构

产品设计本身是个从大往小的过程。所谓大就是指的产品整体的结构所谓小则是具体的交互设计页面布局等。我个人非常不建议一开始就进入到具体的页面设计,即使是一个具体的页面设计也建议先把页面模块及相应模块的布局想清楚,然后再开始填充内容;而如果是一个会涉及到很多步骤的设计,如果流程没有事先想清楚画出来,千万不要动手去设计。

按照我个人的习惯,产品结构部分一般会采用结构图的方式调用流程图模式把这个产品的结构关系画清楚。目的有这样几个:搞清楚用户的主要路径,用户会从什么地方进入产品,在里面会经过哪些页面,然后会从什么地方退出;弄清楚产品的层级关系,从移动端的设计上看,产品的层级关系一定要避免太深;梳理一下整个产品的页面,不要有遗漏。

用例及信息架构

用例之前在Web端我通常是直接采用母板来完成的,最近在做Mobile的产品设计,倍感在画原型的时候把用例标识出来的重要性。个人感受,移动端的产品需要比Web端更加深入的考虑模块复用,一来保持整个客户端的统一性,同时复用的模块在一定程度上是可以减少开发工作量的。

就一个Apps而言,这个部分通常会包括一级页面的页面结构、二级页面的页面结构、三级页面的页面结构、….;弹层的样式及出现方式;是否出现menu键、样式及内容(android)等内容。

当进行需求评审的时候也建议按照这个顺序来说,先介绍一下整个产品的结构,向整个团队成员说清楚我们大概要做一个什么样的产品,他包括哪些部分,这些部分的关系是咋样的;其次开始介绍一下这个产品他从一个框架上看是什么样子的,有一个感性的认知;再次开始按用户任务/流程分模块进行介绍,详细的说明其中的策略问题。

具体页面原型设计

具体页面的原型设计分为2种,1种是页面行为比较单一,简单的几个图加一定的文字就可以描述清楚的;一种是页面行为的流程及逻辑性比较强,有比较多的中间状态和用户行为的分支,这种页面我一般的方式是先画出流程图,然后再相应的给出页面原型。

第一种页面比较简单,设计的时候想着点各个平台的设计规范(指南)就可以搞定。同时可以在页面原型的边上把每个模块部分取的元素内容及相应的策略也写出来。

不过,需要有一个提醒,在移动端会存在不少页面的长度是超过1屏的,在原型设计的时候一定要画出一条屏幕高度基线,将第一屏内容和第二屏内容隔开。一方面重要的内容都必须在第一屏有所体现,另一方面注意节减页面高度,同时在原型评审的时候也让其他角色提前有所了解。

另一方面,如果一个模块涉及的交互流程比较复杂,比如一个输入框,在初始状态、开始输入状态、输入完成状态、输入出错状态(超过字数限制)等不同状态下的表现及相应的操作提示都是不一样的,建议分别拆成几个不同的状态完成。这部分之前在Web端的时候可以直接用axure的交互来完成,但是mobile端的屏幕有所限制,再去做这些交互效果,往往也隐藏比较深,不如拆出来画。

一些关于移动端原型设计的其他问题

1、工具永远都是工具,不要让工具限制了你。axure也好,viso也好,OmniGraffle也好,做出来的东西无分好坏。

2、除非脑子里想的比较清楚了,不要冲动性的就开始用axure画原型。在我看来,画原型只是20%的功夫,更多的功夫应该在原型之外,包括对要做什么,为什么要这么做的思考。同时,纸面原型是更好的选择,帮助锊清思路。

3、在原型设计的过程中需要注意沉淀一些规范性的组件出来。每个团队每个项目都应该有一套自己的原型组件,而不应该是直接找别人要来原型组件然后直接导入(当然,系统通用的组件除外)。

4、原型设计的过程中,酷炫的原型交互需要适可而止。

相关 [axure prd 协作] 推荐:

基于axure的PRD协作

- - 幻风阁|kent.zhu'sBlog
大约1年多前我写了一篇《 基于axure的PRD写作思考》,其主旨思想是将文档版本的PRD与线框图及流程图结合起来,统一由axure来输出,降低PM与研发之间的沟通成本及交付物的传递成本. 当时这个文档是基于我做Web端产品设计的经验为蓝本完成的,这1年多来我从Web端完全转到Mobile端,还在继续的使用着这套方法.

基于Axure的PRD写作思考

- 超群 - 幻风阁|kent.zhu'sBlog
从半只脚迈入产品经理这个大门的那天起我就被2个文档的名称深深的纠缠着,他们是市场需求文档(MRD)、产品需求文档(PRD). 先不论你是什么方向的PM,这2个玩意一定会一直伴随你的Title跟着你. 这2个文档在不同的团队中有不同的叫法和写法,我也见过有团队的MRD其实就是PRD,不沾半点商业市场分析的边的,当然,这些不是本文探讨的内容.

PRD:淘宝有好货需求文档

- - 人人都是产品经理
编辑导语:随着移动互联网的发展,人们对网购的需求增加,用户需求呈现多样化和个性化. 本文是作者通过体验手机淘宝的有好货功能模块做功能业务上的拓展,通过用户调研提出优化方向,并生成产品需求文档PRD. 淘宝有好货位于首页正中间,能给宝贝商品带来庞大的流量,而有好货的slogan “1.3亿人推荐的品质好物”,进一步突出了有好货以精品为主的战略定位.

AXURE在原型设计中的应用

- 超群 - 互联网的那点事
产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动. 就我个人而言,目前使用频率最多,最高效,交互效果最好的原型工具是axure. 今天给大家介绍一些我在工作中使用axure的经验.

Axure常用交互效果制作

- snip.wu - 盛大游戏UED 专注用户体验,改变生活,让互动娱乐更精彩
本文旨在分享一些在Axure中,相对复杂但又常见的交互行为的制作方法,本期包含带提示的文本框和拖拽效果. 将提示信息放置于文本框内是一种常见的交互方式. 当文本框获得焦点时,提示文字消失. 当文本框失去焦点时,提示文字重新显示出来. 现在就让我们看下这种控件的制作方法. 从widget库中拖出text field控件.

产品新人写PRD应该避免的坑

- - 人人都是产品经理
产品入行半年了,大大小小的坑遇到不少,这些血泪经验是最宝贵的财富,一直告诫自己,要常总结、常反思,希望n年之后,再看到今天写下的这些东西,能有更多的感悟. 今天主要说的是PRD中遇到的那些大大小小的坑,不一定适用全部情况,欢迎各位纠错,欢迎各前辈指导. 最近半年, 最主要的工作就是写PRD,PRD的重要性不言而喻.

设计增强型Axure组件的必要性

- ninickck - 盛大游戏UED 专注用户体验,改变生活,让互动娱乐更精彩
        在交互设计师的工具箱当中,相信 Axure是必不可少和得心应手的交互原型设计工具. 今天主要想探讨在工作中不断提炼和积累增强型组件(Enhanced-Widgets) 的必要性,以便提高工作效率. 同时,提供了本人制作的一套增强型组件. 什么是组件(Widgets).   组件面板是用来进行线框图和流程图的设计.

提高Axure设计效率的10条建议

- - 人人都是产品经理
Axure 是创建软件原型的快速有力的工具. 上手很容易,但是,其中存在一个危险. 这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用. 他们可能不知道的是他们可能没有以恰当的方式来使用 Axure. 作为一位有经验的用户体验设计师,我很少在画一页的时候第一次就能把它设计正确.

快速产品原型设计软件:Axure RP Pro 6汉化绿色版

- Keen - 精品绿色便携软件
Axure RP Pro是一个产品经理必备的交互原型设计工具,能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML模版等. Axure RP Pro是专为Rapid Prototype Design而生,它可以辅助产品经理快速设计完整的产品原型,并结合批注、说明以及流程图、框架图等元素将产品完整地表述给各方面设计人员,如UI、UE等等,并在讨论中不断完善.