高保真原型的这几个秘密,你知道吗?

这不是一篇关于“怎么做高保真原型“的文章,也不是一篇关于交互规范的文章,这篇文章对于交互新人或者想作一些改变的互联网从业者有些许帮助。

这不是一篇关于“怎么做高保真原型“的文章,也不是一篇关于交互规范的文章,这篇文章对于交互新人或者想作一些改变的互联网从业者有些许帮助。

如果你想了解关于高保真原型的一些知识,这篇文章也许对你有用。一般高保真原型只在特定的环境下才会制作,因为它真的很耗时。人们通常喜欢美得事物,交互设计师也不例外,而高保真原型是交互设计师追求自我价值的一种方式(高逼格文档)。当然,交互设计师也期望通过高保真原型来帮助团队成员更好的理解产品,提高阅读人群的浏览体验。

如果你关注用户体验,希望尽早获取用户反馈,高保真原型也可以帮助你,它可以作为一个最小可行性产品。

交互设计师通常使用Axure来绘制高保真原型,因为Axure是使用最广泛的工具。根据个人喜好,可以选择不同的工具。

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

1,Axure可以进行更加高效的动态设计;

2,Axure可以让你体验动态真实原型;

3,Axure可以更加清晰的交流想法;

4,Axure可以更便捷的被分享;

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

1,什么是高保真原型?(what)

2,为什么要高保真原型?(why)

3,什么时候做高保真原型?(when)在什么场景下做高保真原型?(where)高保真原型由谁做?做给谁看?(who)

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

高保真原型的这几个秘密,你知道吗?

高保真原型不是一个人可以做的事情,高保真原型需要交互、视觉、产品的配合;

高保真原型不是必须的,但有它更好,请在合适的时间和场景下制作高保真;

高保真原型是一个最小化的MVP产品之一,它可以帮助你快速验证市场;

高保真原型的阅读人群更加广泛,它不仅可以被视觉、开发、产品阅读,还可以被市场、运营、boss和种子用户阅读;

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

低保真原型(纸面原型、物理原型),下图为低保真

高保真原型的这几个秘密,你知道吗?

下图图为高保真原型

高保真原型的这几个秘密,你知道吗?

一、什么是高保真原型?

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

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

一个登陆页的栗子:

高保真原型的这几个秘密,你知道吗?

高保真原型的这几个秘密,你知道吗?

高保真原型的这几个秘密,你知道吗?

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

高保真原型是团队成员沟通的有效工具,它也是获取前期用户反馈数据的重要手段之一。

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

高保真原型的这几个秘密,你知道吗?

一千个人眼中有一千个哈姆莱特,每个人对需求的理解都不尽相同。如何让不同的人对与需求,有一个统一的认识?高保真原型无疑是一个很好的选择。

1,它能清楚的告诉你的团队成员,要做的产品是什么样子;

2,它能清晰的体现产品的用户体验;它能准确的模拟后台数据的大部分交互效果;

3,它能让你的团队成员(市场、运营等)都能更好的理解需求;

4,它更加容易的被修改;它还能让目标用户直接参与测试,告诉你他们是否需要;

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

对于公司

1,保证产品质量。低成本高质量的高保真原型为真正产品提供了保障;

2,工作量具体化。设计、开发、测试等环节评估工作量变得有据可依;

3,节约时间成本。大多会影响产品的隐患,都会在产品原型的时候被发现,在开发阶段之前被解决;

4,快速检验产品设计。用高保真原型去验证产品的市场,获取最早期的市场信息,它是真实产品的试金石;

5,加深各个团队对产品需求和具体工作的理解;

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

对投资人

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

对管理层

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

对产品经理

1,需求具现化。也能帮助产品经理梳理业务流程,查漏补缺;

2,快速且低成本地获得反馈。在多种可能中对比试验,快速验证产品的可行性;

3,便于与团队成员的沟通。制作一个阅读体验更好的文档,也是产品经理工作之一;

对视觉设计师

1,设计师更加了解产品,轻松修改或者放弃设计;

2,避免不必要的返工,越接近真实比列的高保真原型越能帮助视觉设计师把控布局排版;

3,让设计师更加具有参与感。高保真原型是产品经理、交互设计师和视觉设计师通力合作的杰作,让设计师更加具有参与感。

对开发人员

1,开发看需求不那么费劲了,开发再也不需要被大篇幅的文字和产品经理啰嗦的讲解折磨了;

2,好的高保真原型可以提高估算开发成本和开发时间的精准度;

3,高保真原型可以成为开发团队的蓝图,开发人员可以更直观更高效的领会产品设计和开发要求,节省开沟通成本;

