原型图思维导图

下列思维导图内容包括：原型图的三种表现形式，原型图作用，原型在产品开发中的位置。

原型图

原型图三种形式

低保真原型图（lo-fi）

表现形式：多为线框图，一般手绘或相关原型工具制作

特征

视觉设计：仅呈现最终产品的一部分视觉属性（主要为框架；例如元素的形状，基本视觉层次等）。

内容：仅包含内容的关键元素。以框架形式展示，便于后期设计发散思维。

交互性：一般不具备交互；此外也有交互线框图

优点

便宜：低保真原型制作的明显优势在于其极低的成本。

快速：可以在五到十分钟内创建一个低保真纸原型。让产品团队可以毫不费力地探索不同的想法。

协作：这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。即使是非设计师也可以在创意过程中发挥积极作用。

清晰：团队成员和利益相关者对将来的项目有了更清晰的期望。

缺点

测试期间的不确定性。使用低保真原型，对于测试者来说，容易不清楚到底什么是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。

缺少交互性。使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

中保真原型图（in-fo）

表现形式：低保真原型图部分设计的体现，细节方面不够完善

特征

页面布局清晰

信息主次明确

可交互性

高保真原型图（hi-fo）

表现形式：与最终成品效果接近，相对中保真原型图细节更完善。

特征

视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站

内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。

交互性：原型在交互层面非常逼真。

优点

可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。

对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。

轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。

缺点

成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。一般常用于作品集，参赛作品展示。

原型作用

将抽象的信息转换为具象的原型界面，原型设计在整个产品开发流程中起着承上启下的作用

原型在项目开发中的位置

战略层：解决产品为什么做，涉及用户需求及商业目标

范围层：解决产品做什么，涉及内容需求和功能信息

结构层：解决产品怎么做，涉及功能框架和业务流程

框架层：解决产品怎么好用，涉及原型设计和界面交互

表现层：解决产品怎么好看，涉及UI设计和视觉动效设计