user interface -与客户建立图形用户界面原型

Translate

与客户一起对初始GUI功能进行原型设计时,最好使用钢笔/纸上图纸或使用工具来模拟某些东西并向他们展示?

反对使用工具生成的设计的论点是,客户有时可以专注于模型的低级细节,而不是从整体上对GUI进行高级功能性观察。

This question and all comments follow the "Attribution Required."

所有的回答

Translate

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

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

Jeff在他的Coding Horror文章中讨论了纸张原型设计UI优先软件开发

点击“观看视频!”链接在twitter.com从中看到有趣的想法普通工艺.

来源
Translate

“餐巾的外观和感觉”Java对于原型制作真的很酷。实际的,可运行的,可单击的应用程序,看起来就像在餐巾纸上绘制的一样。查看以下屏幕截图:

Napkin Look and Feel

说真的,那有多酷?

来源
Rad
Translate

我建议您与客户坐下来,使用类似样机屏幕并以交互方式开发UI。与Napkin LAF相比,它的好处是它不需要编码,也不需要任何开发工具

来源
Translate

查看巴尔萨米克

它可以很好地显示“这不是功能性应用程序”的餐巾纸,并且易于使用。

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

来源
Translate

有一本书叫纸样机其中详细介绍了笔和纸的图纸,以及从中可以得到什么。我认为它有很多好处,特别是您可以尽早(轻松地)修改最终结果,而无需付出太多努力,然后从右脚开始。

来源
Translate

基本的纸质版本是进行初始模拟的方式。我的经验是,如果您进行“真实”的模型化,即使您向客户说明这是一个非功能性的模型化,当事情不起作用时,它们也会很困惑。

底线:使其尽可能简单。如果在纸上,则客户将无法将其与有效产品混淆。

来源
Translate

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

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

来源
Translate

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

一旦有了基本结构,就可以使用线框模具将其移至Visio。

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

来源
Translate

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

Sample WireframeSketcher mockup
(资源:wireframesketcher.com)

来源
Translate

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

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

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

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

来源
Aldrich Lee
Translate

你可以试试看前人,它允许使用不同样式的原型,而且可以制作交互式原型并在浏览器中运行。

来源
Jan
Translate

对于基于非安装浏览器的工具,您可以尝试草稿

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

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

为我们工作...

来源