探索交互的秘密:高保真原型的秘密

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。

对于刚入职互联 的朋友,或者想作一些改变的交互设计师们,多花一点时间学习Axure,制作一个高保真原型,你的同事和你的老板都会对你刮目相看。交互设计师的目标是提升产品的用户体验,我们制作的高保真原型的目的,也是为了提高阅读人群的浏览体验。不管你在任何地方,你都是一个有特别优点让人喜爱的交互设计师。

楼主还记得第一次想同事们展示高保真原型的情景,同事们那两眼发光的神情还历历在目。当团队成员受够了低质量的线框图和艰涩难懂的需求文档时,你的高保真原型将是多么令人高兴的东西。

良好的高保真原型设计也可以让你的团队成员更好的理解产品。当高保真原型出炉时,也将是整个团队能够亲身体验测试的时候,可行性测试越早越好,严重错误发现越早越好,这一切都将极大地促进功能细节保真度,降低开发沟通成本,降低产品最终上线时失败的可能。

也许你会问“什么是高保真原型?为什么要制作高保真原型?”。

很高兴你能带着疑问来看这篇文章。下面,请听楼主细细道来。

什么是高保真原型呢?

原型常被称为线框图、mockuo、demo,原型制作是在正式开始视觉设计和开发之前最具有成本效益的可用性手段之一。而高保真原型则是真实的模拟产品最终的视觉效果、交互效果和用户体验感受,在视觉、交互和用户体验上非常接近真实的产品。

更简单的解释:高保真原型=线框图+交互逻辑+视觉+用户体验。一个好的高保真原型能够以假乱真,让用户(boss)误以为这是一个真正的产品。一个低成本高效率的高保真原型,它所产生的价值是非常巨大的。

我们来看看一个高保真原型的栗子:

这个高保真原型的链接:


http://1apzuc.axshare.com/(仅供参考,请勿转发)

请原谅楼主,楼主真的没有欺骗各位,这真的是一个原型图,这是楼主所做的第一个原型。还有请原型楼主,楼主隐瞒了一个事实:楼主不仅仅是一个交互设计师,也是一个UI设计师,还是一个前端设计师;别打我,打我也不会告诉你楼主还会写代码。楼主是个特例,但是这不妨碍大家进行高保真原型设计,因为一个良好的高保真原型是多方协作的结果。

如果看了上面的原型,想必对高保真原型也有所了解了(大神,请无视我)。

为什么要做高保真原型呢?

高保真原型追求的不仅仅是好看,他有更加实在的意义,他是团队成员沟通的有效工具,他也是获取前期用户反馈数据(或者市场数据)的重要手段。前期用户反馈数据对于一个产品的意义,楼主就不多赘述了。

我们来看看一幅关于软件产品的漫画,带着问题继续。

一千个人眼中有一千个哈姆莱特,每个人对需求的理解都不尽相同。

产品经理常常苦恼:为什么我说的你们(设计,开发,boss)就是不能理解呢?

因为每个人的知识结构、理解力、想象力都不一样,不是每一个人能都有产品经理那么好的逻辑思维。如果产品经理的表达能力还不够好,那,那,那样的画面楼主不敢想象。想必很多人都深有体会。

