在互联网产品领域,Axure已成为产品经理、产品设计师以及交互设计师的必备工具,从某种程度讲,Axure帮助我们建立低保真模型,便于与用户的需求验证,也帮助我们构思交互细节,使前端和开发人员更容易理解我们的产品;但从另一方面讲,Axure绑架了我们的思维,让很多产品经理和设计师养成了“无Axure不设计”的恶习,忽略了用户故事、功能规格和信息架构,甚至走入“为了用 Axure而用的误区”,导致了资源的大量浪费和产品的硬伤。因此,提醒为Axure着迷的产品经理:在熟练使用2B铅笔前,请不要打开Axure。

自我监测是否对Axure着迷

1.喜欢开始设计产品时就打开Axure的产品经理通常有一些共性:

2.熟练掌握Axure或对Axure充满了敬畏;

3.信奉细节至上,认为Axure完全可以替代PRD;

4.喜欢通过Axure实现复杂交互或精细化原型并取得成就感。

5.保持最新版的Axure,常泡Axure专业社区;

6.很少使用铅笔和白板进行沟通;

符合其中的3条,可以说你处在高速成长中;不过如果5条都符合,说明你应该调整一下自己的侧重点,否则你将偏离Axure原型工具的初衷而陷入细节,导致视野受限或沟通不畅,甚至造成产品和项目的失败。

清醒认识Axure在产品设计流程中的位置

必须承认,不同公司、不同组织结构和不同岗位对“正确的产品设计流程”有着千差万别的认识。但我们依然可以引用AJAX之父Jesse James Garrett在其《用户体验要素》中提到的5个层级来达成一些共识:

不同角色应该关注的产品层级:

1.BOSS与产品负责人先解决战略层问题;

2.产品负责人或产品经理解决范围层问题;

3.产品经理带队搞定结构层问题;

4.产品经理带领产品设计师或交互设计师,设计框架层;

5.界面美术设计师根据框架层设计表现层。

到这里,争议出现了,有人认为在结构层,应该使用Axure出交互设计原型,我想这个误解也是Axure被滥用的根源所在。

交互设计不等于使用Axure设计原型中的交互界面

我知道这有点绕口,并且有些扯远了,但不得不说,大多数产品人并不能很好的理解交互设计与设计交互界面有什么联系,并且绝大多数产品团队在结构层几乎断档。

用户界面是交互设计的结果的自然体现,但是不能说交互设计就是用户界面设计。交互设计的出发点在于研究人在和物交流(dialog)时候,人的心理模式和行为模式,并在此研究基础上,设计人工物的可提供的交互方式,来满足人对使用人工物的三个层次的需求(usefulness, usability and emotionality)。从这个角度看来,交互设计是设计方法,而界面设计是交互设计的自然结果。同时界面设计不一定由显意识交互设计驱动,然而界面设计必然自然包含交互设计。

我们期待未来的人机交互能早点实现,不过对目前互联网产品而言,交互设计的步骤包括:

1.用户调研

2.概念设计

3.创建用户模型

4.创建界面流程

5.开发原型并进行可用性测试

很显然,使用Axure设计快速原型,应该放在交互设计的整体工作结束后,也就是框架层设计时进行。

不过,我没有一点贬低Axure的意思,因为在框架层中,Axure的widget元件、交互动作能够很方便的绘制网站的界面、导航、甚至细节的信息元素。并且能够快速生成可交互原型与需求方和项目组内进行沟通。在某些敏捷团队中,Axure原型的确可以代替PRD使用。

产品结构层设计,请先拿起你的2B铅笔

面对结构层的抽象,请不要灰心,2B铅笔是你克服困难的终极武器,记住,要用2B铅笔。因为2B铅笔软硬度适中,涂抹均匀,价格便宜,韧性好又容易擦拭,无论考试还是素描都是很好的选择:)

当需求范围已经相对清晰时,请先拿起笔,把产品的蓝图画出来。通常对一个网站而言,你需要构建一副整体信息架构蓝图,也就是网站的主要网页和层级关联。记住,只有当你相信自己用2B铅笔画的信息架构草图是大家想要的,否则不要着急用工具进行美化。

对于网站中复杂的功能流程或对于软件产品而言,你需要通过UML(统一建模语言)描绘更加具体的概念模型。

将构思映射在纸上,提高沟通效率

