在当今Web2.0主导的数字化体系背景下，原型设计(Prototying)作为UI设计的基础，是交互设计师的核心技能之一，无论是独立设计工作室还是互联网企业的用户体验部门，原型设计都是交互设计师的主要产出。

原型设计的两大特点
视觉化

原型帮助交互设计师向每个利益相关者(团队成员&客户&需求方)展示最终产品界面的外观、功能以及流程。

反馈

原型帮助交互设计师收集来自团队其他成员(产品经理/视觉设计师/开发团队 etc)以及用户测试组的反馈。

一次好的界面设计产出通常经过几轮的目标用户群体测试，让用户与接近真实的界面进行互动，并收集用户的使用痛点，或根据点击热区/使用路径分析等方式重新整理信息架构。

然后，设计团队可以在产品推出最终版本上线之前对设计进行测试和迭代，从而为整个团队节省时间和花费。

有哪几种类型的原型设计产出?

这里首先要提到一个保真度(Fidelity)的概念，保真度是指一个原型与最终产品的接近程度，在大多数情况下也代表着设计师所付出的时间和精力。各类不同的保真度原型适用于不同场景，下面将会从低保真度到高保真度介绍不同的原型种类。

手绘草图 & 纸上原型

草图原型通常是自由形式的铅笔画，描绘出一个最初的想法。它们是最初级的原型形式。交互设计师通常使用草图来产生想法并与产品团队合作。

纸上原型通常是团队协作的产出，与草图原型相比结构更加明确。通常涉及到使用模板和纸板来创建各种App或Web的更实质性的详细模型，以便在可用性测试中使用。

穿透式原型

从穿透式原型开始，交互设计师就要借助各类PC或Mac上的各类原型设计软件来创建线框图(Wireframes)了，它描述了Web或App上各个界面的元素，并通过热点(Hotspot)连接各个界面(Screen)来表达流程(Flow)和功能(Function)。穿透式原型是低保真原型里的最高级版本，也是交互式原型的最简单版本。

交互式原型 & 数字原型

交互式原型是可互动的界面原型，可以让用户实际进行使用模拟测试而不是看纸上谈兵，但只支持中等保真度的视觉设计。交互式原型既可点击又可响应，使用户能够与之互动并看到响应的动画。

数字原型是最常见的高保真原型，它是绝大部分交互设计师工作中会产出的最高级别保真度原型。很多原型设计工具可以让UX设计师创建这种富有美感的、交互式的、甚至有动画效果的用户界面产品原型，这些原型几乎已经可以接近真实的使用体验。

HTML/CSS 原型

HTML/CSS 原型是比较复杂的，因为它要求交互设计师或原型设计者具备相当的编程能力。这些原型最接近产品界面的最终设计，是收集用户反馈的最佳选择，同时也是工作量最高的方式。

转载请保留出处及原文地址:/article/568.html