那如何让不同的人对与需求,有一个统一的认识呢?使用高保真原型来说明,无疑是一个非常明智的选择。

  • 它能清楚的告诉你的团队成员,要做的产品是什么样子;
  • 它能清晰的体现产品的用户体验;
  • 它能准确的模拟后台数据交互效果(大部分);
  • 它能让你的团队成员都能更好的理解需求;
  • 它更加容易的被修改;
  • 它还能让目标用户直接参与测试,告诉你他们是否需要;
  • 高保真原型对公司不同人员的影响(优势)

    对于公司

  • 保证产品质量,低成本高质量的高保真原型为真正产品提供了保障;
  • 工作量具体化,设计、开发、测试等环节评估工作量变得有据可依;
  • 节约时间成本,提前产品的发布的时间。因为大多会影响产品的隐患,都会在产品原型的时候被发现,在开发阶段之前被解决。
  • 可以快速通过市场检验产品设计。用低成本的高保真原型去验证你的市场,获取最早期的市场信息,它是真实产品的试金石。在开发产品之前就能获取真实反复,对于公司来说说多么多么的重要,楼主就不作过多的赘述了。
  • 加深各个团队对产品需求和具体工作的理解;
  • 注:创业公司的首要任务应该是确定开发什么样的产品,千万别在浪费了100W刀之后才醒悟,已经开发了一个用户不需要的产品。

    对投资人

  • 清楚的向投资者或商业伙伴展示你的产品,发一个PPT或者一个Email过去,远远不如一个能直接看到交互效果的高保真原型来的有效。
  • 创业者拿着厚厚的商业计划书,需要在几分钟甚至几十秒内打动投资者,是不是很难。如果辅以你的高保真原型(真实产品更好),直接演示给投资者看,是不是更生动、更能吸引投资人的关注呢。
  • 对管理层/BOSS

  • 领导知道你的想法,更好做评估和立项了
  • 向管理层清楚的表明你要做的产品长什么样子,直接拿出原型给管理层演示,管理层也能更加准确的评估你所需要的资源,直观有效的让领导评估是否可行。这比ppt讲解、word说明、邮件交流直观易懂多了,领导很快就能知道你要做的东西,并评估你的想法是否可行。
  • 对产品经理

  • 把需求具现化,也能帮助产品经理梳理业务流程,查漏补缺;
  • 做原型的过程也是自己梳理思路的过程,确保产品逻辑的合理性,技术实现的可行性和用户操作体验的流畅性。
  • 快速且低成本地获得反馈,在多种可能中对比试验,快速验证产品的可行性;
  • 制作一个阅读体验更好的文档,也是产品经理工作之一,用户体验的对象不仅仅是你的用户。试想谁会去阅读一个一两百页的需求文档;
  • 高保真原型是将产品需求视觉化的过程,对产品思路的探索有至关重要的意义。
  • 对视觉设计师

  • UE、UI知道怎么设计你的产品了;
  • 使设计师更加了解产品,轻松修改或者放弃设计(下文详细介绍);
  • 避免不必要的返工,越接近真实比列的高保真原型越能帮助视觉设计师把控布局排版;
  • 高保真原型是产品经理、交互设计师和视觉设计师通力合作的杰作,让设计师更加具有参与感。
  • 对开发人员

  • 开发看需求不那么费劲了,开发再也不需要被大篇幅的文字和产品经理啰嗦的讲解折磨了。一个臃肿不堪的产品需求文档,是所有人的噩梦(包括产品经理自己)。
  • 好的高保真原型可以提高估算开发成本和开发时间的精准度。高保真原型可以成为开发团队的蓝图,开发人员可以更直观更高效的领会产品设计和开发要求,大大缩短开发时间,节省开发成本和沟通成本;
  • 很多人看了这样的产品文档,都觉得挺好。我会告诉你这是原型的吗???

    对于测试人员

  • 测试也不需要那么费劲的看需求文档了。
  • 测试终于知道什么样的测试结果是正确的。带有交互说明高保真原型,可以直接指导技术进行开发,同时也可以指导测试编写测试用例,进行测试指导了。
  • 对种子用户

    种子用户会更早的使用你的产品,为你提供真实而又宝贵的意见。在正式推出产品前,通过制作高保证原型,邀请种子用户试用,收集用户反馈,验证你的产品是不是用户所需。用户乐于与你一起分享他们所感受到的一切(仅仅对产品的感觉)。

    对你自己(交互设计师的重要性,请听下回分解)

    是不是被动辄几十页上百页的需求文档弄迷糊了,Axure能直接一键生你需要的特定格式的需求文档,是不是很酷。

    你可以通过共享的方式和同事一起设计产品了,通过链接分享你的交互设计。如果较为复杂的产品,需要多人来协作进行产品设计,Axure也能帮到你。Axure一大重要功能就是项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档,是不是更酷。

    通过高效试用原型工具Axure,大大提高工作效率,提高自己的产能,证明自己的能力。每天被自己帅醒,每天都信心满满的上班去。

    高保真是一把双刃剑,用的好可以一往直前,用的不好会伤到自己:

  • 他真的要花更多的时间来设计(当你和你的团队越来越默契的时候,这个时间会越来越少)
  • 高保真原型会引导人们从视觉和体验上去思考,不利于产品功能的讨论。如果把控不好,容易引出一些不必要的讨论;
  • 如果你还会问“使用高保真原型真的好吗?”。

    高保真原型在交互圈子里一直是备受争议的,至今也没有一个标准的结果。其实在争论的时候,有一个前提,这个前提是你得会这些技能,不然你有什么话语权和会的人争论呢?

    这个问题只有自己实践才能获得正确的答案,每个公司的状态可能有不同的结果。对于没有试过高保真原型的人来说,高保真原型有种种的不好。

    但楼主想说“原型,大家说好,才叫好!谁用谁知道”!

    高保真原型在什么时候,什么场景,由什么人制作?

    接下来我们说说在什么时间什么场景由谁来制作,这里为什么要放在一起介绍呢?

    因为这是天时(什么时间)地利(什么场景)人和(什么人),3者是统一存在的。如果时间不容许(其实花不了多少时间),或场景不对,或人员缺乏,3者缺一个条件,都不应该制作高保真原型。

    我们制作高保真原型的目的就是为了便于沟通,快速验证市场,只要你能达到这样的目的,使用线框图也可以。

    也许有人会说“制作高保真原型要花费大量的时间和精力,不值得”,这只是对于能力有限的人来说的。楼主觉得应该根据实际情况决定。

    缺时间

    当然高保真原型并不意味着大量的时间和精力,因为高保真原型是产品经理、交互设计师、用户体验设计师、UI设计师共同合作的结果,合作得当,短时间也可以创作精美的高保真原型。

    项目比较紧急,连画线框图的时间都不给你,高保真原型你就别想了;制作高保真原型需要的时间确实要比线框图多一些时间,如果你的产品需要争分夺秒,制作线框图就可以了。

    项目时间充裕时,简单说两句就能说明的功能,就别给自己添堵,设计高保真原型了;反之,对于复杂的功能,你想通过你的三寸不烂之舌,来向你的团队成员说明,也不是不可以,但是这样成员真的能听懂吗!你多做一点,开发团队和测试团队就会轻松很多。

    缺人

    当你的团队没有交互设计师,没有UI设计师,或者有但没高保真原型设计经验的时候,制作高保真原型会让你们疲惫不堪。

    相信很多UI设计师会跳出来说:“交互设计的这么详细,UI设计师就没法发挥了“。对于这个问题,其实楼主想说的是这个交互原型是交互、PM和UI共同合作的结果。

    高保真原型的最低标配是PM、UE、UI,3方合作,其乐无穷,也可以相互学习,共同成长。详细合作细节,楼主会在下一篇文章介绍

    天时地利人和,3者缺一不可。

    注:楼主是软件专业出身的,是一个数理化好的文科生,还是一个做UI设计的交互设计师。对于高保真原型,可以独立完成。但一个优秀的高保真原型需产品经理、交互设计师、UI设计师共同协作完成。楼主凑巧都会那么一点点。

    注意事项:

    1. 告诉测试者:这只是产品原型,是产品创意,不是正式的产品;
    2. 保持平和情绪,不要陷入吹毛求疵的状态;
    3. Axure绘制的原型比纸面原型更好,纸质原型和高保真原型各有用处;
    4. 原型并不是规格说明,需要说明的地方,还需要专业的说明文档;
    5. 原型中不可能包括所有答案,一个高保真原型解决不了所以的问题;
    6. 高保真原型的制作需要管理层的支持和保护;

    写在后面的话

    采用高保真原型是全体团队成员了解用户需求和用户体验的最有效的途径。制作一个高保真原型可以帮助我们解决很多已经存在的问题。在探索交互设计的道路上,我们还有很多问题需要解决,任重而道远。

    实践才是检验真理额唯一标准。是骡子是马,一定要拉出啦溜溜。许多的想法,需要我们实践去证实。

    参考资料

    启示录-打造用户喜爱的产品

    声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

    上一篇 2015年11月19日
    下一篇 2015年11月19日

    相关推荐