与客户一起制作 GUI 原型 [关闭]

Posted 2023-03-25

技术标签:

【中文标题】与客户一起制作 GUI 原型 [关闭]【英文标题】：Prototyping a GUI with a customer [closed] 【发布时间】：2010-09-05 10:48:11 【问题描述】：

在与客户一起制作初始 GUI 功能原型时，是使用笔/纸绘图更好，还是使用工具模拟某些东西并向他们展示？

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

【问题讨论】：

【参考方案1】：

始终首先从纸质或类似纸质的模型开始。当后端完全空心时，您不希望陷入给人完整印象的陷阱。

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

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

点击“观看视频！”链接twitter.com 以查看来自Common Craft 的有趣想法。

【讨论】：

【参考方案2】：

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

【讨论】：

【参考方案3】：

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

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

【讨论】：

【参考方案4】：

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

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

【讨论】：

【参考方案5】：

Java 的"Napkin Look & Feel" 非常适合原型设计。一个实际的、可运行的、可点击的应用程序，看起来就像是在餐巾纸上绘制的。看看这个截图：

说真的，这有多酷？

【讨论】：

【参考方案6】：

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

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

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

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

【讨论】：

【参考方案7】：

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

一旦你有了基本的结构，你就可以用线框模具把它移到 Visio

(Download a Stencil Kit) (Visio Stencils for Information Architects)。

或者您可以使用 Denim (An Informal Tool For Early Stage Web Site and UI Design) 与平板电脑或 Wacom 平板电脑来设计 GUI 并将其作为 html 网站运行。

【讨论】：

【参考方案8】：

我建议您与您的客户坐下来，使用像 Mockupscreens 这样的工具并交互式地开发 UI。与 Napkin LAF 相比，它的一个好处是它不需要编码，甚至不需要任何类型的开发工具

【讨论】：

【参考方案9】：

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

_{（来源：wireframesketcher.com）}

【讨论】：

【参考方案10】：

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

【讨论】：

【参考方案11】：

查看Balsamiq

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

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

【讨论】：

【参考方案12】：

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