为了改变世界 | 高保真原型设计 | Axure使用进阶篇一
高保真原型这个鲜少在工作中出现的东西,它的使用场景是什么?有哪些小技巧能提升Axure的使用效率?

为了改变世界。
题目来自被很多产品经理和设计师奉为神明的乔布斯说的一句话,We're here to put a dent in the universe. Otherwise why else even be here?(活着就是为了改变世界,难道还有其他原因吗?)为了更快速更有力地去改变世界,我们需要提升一下自己的技术能力。
一、论前调研

这次分享的目的是什么呢?改变世界只是我们的一个终极的目标。我工作的内容是针对B端和G端的设计,工作中我发现产品们都很希望能更快速地产出原型,但是事实上有一部分产品经理对于Axure自带的元件库里面的基础元件都不是很了解。所以这一次分享的目标是通过Axure的进阶使用的学习,懂得如何更快速地去构建交互原型。
Axure的进阶使用能讲什么呢?我一开始设想的内容框架是基于一些实现上的技术性问题开展的。这个框架的来源是去年下半年我所在的视觉设计部门承担了一些高保真原型的设计工作。框架里大部分内容是在讨论如何在Axure中实现交互效果。

但是看着我自己列出来的这些技术性问题我有了一个疑惑。

这个疑惑就是,为什么 Axure作为产品经理吃饭的家伙,它有如此强大的交互设计功能,但是大多数产品却对它知之甚少呢?所以在分享之前我带着这些疑问去做了一个小小的调研。
Q1 Axure使用不便之处
我调研的第一个问题是,产品们在Axure使用中遇到过什么困难?有什么不方便使用的地方?然后我得到了下面这些答案,其中最频繁提及的就是元件库和快速表达,另外一些是比较细的点,比如说规范、中继器、可视化图表等等,总体来说就是大家都觉得基本够用了,没什么大困难,况且世上无难事只要肯放弃。

Q2 Axure交互事件的使用
调研的第二个问题是产品画原型时会不会用到Axure的交互事件?如果有用到的话他们会用到哪些?然后答案总的来说就是,不会,不需要,B端没有复杂交互的需求。看到大家特别指出的B端,我有了一个新的疑惑,难道是C端产品和B端产品产出的原型会有差异吗?

Q3 B端、C端原型交互异同
抱着上一个问题产生的疑惑我去咨询了一些在做C端的产品同学,发现并不是的,C端情况也类似。很少人用到交互事件。

调研结论
通过这三个问题我简单地得出一个结论,那就是,原型中复杂交互效果的实现基本上不会出现在产品的工作中,那么也就没有必要给大家分享这些 烧脑又容易秃头的技巧了。全剧终。


二、高保真原型的制作场景
全剧终是不可能的,想想还是有点不太对劲。Axure出来已经7年了,它的交互设计功能做得越来越强大,那么它做出来到底是给谁用的呢?
也就是说交互这一步是谁在细化,是谁 会在什么时候 去做高保真原型?

Q1 什么时候制作
首先,我们来了解下什么时候会需要高保真。虽然高保真原型它不是必须的,但有它更好,因为高保真原型的阅读人群可以很广泛,它不仅仅可以被视觉、开发、产品阅读,还可以被市场、运营、老板、投资人和种子用户甚至是外行的人来阅读。因为它可以真实地模拟产品最终的视觉效果、交互效果和用户体验。但是一般高保真原型只有在特定的环境下才会制作,因为它真的很耗时。
我们制作高保真原型有以下4种场景:
给种子用户来展示。高保真原型作为一个最小化的MVP产品,如果你关注用户体验,希望能够尽早地获取用户反馈,那高保真原型可以帮助你。在正式推出产品前,通过制作高保证原型,邀请种子用户试用,收集用户反馈,来验证你的产品是不是用户所需要的,它可以帮助你快速地验证市场;
给客户投资人展示。对于相同的功能模块而言,开发和设计可能只需要简单的线框图和说明,但是跟客户表达可能就需要有交互比较完整的原型(对于G端而言尤为重要),跟投资者表达可能连视觉上的体验都要考虑到。想要清楚地向投资者或者客户展示你的产品。发一个PPT过去,有时不如一个高保真原型来的有效。
给不懂行的人展示。因为谁都能看懂,所以很方便给外行人看,比如作为个人积累作品或者留档什么的。工作时间要讲究效率,个人时间那就是想做什么就做什么了。
自己画着开心。高保真原型是追求自我价值的一种方式,相当于一种高逼格文档,就是做出来之后会有一种自己很厉害的错觉。
总而言之,就是通过高保真原型可以提高阅读人群的浏览体验,帮助团队成员更好的理解产品,因为它的视觉效果很棒,容易传播并且评判。