用铅笔勾勒蓝图或流程,目的是提高沟通的效率。拿起2B铅笔,用10分钟将头脑风暴或范围讨论后的思路花在纸上,尽快与BOSS或团队成员确认,是结构层最重要的事情,没有唯一。

我见过太多的产品人员,包括我自己也曾经常犯类似的错误:妄图一开始就使用电脑辅助设计程序,优美的将信息架构或流程图画出来。甚至跳过这一步,直接使用Axure话线框图。这个错误的可怕之处在于:你搞得自己很忙很苦逼,结果做出来的是无法得到认同的垃圾。更可怕的是,在面对你看似完美的图标或线框图时,BOSS被你忽悠住了,然后你们投入了整个团队的开发资源,用了几个月开发了一堆垃圾出来。

如果说80%的产品失败在需求阶段,我可以说80%的需求失败,是没有用2B铅笔沟通而很2B的用软件沟通。你完全可以10分钟画一个简单的网站结构或核心功能逻辑,然后与领导充分沟通,尽可能的把问题暴露出来,并尽快优化甚至推翻重做。否则你将深陷网站界面和细节交互的泥潭,而忽略了产品真正的核心价值所在。记住,需求被砍掉不是耻辱,做垃圾浪费资源才是最大的耻辱。

用白板统一意见

如果说用2B铅笔绘制草图是产品项目的大脑,那么白板就是产品项目的心脏,对敏捷团队尤其如此。无论是在范围层的头脑风暴或敏捷故事中,还是在结构层设计时对更加详细的蓝图或流程进行确认时,需要将构想画出来,并且可能需要边画边讲。如果你对此已经轻车熟路,你可以在简历中写上自己善于沟通了。

使用工具将结构层存档

到目前为止,你的产品规划应该已经符合了领导的构思,同时也赢得了架构师的支持。非常好,你只需要用Visio将其画出来,就可以插入需求文档了。虽然visio有一些问题,但我认为它依然是描述结构层最好的建模工具,不是因为它有多强大,恰恰相反,它够简单。

也许ROSE类工具更加强大,但你不是开发者,更不是架构师,认清自己的角色,对产品经理而言,Visio的UML工具和网站总体设计图已经能够满足结构层的需要,不要被复杂的工具左右自己的思路。当然,如果你使用MAC,OmniGraffle毫无疑问是你最好的搭档。

在框架层,开始低保真模型的设计

终于从抽象到具体了,你可以偏执地继续装B手绘

不过大多产品经理会选择Axure作为快速原型工具

Balsamiq mockup也是不错的选择,总之,这一阶段你需要设计产品的低保真模型。但千万不要自娱自乐并深陷细节。因为你需要基于低保真模型进行又一轮沟通,如果条件允许,最好进行一次可用性测试。

你需要将领导、团队、甲方甚至扫地大妈的意见综合考虑,对低保真模型进行优化调整,并不断完善,以形成可以存档的产品交付物。对不同的团队,你有几个选择:

1.敏捷小团队:直接基于Axure进行开发;

2.矩阵式项目组:将低保真模型做成高保真模型,并尽可能完善交互细节,便于交付UED或美工进行设计;

3.跨业务或外包:为了预防变更,需要更多前期可用性测试。并尽可能完善说明和注释信息,输出word等存档。

总结

就像我在前面提到的:“正确的产品设计流程”是个伪命题,适合的才是最好的。但我们不难发现,沟通贯穿了产品设计的全过程,因为设计不是孤芳自赏,更不是自娱自乐。与其说本篇是忽悠大家使用2B铅笔,不如说是呼吁产品经理和设计师们进行更有效率的沟通。如果你有相同或不同的想法,欢迎在微博上跟我交流,至于什么阶段用什么工具。

From:http://www.hanjunxing.com/use-pencil-before-axure

