与客户进行GUI原型设计

时间:2008-08-06 18:10:23

标签: user-interface prototyping

在与客户进行原型GUI功能原型设计时,最好使用钢笔/纸质图纸或使用工具模拟某些内容并向他们展示?

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

12 个答案:

答案 0 :(得分:16)

首先要从纸质或类似纸张的模型开始。当后端完全空洞时,你不想陷入给人一种完整印象的陷阱。

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

杰夫在他的编码恐怖文章UI-First Software Development

中讨论了纸张原型

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

答案 1 :(得分:13)

Java的"Napkin Look & Feel"对于原型设计来说非常酷。一个实际的,功能齐全,可点击的应用程序,看起来像是在餐巾纸上绘制的。看看这个截图:

Napkin Look and Feel

说真的,那有多酷?

答案 2 :(得分:5)

我建议您与您的客户坐下来,使用像Mockupscreens这样的工具,并以交互方式开发UI。它对Napkin LAF的好处是它不需要编码,或者确实需要任何类型的开发工具

答案 3 :(得分:5)

查看Balsamiq

它很好地使用了“这不是功能性APP”餐巾纸,并且易于使用。

有一个功能齐全的demo,您可以在线试用,作为额外的奖励,您可以将您的XML通过电子邮件发送给您的客户,他们可以调整它并使用它并将其通过电子邮件发送给您,而无需拥有许可证。

答案 4 :(得分:3)

有一本名为Paper Prototyping的书,其中详细介绍了笔和纸的绘图以及从中可以获得的内容。我认为它有很多好处,特别是你可以在很早的时候(并且很容易)修改最终结果而不需要太多努力,然后从右脚开始。

答案 5 :(得分:2)

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

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

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

答案 6 :(得分:2)

WireframeSketcher是一款有助于为桌面,网络和移动应用程序快速创建线框,模型和原型的工具。它既是独立版本,也是Eclipse IDE的插件。它具有一些与众不同的功能,如故事板,组件,链接和矢量PDF导出。支持的IDE包括Aptana,Flash Builder,Zend Studio和Rational Application Developer。

Sample WireframeSketcher mockup
(来源:wireframesketcher.com

答案 7 :(得分:2)

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

底线:尽量保持简单。如果是纸上谈兵,客户就无法将其与工作产品混淆。

答案 8 :(得分:2)

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

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

答案 9 :(得分:1)

我已经使用Windows应用程序将应用程序原型化为客户(最终界面必须集成到网站中)。

起初人们认为这将是最后一个版本,并且他们开始对控件的显示方式以及我使用过的词语(术语和内容)进行了非常严厉的批评,会议时间结束后我们才能讨论功能本身。

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

从我的会议开始,我总是害怕原型和模型......也许我应该给他们一些用visio制作的东西。

答案 10 :(得分:0)

你可以尝试ForeUI,它允许使用不同的样式进行原型设计,还可以制作交互式原型并在浏览器中运行。

答案 11 :(得分:0)

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

它是免费的 - 如果你有一个Gmail帐户 - 不需要注册。

制作互动/分步或幻灯片 - 原型。您可以通过发送链接与您选择的任何人共享您的原型。

为我们工作......