原型图思维导图

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

原型图

• 原型图三种形式
  • 低保真原型图（lo-fi）
    • 表现形式：多为线框图，一般手绘或相关原型工具制作
    • 特征
      • 视觉设计：仅呈现最终产品的一部分视觉属性（主要为框架；例如元素的形状，基本视觉层次等）。
      • 内容：仅包含内容的关键元素。以框架形式展示，便于后期设计发散思维。
      • 交互性：一般不具备交互；此外也有交互线框图
    • 优点
      • 便宜：低保真原型制作的明显优势在于其极低的成本。
      • 快速：可以在五到十分钟内创建一个低保真纸原型。让产品团队可以毫不费力地探索不同的想法。
      • 协作：这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。即使是非设计师也可以在创意过程中发挥积极作用。
      • 清晰：团队成员和利益相关者对将来的项目有了更清晰的期望。
    • 缺点
      • 测试期间的不确定性。使用低保真原型，对于测试者来说，容易不清楚到底什么是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。
      • 缺少交互性。使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。
  • 中保真原型图（in-fo）
    • 表现形式：低保真原型图部分设计的体现，细节方面不够完善
    • 特征
      • 页面布局清晰
      • 信息主次明确
      • 可交互性
  • 高保真原型图（hi-fo）
    • 表现形式：与最终成品效果接近，相对中保真原型图细节更完善。
    • 特征
      • 视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站
      • 内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
      • 交互性：原型在交互层面非常逼真。
    • 优点
      • 可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
      • 对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。
      • 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。
    • 缺点
      • 成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。一般常用于作品集，参赛作品展示。
• 原型作用
  • 将抽象的信息转换为具象的原型界面，原型设计在整个产品开发流程中起着承上启下的作用
• 原型在项目开发中的位置
  • 战略层：解决产品为什么做，涉及用户需求及商业目标
  • 范围层：解决产品做什么，涉及内容需求和功能信息
  • 结构层：解决产品怎么做，涉及功能框架和业务流程
  • 框架层：解决产品怎么好用，涉及原型设计和界面交互
  • 表现层：解决产品怎么好看，涉及UI设计和视觉动效设计