Logo
Section 1 / 4

原型设计

了解原型设计的概念及其类型。

导入

原型设计

了解原型设计的概念及其类型。

引言

在需求分析阶段完成后,所有需求均已明确并确立,下一步便是开始设计。通常,设计分为两种类型:

  • 概念设计:主要关注产品将实现什么功能,以及产品的运行方式和行为表现。
  • 物理设计:主要关注界面细节,如图标、图形、菜单结构、交互模式与风格等。

正如我们在UEL模型概述中所见,设计是一个迭代过程,会不断循环进行设计、评估和重新设计。在深入探讨概念设计和物理设计之前,我们先来了解不同类型的原型制作方法,并学习如何构建一个最基础的原型。

原型制作

你是否曾在服装店中难以准确描述自己想要的服装风格,但当店员拿出一些样品时,却能立刻判断出哪些是自己喜欢的,哪些不喜欢?这正是原型制作在软件设计过程中所起的作用。有时用户无法清晰表达自己的需求,但一旦看到产品原型,便能迅速指出希望修改的部分以及满意之处。原型制作分为两种类型:低保真度 和 高保真度。下面我们分别详细探讨这两种方式。

低保真度原型制作

低保真度原型用于构思简单且技术含量较低的设计想法。这种原型主要依靠纸和笔即可完成。低保真度原型成本低、制作简单快捷,便于快速创建或修改。这使设计师能够制作多个版本,并向用户收集反馈。这些原型并不追求与真实系统完全一致的外观,而是用于传达基本设计理念,尤其适用于开发初期的概念设计阶段。常用的低保真度原型制作技术包括:

  • 草图绘制:通过手绘方式呈现设计。界面所需的所有元素——用户、图标、按钮、文字等——均以草图形式展示给用户。
  • 故事板:通过场景化的方式呈现设计。这些草图描绘了用户如何与设备互动,以及完成某项任务所需的步骤。
  • 索引卡片:每张卡片代表一个界面设计或任务中的一个环节。该方法在网站开发中尤为常见。用户在执行任务时像操作真实产品一样,在不同卡片之间切换。
  • 奥兹巫师法:原型以小型软件形式存在,该软件连接到另一个系统,由人工操作员实时生成对用户操作的响应。用户与该软件交互,获得的反馈效果如同真实产品应有的反应。
...
故事板原型示例

高保真度原型制作

高保真度原型更接近真实产品。其开发耗时耗力,且需要专业的开发工具支持。因此,建议先在低保真度原型阶段充分探索想法、结构、概念和内容,再进入高保真度原型阶段。高保真度原型主要用于测试系统的技术实现方面。根据原型涵盖的内容范围,高保真度原型可分为两类:

  • 垂直原型:针对少数特定功能提供详尽的细节。例如,一个Facebook应用的垂直原型可能仅包含登录和注册功能,但每个细节都完整呈现,包括颜色、图标、交互风格等。
  • 水平原型:覆盖较广的功能范围,但每个功能的细节较少。例如,另一个Facebook原型可能包含发布图片、联系好友、添加好友等功能,但仅保留基本的交互方式,不涉及过多视觉或流程细节。

第一阶段:需求分析

概念设计