对于测试人员

1,测试也不需要那么费劲的看需求文档了。

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

对种子用户

1,种子用户会更早的使用你的产品,为你提供真实而又宝贵的意见。在正式推出产品前,通过制作高保证原型,邀请种子用户试用,收集用户反馈,验证你的产品是不是用户所需。

2,用户乐于与你一起分享他们所感受到的一切。

对你自己(交互设计)

1,设计一个高质量的原型,可以证明你的能力。

2,不断跳转更好的交互设计,可以让你不断的成长。

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

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

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

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

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

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

相信有些UI设计师会跳出来说:“原型画的这么细致,UI设计师就没有发挥的空间了“其实高保真原型是交互、PM和UI共同合作的结果。

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

注意事项:

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

写在后面的话

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

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

参考书籍

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

精益创业

 

本文由 @clone (微信号:caolonghd)原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29116/

(0)
CatherineCatherine
上一篇 2017-05-23 03:07
下一篇 2017-05-23 05:24

相关推荐

  • 新零售下的智能终端设备全链路用户体验设计分析

    作者:阿里UED/丹妮2017年被称作是新零售的元年,阿里巴巴集团CEO张勇提出的“新零售”概念,提出通过大数据、互联网重新构造“人、货、场”场景,数字化技术已被逐渐应用在传统实体零售的每一个环节。在小店业态中,智能终端设备成为收集大数据的唯一通道,被互联网行业视为重中之重,而在纷杂的POS市场中,绝大部分都是沉重的桌面式收银POS机器,这时智能移动POS机作为收银POS机器的补充设备应运而生,智能移动POS机以移动便捷、功能齐全等优势...

    2018-01-31
  • 简单快速的可用性测试

    2014年11月11日   艾欧交互设计-用户体验 导语:可用性测试是改善产品的最佳方式之一,这一点,在内部已经是不争的共识。只是由于用研人手总是不足,所以为了能让各个部门的同事能更快速地展开一些研究和测试的工作…

    2014-11-11
  • 我花了五个小时,完成了iOS 11新版App Store的交互探索

    WWDC 2017 上发布了全新的 iOS 11 ,系统本身在设计上就有了诸多变化和更新:信息更扁平的控制中心、WP 风格的大标题、截图编辑功能、相机直扫二维码等等。不过,作为一名电商设计师和 App 爱好者,此次更新最让我感兴趣的莫过于 App Store 的“改头换面”了。

    2017-06-12
  • 从零开始做交互

    书名:《从零开始做交互》 作    者:阿西UED [button title="百度阅读:传送门" url="http://yuedu.baidu.com/ebook/6d8b975a49649b6648d7479d" color="default" size=""/] [button title="网易云课堂:传送门 " u…

    2015-07-02
  • 制定内容策略,让网站设计始终保持优秀

    先有鸡还是先有蛋?先有内容还是先有网站?这种问题的争吵从来都没有停过。如果你不想让你的网站华丽而空洞,那么你需要针对自家网站制定一个富有凝聚力的内容策略。内容策略的主要目标是使用文字和数据来创造明确的内容,以支撑起有意义的交互体验。我们需要在沟通的各个层面上都是专家,才能有效地做到这一点。

    2017-05-16
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02
  • 网站设计:不如学用简约风格的原则

    极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。

    2017-05-06
  • 别让这10个设计误区毁了你的APP

    色彩:鲜艳的色彩更抓眼球,适宜于可点击的元素使用
    空间:在关键元素周围留下足够的空间,让用户更容易发现,也更容易操作
    排版:使用简单干净的字体(尽量使用笔画粗细统一的字体),并且挑选适合屏幕的字体,确保整体可读性。

    告知用户他们所处的位置,或者显示当前状态(比如光标悬停色彩改变等)
    当某个动作执行的时候,应当给出相应反应(比如提交表单完成之后给予成功提交的提示)
    告诉用户发生了什么,以及接下来将会发生什么(比如加载中的进度条)

    2017-05-21
  • 作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

    本文将表述我对这个问题的回答——“作为体验或界面设计师,如何得知什么时候、什么地方用动效来提升可用性?”Z Yuhan:这篇文章真的超级难翻译啊,原文的描绘非常细腻隐晦,大部分句子根本没法直译,只能理解后用中文的表达方式重新造句,幸好我的翻译水平也有进步啦~大家要是发现有什么问题,不论是翻译还是错字,欢迎评论我指正 : )

    2017-08-04
  • 交互设计要点&配色趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。 1Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,…

    2015-12-08