Q2 谁来制作
知道什么时候做这件事了,那么应该由谁来做呢?根据前面的介绍,产品经理在产品研发的过程中不会去实现高保真,因为它费时费力。这会让我们没有时间深入思考产品的逻辑,没有时间去探索更多的方案。其次因为高保真也注重视觉体验,会影响到UI设计师的发挥,它适合在产品已经定型阶段的展示。
我们知道,其实在规范的工作流程中,工作范围的划分很明确,产品产出需求文档和线框图,由UE交互设计师来优化交互,有的企业会是重构设计师,然后再到UI进行视觉设计。
下面是某企业UE出的原型图。UE的正常工作范围是从更专业的角度,以用户体验为核心,在产品线框的基础上优化信息的表达方式,进一步规范操作细节、交互方式和布局等等,设计出更加便于用户使用和操作的方案。

但是在正常情况下UE也不会出高保真原型。因为高保真原型不是交互一个人可以做的事情,前面需要产品经理设计业务流程,后面需要UI进行视觉设计。所以高保真原型它需要交互、视觉和产品的共同协作,配合才能产出。

然而!虽然说这不是产品经理主要负责的事情,但是不能高兴得太早,因为一般在小型或是工作流程没有规范细分的公司并没有UE这个岗位来专门负责交互设计,UE这个工作可能由产品和UI共同分担完成。

这些公司的产品真的很难,因为他们除了开发不用做,其他都要一点。当然有开发思维也是一项很重要的能力。

三、提高原型产出效率
圆规正转。
上面论证了这么久无外乎是在说不管是产品还是设计了解一下高保真原型设计方法是有备无患的,接着应该进入正题了。第一篇是关于如何提高Axure使用效率和效果的方法,第二篇实战中的问题百度一下度都可以解决(但是后面第二篇还写不写就要看心情了)。这里的介绍就包括的效率技巧不针对低保真还是高保真原型,只要是Axure软件就都是适用的~

在分享如何提高Axure的使用效率之前,我们要清楚一点,那就是 后面要讲的这一切的基础是你本身的设计思路要够清晰。任何工具,包括纸和笔,都只是将你的想法,传递给别人的一种形式或是工具。

通用元件库
相信很多有经验的产品尤其是B端产品都知道,有一些通用性强的元件库,拖拽加稍微的修改就可以形成一个完整而且规范的界面。下面所列的元件库包括了PC端、APP端以及数据可视化的元件库都可以在网上搜索到。最后一个是常用的图标网站,在做高保真原型的时候可以使用。

Axure非交互功能
其实原型页面谁都会画,但Axure有一些强大的非交互的功能会被用户忽视掉。这些不是用来画界面的工具可以帮助产品提高作图效率和质量。
当一个产品或功能模块规模比较大的时候,会有多个产品经理负责原型的输出,这时Axure中团队协作的功能可以帮助产品快速同步修改内容。关于团队协作功能,发现有一篇写的很详细的文章,这里就不再多作描述:https://blog.csdn.net/qq_15211883/article/details/91349056






原型绘制注意事项
最后,从一位原型浏览者和设计师的角度出发,说说产品画原型的时候需要注意的一些事项:



四、写在最后
Axure使用进阶的效率篇到这里就结束了,使用的技巧说得再多,还是要在最后提醒各位,任何工具,包括纸和笔,都只是将你的想法,传递给别人的一种形式或是工具。特别是对于产品经理而言,没有必要沉迷于研究各种炫酷的交互效果在Axure中如何实现,切记,思考比技巧更重要。













































































