手绘线框图,是最快的原型设计方法

很多朋友纠结使用axure不能流利的表达设计的理念。其实用手绘的线框图,是最快的原型设计方法。
收集早期反馈对于所有的开发项目来说都是至关重要的。没有利益相关人的及时反馈,就不可能开发出满足需求和预期的软件。为了让软件的利益相关人能够提供这样的反馈,一条基本的原则便是“少解释,多展示”。没有人会去读上百页只有文字的规范文档,更好的方式是向他们展示一些可见的东西。对此,最大的问题在于如何在项目开发早期什么都没有的情况下,展示一些东西。线框图便是一个很好的选择。

线框图由一些简单的方框图组成,用来在用户界面上显示不同元素的位置,并且展示界面布局和软件功能。在线框图中,颜色、板式和图片的设计并不需要太多考究,主要的功能在于:
哪些界面元素将会被显示出来?

  • 这些元素是如何组织在一起的?
  • 用户界面如何工作?
  • 用户如何与程序或网站进行交互?
  • 线框图和其它的UI设计工具(比如screen mockups)的区别在于,线框图故意省去了细节。screen mockups会模拟真实软件的视觉效果,而线框图则将焦点放在那些需要被尽早确定的概念性问题。
  • 谁使用线框图?

怎样创建线框图?
创建线框图并不需要特别的软件。就我个人而言,我倾向于使用白纸来绘制草图。我会快速地画出多个不同的布局方案,再将它们放在一起比较,扔掉那些不合适的。我通常不会使用很细的笔来绘制第一份线框图,记号笔较粗的线条会迫使我专注在重要的元素上,并忽略那些不重要的细节。
1
在对界面结构有了基本概念之后,我会在电脑上重新绘制并进行完善。较之于在白纸上绘制线框图,使用软件绘制有如下好处:
重新组织线框图元素时,使用软件比手绘更快、更简单。
为典型UI元素提供模板,比如按钮、网格和下拉式菜单等。
数字线框图更容易和别人分享,并且能够在团队中保持线框图的一致性。
许多线框图软件都提供将线框图转换为交互式原型系统的功能。
我使用Microsoft PowerPoint 作为线框图绘制工具。这可能会让你诧异,因为有许多专门绘制线框图的软件。我认为使用 PowerPoint有以下好处:
PowerPoint本来就是一个展示性软件。可以很好地用来展示软件操作流程和创建可点击的原型系统。
使用PowerPoint可以让用户和其它非技术人员更愿意参加到设计过程中来,因为他们可以在熟悉的PowerPoint中进行工作。
PowerPoint可以嵌入在Word文档中,并且在Word中也可以对PowerPoint进行编辑。这在撰写软件需求文档或其它规范性文档时非常有用。