低保真与高保真原型在线视频

同学们好

我们本节课将对概述中的低保真原型

和高保真原型

进行深入的分析和解释

在低保真原型中

我们将介绍几种不同的低保真原型

同时分析其优缺点

同学们在学习之后可以根据项目情况

选择合适的低保真原型设计

同时本节还会在低保真原型的基础上深化

得到高保真原型

前面概述部分我们讲过

低保真原型表现产品的重点功能和基本的交互过程

是对产品较简单的模拟

它基本停留在产品的外部特征和功能构架上

可以通过简单的设计工具迅速的制作出来

用于表现最初的设计概念和思路

因此

它通常被用于设计过程初期的需求收集和分析

简单的产品原型

可以作为设计师与用户的沟通载体

帮助用户表达其对产品的期望和要求

我们来看画面中的这些线框图

这是app页面的低保真原型

这些低保真原型有基本的页面布局和功能构架

但是每一个具体元素的设计

被相应的占位符所代替

这些低保真原型基本就能表达

整个页面的概念和设计思路

低保真原型设计的特点是

开发成本低 方便快捷

随时体现设计概念

能够获得快速的反馈意见

同时可能会漏掉很多可用性方面的问题

低保真原型

是对产品进行简单的模拟

表达的是产品的基本功能框架

用于表达最初的设计想法与思路

低保真原型在设计初期

可以粗略帮助设计者实现想法

构建框架 验证想法

三

低保真原型对交互性的要求不高

以静态的形式表现

也可通过辅助手段表示切换等交互性动作

我们可以在纸面画出低保真的原型

也可利用软件制作低保真原型

纸面原型是利用纸面介质

作为传达想法 信息的方式

我们先来看一看纸面的低保真原型

纸面的低保真原型是最为迅速的

我们只需要纸与笔就可以现实

在最短的时间和低成本的情况下

提供让程序员能够理解的设计方案

对于一个需求

设计师应尽量地发挥思维

设计尽量多的方案

从主到次

从大到小

把交互过程的想法一步一步地通过笔

在纸上描绘出产品线框图

符号 文字

来展示产品的界面 布局

以及某些功能是如何操作使用的

修改不合理的功能 结构等等

逐步成熟体验场景和交互的过程

不再是一味地说着想法

而是落到实实在在的概念想法图上

虽然看起来多一步

但绘画概念草图毕竟比低保真原型成本低得多

又可收集来自更多角度的智慧

发现概念有不足的可以快速修改

帮我们找到设计的准则与方向是否正确

少走很多弯路

纸面原型

作为设计者创作灵感承载有最简最易得的一个特点

而作为低保真原型

纸面原型又有哪些优点和劣势呢

使用纸面低保真原因是

制作简单 快速

而且价格低廉

可以即刻完成

然后用于交流使用和操作方便多方工作人员参与设计

而且利用纸质材料绘画原型

不受硬件或软件的限制

但是使用笔和纸绘制出低保真原型

需要一定的基本功

需要一定的绘画能力和想象力

当然

纸面原型容易丢失

不适合无纸化的办公和传递也是一个毛病

也不能在一个原型设计上反复修改

总的来说

纸面原型还是具有很大优势

通常也是设计师进行初步概念复述的一种方法

纸面原型不需要什么高级的工具和复杂的技巧

可繁可简

不要想象把画面绘制的多么完美

一般情况下页面不用着色

更不能受到工具的限制

不要害怕画错或失败

也不要奢望一次成功

多画几张

总会得到完美的结果

俗话说

熟能生巧

多画多想

养成习惯就好了

纸面原型所需要的工具也很简单

只需要以下工具即可

纸 卡片 透明塑料片

即时贴和记号笔

胶带 尺子 剪刀 修正带

由于纸面原型的快速灵活性

有些创业公司

甚至已经抛弃了电子版的高保真原型

直接采用纸面原型

作为交互设计师的最后交付物

这对于纸面原型有了更高的要求

现在市场上有很多辅助纸面原型设计的工具

可以快速地套用模板就能进行绘制

很大一部分人不具备手绘能力

而避开绘画技能的限制也可使用这些工具

如由Suki Kits公司生产的原型设计模板

套装是一个比较好的选择

其模板由不锈钢制成

精度很高

而且模板上有各应用平台的状态栏

标签栏 确认按钮

等几乎所有的基本控件样式

模板完美符合造型规范和大小规格

边缘还带有以像素为单位的刻度

套装里还配有印着手机

或平板电脑图形的设计绘图纸

规格与模板一致

