与客户一起制作GUI原型

时间:2020-03-05 18:38:06  来源:igfitidea点击:

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

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

解决方案

回答

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

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

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

点击"观看视频!"链接到twitter.com,以了解Common Craft的有趣想法。

回答

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

回答

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

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

回答

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

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

回答

Java的"餐巾外观"非常适合制作原型。实际的,可运行的,可单击的应用程序,看起来就像在餐巾纸上绘制的一样。查看此屏幕截图:

说真的,那有多酷?

回答

我曾经使用过Windows App来向客户提供应用程序原型(最终界面必须集成到网站中)。

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

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

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

回答

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

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

  • (下载模具套件)
  • (Visio信息架构师模具)。

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

回答

我建议我们与客户坐下来,使用Mockupscreens之类的工具并以交互方式开发UI。与Napkin LAF相比,它的好处是它不需要编码,甚至不需要任何类型的开发工具

回答

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

示例WireframeSketcher样机http://wireframesketcher.com/samples/Website.png

回答

我们可以试用ForeUI,它可以使用不同的样式进行原型制作,此外,它还可以制作交互式原型并在浏览器中运行。

回答

看看Balsamiq

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

有一个功能齐全的演示,我们可以在线试用,此外,我们可以通过电子邮件将XML发送给客户端,并且他们可以对其进行调整和使用,然后将其发送回给我们,而无需许可证。

回答

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

它是免费的,如果我们有Gmail帐户,则无需注册。

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

为我们工作...