17

当与客户一起设计初始 GUI 功能原型时,是使用笔/纸绘图更好,还是使用工具模拟某些东西并向他们展示?

反对工具生成设计的论点是,客户有时可以专注于模型的低级细节,而不是从整体上获取更高级别的 GUI 功能视图。

4

12 回答 12

16

总是先从纸或类似纸的模型开始。当后端完全空心时,您不想陷入给人完整印象的陷阱。

一个精致的原型或像素完美的例子过于强调设计。通过一个明显的草图,您可以更好地讨论所需的功能和内容,而不是颜色、照片和其他风格问题。项目稍后将有时间进行讨论。

Jeff 在他的 Coding Horror 文章UI-First Software Development中讨论了纸质原型

点击“观看视频!” 在twitter.com上的链接可以看到Common Craft的想法的有趣看法。

于 2008-08-06T18:10:56.317 回答
13

Java的“Napkin Look & Feel”对于原型设计来说真的很酷。一个实际的、可运行的、可点击的应用程序,看起来就像是在餐巾纸上绘制的。看看这个截图:

餐巾纸的外观和感觉

说真的,这有多酷?

于 2008-08-06T19:13:15.363 回答
5

我建议您与您的客户坐下来,使用Mockupscreens之类的工具并交互式地开发 UI。与 Napkin LAF 相比,它的一个好处是它不需要编码,或者实际上不需要任何类型的开发工具

于 2008-12-04T13:21:19.233 回答
5

看看Balsamiq

它很好地完成了“这不是一个功能性应用程序”的餐巾视图,并且易于使用。

有一个功能齐全的演示,您可以在线试用,作为额外的奖励,您可以通过电子邮件将您的 XML 发送给您的客户,他们可以对其进行调整和使用,然后通过电子邮件将其发回给您,而无需获得许可证。

于 2009-08-10T15:44:16.210 回答
3

有一本书叫Paper Prototyping,其中详细介绍了笔和纸绘图以及您可以从中获得什么。我认为它有很多好处,特别是您可以在很早的时候(并且很容易)修改最终结果,而无需付出太多努力,然后从正确的角度开始。

于 2008-08-06T18:12:33.707 回答
2

基本的纸质版本是进行初始模型的方法。根据我的经验,如果你做一个“真正的”模型,即使你向客户解释这是一个没有功能的模型,当事情不起作用时,他们也会感到困惑。

底线:保持尽可能简单。如果它在纸上,客户就不会将其与工作产品混淆。

于 2008-08-06T18:14:14.313 回答
2

对于初稿,我更喜欢使用方格纸(上面印有网格的东西)和铅笔。方格纸非常适合帮助保持比例。一旦客户和我得出结论,我通常会用钢笔填写图纸,因为铅笔容易褪色。

当我真正开始构建数字原型时,我会扫描手绘的原型并将其用作背景模板。似乎对我来说工作得很好。

于 2008-08-06T18:26:45.987 回答
2

我认为最好从纸/白板/白墙开始。

获得基本结构后,您可以使用线框模具将其移动到 Visio

或者,您可以使用 Denim(早期网站和 UI 设计的非正式工具)和平板电脑或 Wacom 平板电脑来设计 GUI 并将其作为 HTML 网站运行。

于 2008-12-04T12:53:09.460 回答
2

WireframeSketcher是一种工具,可帮助为桌面、Web 和移动应用程序快速创建线框、模型和原型。它既可以作为独立版本,也可以作为 Eclipse IDE 的插件。它具有一些独特的功能,例如故事板、组件、链接和矢量 PDF 导出。支持的 IDE 包括 Aptana、Flash Builder、Zend Studio 和 Rational Application Developer。

WireframeSketcher 样机示例
(来源:wireframesketcher.com

于 2008-12-04T17:50:55.617 回答
1

我最近使用 Windows 应用程序为客户制作应用程序原型(最终界面必须集成到网站中)。

起初人们认为这将是最后一个版本,他们开始从控件的显示方式到我使用的词语(术语和东西)提出非常严厉的批评,会议时间甚至在我们讨论功能本身之前就结束了。

讨论持续了好几天,直到我告诉他们,作为一个模拟(而不是最终的应用程序),所有的输入都是受欢迎的,但我们必须首先关注功能,然后我们才能继续进行外观和感觉以及术语问题。

从那次会议开始,我一直对原型和模型感到恐惧……也许我应该给他们一些用 visio 制作的东西。

于 2008-10-14T21:24:13.770 回答
0

你可以试试ForeUI,它允许制作不同风格的原型,更重要的是,它可以制作交互式原型并在浏览器中运行。

于 2009-08-10T15:36:43.683 回答
0

对于基于浏览器的非安装工具,您可以尝试Draft-it

它是免费的 - 如果您有 gmail 帐户 - 无需注册。

制作交互式/逐步或幻灯片演示原型。您只需发送一个链接即可与您选择的任何人分享您的原型。

为我们工作...

于 2009-12-01T13:47:15.150 回答