产品设计中先熟练使用铅笔 不要依赖Axure的更多相关文章

  1. 移动互联网(APP)产品设计的经验分享【转】

    随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此最近经常碰到PM们在交流讨论移动APP产品的设计.我从事移动互联网已经有一年多了,通过不断的学习和实践也积累了一些心得,今天整理并分享一下 ...

  2. 产品设计原则之移动APP【转】

    随着移动互联网的发展,越来越多的Web产品开始布局移动端,因此最近经常碰到PM们在交流讨论移动APP产品的设计.我从事移动互联网已经有一年多了,通过不断的学习和实践也积累了一些心得,今天整理并分享一下 ...

  3. 购物车(Shopping cart) —— B2C网站核心产品设计 (二)

    购物车是做什么的? 我们先来看一下现实超市中的购物车,一个带四个轱辘的铁筐子,客人推来推去,看到什么东西喜欢,就扔进去,觉得东西差不多了,就推到收银台. 那B2C网站中的购物车又是一个什么东西呢? 从 ...

  4. 产品设计教程:利用“系列位置效应”优化UI

    任何博得人们喜欢的产品都在一定程度上契合了用户的心理需求.设计和心理学息息相关,掌握一些基本心理学知识,设计师的作品更能在潜意识中抓住用户的心. 系列位置效应 “系列位置效应”(The Serial ...

  5. 进阶篇:4.1)DFA设计指南:简化产品设计(kiss原则)

    本章目的:理解kiss原则,明确如何简化产品的设计. 1.前言:kiss原则,优化产品的第一原则 如果要作者选出一个优化产品的最好方法,那一定是kiss原则莫属.从产品的整体设计到公差的分析,kiss ...

  6. UI产品设计流程中的14个要点

    http://www.sj33.cn/digital/wyll/201404/38318.html 自从我在 Dribbble 上贴了一幅我的产品设计成果,受到了大家伙热烈的反馈,对此我深受鼓励,我决 ...

  7. PCB设计中新手和老手都适用的七个基本技巧和策略

    本文将讨论新手和老手都适用的七个基本(而且重要的)技巧和策略.只要在设计过程中对这些技巧多加注意,就能减少设计回炉次数.设计时间和总体诊断难点. 技巧一:注重研究制造方法和代工厂化学处理过程 在这个无 ...

  8. UI设计中的48dp定律【转】

    有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把 ...

  9. 浅谈UI设计中妙用无穷的深色系背景

    英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# --------------------- ...

随机推荐

  1. 20160410javaweb之JDBC---DBUtils框架

    DBUtils 1.DbUtils 工具类 2.QueryRunner -- 两行代码搞定增删改查 (1)QueryRunner() --需要控制事务时,使用这组方法 int update(Conne ...

  2. Android中使用ViewPager实现广告条

    我们在使用电商或视频的手机客户端时,通常会看到广告条的效果.在网上搜索时才知道使用的是ViewPager,于是自己也做了一个Demo. 以下是效果图: 图中包括背景图片.文字描述以及白点. 其中Vie ...

  3. 产品原型设计5:移动App原型设计神器 - POP(Prototyping on Paper)

    一般来说,苦逼的互联网产品经理们都知道 Axure 这个原型设计工具,一方面是因为它提供了足够简单的拖拽操作,易上手,且有很多模板方便复用:另一方是因为它可直接输出html,直接在浏览器里给团队成员和 ...

  4. 还在在专业的blog记录生活吧!

    本来觉得自己写文章水平很烂,技术贴也不能保证分析清晰透彻,就决定在百度hi上记录生活随笔.的. 但是,在百度,随便写点啥,都要审核.申诉. 还是在博客园安家吧. 从新手做起.

  5. Constants in C++

    The first motivation for const seems to have been to eliminate the use of preprocessor #define for v ...

  6. Java中printStackTrace()、toString()、getMessage()的区别

    一.三者之间的关系图: 二.演示 1.printStackTrace()演示: public class Test {     public int div(int a, int b)     {   ...

  7. 快速排序 javascript实现

    Quicksort(快速排序) 是由 东尼·霍尔 所发展的一种排序. 它比其他的Ο(n log n)算法更快, 因为它的内部循环(inner loop)可以在大部分的架构上很有效率地被实现出来.当然, ...

  8. Linux下Docker安装

    1 在 CentOS 6.4 上安装 docker   docker当前官方只支持Ubuntu,所以在 CentOS 安装Docker比较麻烦(Issue #172).   docker官方文档说要求 ...

  9. ci验证码

    ci 之验证码 为了方便,把 system/system/helpers/captcha_helper.php复制放在 application/helpers/文件夹里面 手册上面推荐用数据库,但个人 ...

  10. 使用JS实现鼠标滚轮事件

    网站需要实现鼠标滚轮滚一下,页面向下滑向下一个锚点,由于前面有个一样式必须用jQuery1.3.2,而好多滚轮事件都使用了更高版本的jQuery,于是就从网上找了找 <script type=& ...