便于设计师使用模板

直接在相应的产品图形里设计 勾画

利用这些工具可以准确画出应用的真实大小

有助于进一步的细节推敲

也确实能达到快速精确 标准的效果

但是设计师绘图局限性大

毕竟模板里的内容还是有限的

而且容易禁锢一定的概念设计

创意及思维想象力

为了更好地测试原型

就有了纸面原型在物理设备中的应用

首先

真实物品和屏幕界面之间关系很关键

它们相互影响

相互制约

举个例子

产品尺寸很显然就限制了产品配置屏幕的大小

此外数字化界面的操纵

通常和一些真实物件相联系

比如键盘 按钮

或者卷动的设备

将数字化界面与一些真实物件相结合来开发

这样的尝试可能激发和开发出创造性的产品

在以人为中心的设计中

以获得概念反馈和产品测试为目的

来制作出

包括物理界面

和数字化界面相结合的完整原型

也是非常有实际意义的

将模型放到使用者的手里

使用者就会有很具体的感觉

感觉到它的大小 重量 形式 材料 键入区域

这些都是具有交流的感觉特征

还有可以感觉其他的输入交互

这些展现形式为概念设计

用户反馈和测试提供了有效性

将物理信息和数字信息结合起来

会帮助提升产品的设计质量和交互效果

当然

我们身边有那么多电子设备可以使用

有时候使用软件绘制也很方便快捷

纸面原型就不一定是你的第一选择

这里推荐几个不需要训练

就可以使用的低保真原型工具

第一个是Power Point

这个软件上手难度普通

易于画框架图

易于做标注

也可以表达交互流程

也擅长演示

在ios和Mac os中与ppt相似的软件

Keynote也可以完成同样的工作

当你使用软件制作低保真的时候

你也会发现这些软件操作简单易上手

power point是最常见的办公软件之一

把低保真和高保真进行对比可以得出

低保真原型的侧重点在核心功能与产品框架之上

而高保真原型的侧重点在交互 视觉呈现之上

低保真原型的优点是快速易修改

而高保真原型的优点是具备完善的细节

沟通成本低

同理

低保真原型的缺点就是缺乏细节

沟通成本高

而高保真原型的缺点就是需要一定的修改成本

如果你的设计流程中要进行高保真原型设计

那么要注意高保真原型的设计原则

第一

设计是要建立在低保真基础之上

如果不是在这个基础上进行设计

那么我们的低保真设计就变得没有意义

第二

要避免重新定义

第三

不要过度地依赖高保真

除此之外你还要告诉测试者

这只是产品原型

是产品创意

不是真实的产品

保持平和情绪

不要陷入吹毛求疵的状态

否则项目的进度会变得很缓慢

记住

原型并不是规格说明

需要说明的地方

还需要专业的说明文档

此外

原型中不可能包括所有答案

一个高保真原型解决不了所有的问题

前面我们在低保真阶段

介绍过纸面和软件的低保真

高保真原型就只能使用软件操作

而且还是专业软件

为了实现原型的交互功能

就不能只停留在基本的布局和页面级别的操作上

这里介绍的一款软件是Axure RP

是一款专业的快速原型设计工具

当然

市面的原型工具还有很多

同学们可以根据自己的需要和喜好选择使用

其实

高保真原型也存在保真程度和级别的问题

根据仿真程度的不同

我们又会选择不同的设计工具

高保真原型工具分为静态原型工具

动态原型工具 交互原型设计工具

手机原型设计工具和网页原型设计工具

交互原型设计工具

仅限页面交互

这一类工具主要是建立页面之间的交互

其本身不能进行组件的制作和设计

需要从其它地方

例如PS

导入设计图

对已有的设计图创建热点

进行交互设计

第二 手机原型工具

这类工具内置了制作手机原型的组件

可以创建和编辑组件

设计时可以根据不同的手机模型

在手机预览非常方便

第三

网页原型工具

这类工具比较适合网页原型的制作

第四

静态原型

这些工具整体来说操作比较简单

功能也比较简单

只能用于设计静态原型

第五

动态原型工具

这些工具功能比较全面

可以实现或简单或复杂的交互

学习难易程度也因工具而不同

高保真原型的软件工具多种多样

需要设计者根据自己的情况和具体需要进行筛选

完成本节课的学习

希望大家根据项目和实际情况

选择原型设计的保真程度以及制作方法

不要太过吹毛求疵地要求实现高保真

要善于利用高低保真发现细节问题

原型制作的工具也是因人而异

但是要注意其成品是否可以具备交流性