与客户一起制作GUI原型
与客户一起对初始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帐户,则无需注册。
使交互式/逐步或者幻灯片放映原型。我们只需发送链接即可与我们选择的任何人共享原型。
为我们工作...