当与客户一起设计初始 GUI 功能原型时，是使用笔/纸绘图更好，还是使用工具模拟某些东西并向他们展示？
反对工具生成设计的论点是，客户有时可以专注于模型的低级细节，而不是从整体上获取更高级别的 GUI 功能视图。
问问题
2787 次
12 回答
16
总是先从纸或类似纸的模型开始。当后端完全空心时，您不想陷入给人完整印象的陷阱。
一个精致的原型或像素完美的例子过于强调设计。通过一个明显的草图，您可以更好地讨论所需的功能和内容，而不是颜色、照片和其他风格问题。项目稍后将有时间进行讨论。
Jeff 在他的 Coding Horror 文章UI-First Software Development中讨论了纸质原型
点击“观看视频！” 在twitter.com上的链接可以看到Common Craft的想法的有趣看法。
于 2008-08-06T18:10:56.317 回答
13
于 2008-08-06T19:13:15.363 回答
5
我建议您与您的客户坐下来，使用Mockupscreens之类的工具并交互式地开发 UI。与 Napkin LAF 相比，它的一个好处是它不需要编码，或者实际上不需要任何类型的开发工具
于 2008-12-04T13:21:19.233 回答
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
- （下载模板套件）
- （信息架构师的 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。
于 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 回答