什么是线框,原型和样机?

在交互设计过程中,我意识到很多工程师,市场营销人员甚至高级管理人员都在使用不同的设计交付物名称。他们倾向于认为线框(wireframe),原型(prototype)和模型(mockup)是完全相同的东西。

什么是线框,原型和样机?

事实上,它们是三种完全不同的交付产物,将线框与原型相混淆就像将建筑蓝图(待建建筑物的详细计划)和展示厅混淆在一起一样。本文将介绍以下三种不同的设计交付产物的区别:

线框(wireframe)

什么是线框,原型和样机?

线框是设计的低/高保真度展示。它应该清楚地显示:

  • 产品所包含的主要内容
  • 产品的整体信息架构
  • 基本界面交互的描述

线框不仅是毫无意义的灰色线框,您可以将它们视为设计的基础。在线框展示中,您不需要涉及太多细节,但另一方面,您需要为最终设计创建一个完整的表示形式。这就像是创建城市地图:每条街道都显示在地图上,但已大大简化。如果您在地图上查看,便可以感知城市的建筑,但无法感知城市的美丽。

精心制作的线框以清晰的方式传达设计信息,并为整个团队设定了路径。

何时使用线框

线框通常用作项目的文档。由于它们是静态且简洁的,因此您可以包括一些简短说明来解释交互作用或技术文档。但是,它们也可能以不太正式的方式使用,它们可以用作团队内部沟通的清晰草图。例如在演讲的时候作为一种快速设计表述方法,向开发人员解释应该如何完成开发。

原型(prototype)

什么是线框,原型和样机?

人们经常将原型与线框相混淆。原型是最终产品的中高保真度展示,它可以模拟用户界面交互。

原型允许用户:

  • 体验内容以及与界面的交互
  • 以与最终产品类似的方式测试主要交互

原型是用户与界面之间最终交互的模拟。它可能看起来并不完全像最终产品,但十分接近。

何时使用原型

在用户测试中,原型常被作为一种低成本进行交互界面测试的手段。通过模拟最终交互,它使您可以在开发开始之前检查接口的可用性。

原型并不是记录设计的最佳方法,因为人们需要花一些时间来理解界面之间的内容及整体框架,但另一方面,它是设计文档中最具有沉浸感的展现形式。

样机(mockup)

什么是线框,原型和样机?

样机是高保真,静态,设计表示的中间形式。通常,样机是视觉设计草图,甚至是最终的视觉设计展现效果。

精心制作的样机可以帮助您对产品的配色方案,视觉样式和版式做出最终决定。通过样机,您可以让对比产品的视觉效果,以查看最合适的产品视觉效果。

何时使用样机

由于它们具有完整的视觉效果,且相比于原型,能够更快的进行交付,因此在与客户进行展示的时候,样机特别有用。

总结

在设计过程中,决定使用何种交付成果,都需要考虑您的产品和团队的需求。尝试与项目的利益相关者进行沟通,例如开发人员,项目经理,产品营销人员,了解最适合他们的方案。

在许多情况下,同一个设计项目可能需要创建所有包含以上三种设计交付成果。在合适的场合运用它们,将帮助您更接近“完美”的设计。

本文由 新媒体之家 作者:美国交互设计资讯 发表,其版权均为原作者所有,文章内容系作者个人观点,不代表 新媒体之家 对观点赞同或支持,未经许可,请勿转载,题图来自Unsplash,基于CC0协议。
2

发表评论