这不是一篇关于“怎么做”高保真原型的文章。

这不是一篇关于交互规范的文章,它只是交互设计很小的一部分。

这不是一篇有答案的文章,这里还会提出几个问题。

这篇文章,对于刚入职交互设计的朋友或者想作一些改变的互联网碰,有些许帮助。

如果你想了解关于高保真原型的一些知识,这篇文章也许对你有用。

高保真原型是交互设计师追求自我价值的一种方式。同时,我们也期望通过制作高保真原型来帮助团队成员更好的理解产品,提高阅读人群的浏览体验。

如果你更关注用户意见,希望获取用户反馈,高保真原型也可以帮助你。

好的高保真原型可以被用户直接操作,就像试用真实产品一样,它所带来的价值是物超所值的。

高保真原型的绘制工具:Axure

Axure使原型设计及和客户的交流方式发生了变革:

  • 进行更加高效的设计;
  • 让你体验动态的原型;
  • 更加清晰的交流想法;

下面,将从5个方面来介绍高保真原型。

  • 什么是高保真原型?
  • 为什么要高保真原型?
  • 什么时候做高保真原型?
  • 在什么场景下做高保真原型?
  • 高保真原型由谁做?做给谁看?

首先,我们先看下面一张图

QQ图片20160119171322

  • 高保真原型不是一个人可以做的事情;
  • 高保真原型不是必须的,但有它更好;
  • 高保真原型是一个最小化的MVP产品之一;
  • 高保真原型的阅读人群更加广泛;

原型保真程度,依赖于设计师的资源和被设计的产品或服务的类型。

用于合适资源的设计师能创作出一些高保真原型,高保真原型的外观和行为就像真实的产品一样。

原型的保真程度可以分为:低保真原型、高保真原型。

低保真原型(纸面原型、物理原型、)

QQ图片20160307170139

高保真原型

线框展示

一、什么是高保真原型?

原型常被称为线框图、mockuo、demo,原型制作是在正式开始视觉设计和开发之前最具有成本效益的可用性手段之一。

高保真原型可以真实的模拟产品最终的视觉效果、交互效果和用户体验感受。高保真原型也是最小可行性产品,即MVP产品。

更简单的解释:高保真原型=线框图+交互逻辑+视觉+用户体验(部分)。

一个好的高保真原型能够以假乱真,让用户(boss)误以为这是一个真正的产品。

一个登陆页的栗子:

QQ截图20151225121615

QQ截图20151225121643

QQ截图20151225121706

链接地址:http://1apzuc.axshare.com/

二、为什么要做高保真原型?

高保真原型追求的不仅仅是好看,它有更加重要的意义。它是团队成员沟通的有效工具,他也是获取前期用户反馈数据的重要手段。

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

3

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

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

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

高保真原型对不同人员的影响

对于公司

  • 保证产品质量。低成本高质量的高保真原型为真正产品提供了保障;
  • 工作量具体化。设计、开发、测试等环节评估工作量变得有据可依;
  • 节约时间成本。大多会影响产品的隐患,都会在产品原型的时候被发现,在开发阶段之前被解决。
  • 快速检验产品设计。用高保真原型去验证产品的市场,获取最早期的市场信息,它是真实产品的试金石。
  • 加深各个团队对产品需求和具体工作的理解;

注:创业公司的首要任务应该是确定开发什么样的产品,千万别在浪费了100W刀之后才醒悟,已经开发了一个用户不需要的产品。

对投资人

  • 清楚的向投资者或商业伙伴展示你的产品。发一个PPT或Email过去,远远不如一个高保真原型来的有效。

对管理层

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

产品经理

  • 需求具现化。也能帮助产品经理梳理业务流程,查漏补缺;
  • 快速且低成本地获得反馈。在多种可能中对比试验,快速验证产品的可行性;
  • 便于与团队成员的沟通。制作一个阅读体验更好的文档,也是产品经理工作之一;

对视觉设计师

  • 设计师更加了解产品,轻松修改或者放弃设计;
  • 避免不必要的返工,越接近真实比列的高保真原型越能帮助视觉设计师把控布局排版;
  • 让设计师更加具有参与感。高保真原型是产品经理、交互设计师和视觉设计师通力合作的杰作,让设计师更加具有参与感。

对开发人员

  • 开发看需求不那么费劲了,开发再也不需要被大篇幅的文字和产品经理啰嗦的讲解折磨了。
  • 好的高保真原型可以提高估算开发成本和开发时间的精准度。
  • 高保真原型可以成为开发团队的蓝图,开发人员可以更直观更高效的领会产品设计和开发要求,节省开沟通成本;

对于测试人员

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

种子用户

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

对你自己(交互设计)

  • 设计一个高质量的原型,可以证明你的能力。
  • 不断跳转更好的交互设计,可以让你不断的成长。

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

  • 高保真原型真的要花更多的时间来设计;
  • 高保真原型会引导人们从视觉和体验上去思考,不利于产品功能的讨论。如果把控不好,容易引出一些对细节的讨论;

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

这个问题只有自己实践才能获得正确的答案,每个公司的状态可能有不同的结果。“原型,大家说好,才叫好!”

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

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

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

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

相信UI设计师会跳出来说:“交互设计的这么详细,UI设计师就没法发挥了“。对于这个问题,其实高保真原型是交互、PM和UI共同合作的结果。高保真原型有交互主导,产品和设计辅助,正所谓术业有专攻,专业的事情就由专业的人员去做。

高保真原型是产品经理、交互设计师、UI设计师共同合作的结果,合作得当,短时间也可以创作精美的高保真原型。

注意事项:

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

写在后面的话

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

实践才是检验真理额唯一标准。许多的想法,需要我们实践去证实。

参考书籍

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

精益创业

本文作者:clone (微信号:caolonghd),来源:人人都是产品经理 ,未经许可,禁止转载。