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

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

===============>>#1 票数:16 已采纳

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

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

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

点击“观看视频!” twitter.com上链接,看看Common Craft的一个有趣的想法。

===============>>#2 票数:13

Java的“餐巾外观和感觉”对于原型设计来说真的很酷。 一个实际的,功能齐全,可点击的应用程序,看起来像是在餐巾纸上绘制的。 看看这个截图:

餐巾纸的外观和感觉

说真的,那有多酷?

===============>>#3 票数:5

看看Balsamiq

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

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

===============>>#4 票数:5

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

===============>>#5 票数:3

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

===============>>#6 票数:2

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

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

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

===============>>#7 票数:2

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

示例WireframeSketcher样机
(来源: wireframesketcher.com

===============>>#8 票数:2

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

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

===============>>#9 票数:2

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

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

===============>>#10 票数:1

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

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

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

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

===============>>#11 票数:0

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

===============>>#12 票数:0

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

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

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

为我们工作......

  ask by David translate from so

未解决问题?本站智能推荐:

3回复

快速制作GUI原型

天儿真好, 我正在寻找原型基于Windows的GUI。 理想情况下,我想要: 能够创建新的GUI并快速更改现有的GUI 所产生的“事物”是自包含的 有能力在必要的地方包括有限的数​​据,即。 当显示包括标题和网格的几行数据的网格时。 允许可点击的热点,
4回复

在Android上建议用于UI原型设计的工具 - AppInventor,其他? [关闭]

我正在寻找Android的原型设计工具 - 您的经验是什么, MIT AppInventor (前Google AppInventor)值得一看? 你能建议我应该知道的其他(更好的)原型制作工具吗? 我非常喜欢用Java开发应用程序,我只想要一个允许我进行早期用户体验测试的工具。
2回复

是否有一个基于Web的自托管Web UI原型设计工具?

这个问题说明了一切,我们知道目前大多数托管的基于Web的UI原型设计工具,但是我们希望将其托管在我们自己的内部服务器上,最好使用在线多用户协作功能(即用户修改原型,发表评论等)。 任何建议将不胜感激。
4回复

是否有用于Eclipse的用户界面原型设计工具?

我正在研究从需求/想法的角度为基于Eclipse的编程工具设计新功能。 为了真正做到这一点,我想草拟UI元素而不必编写代码 - 我现在关注的是概念和想法,而不是可能的后期实现。 Eclipse有没有这样的图形化草图工具? (另一方面,我还应该注意到,我每天都会发现Eclipse是一个更
5回复

建议用于网站结构原型设计的工具

我正在寻找一些工具,可以帮助我建立基本网站结构和物流(或简单的用户界面)的原型。 在进行简单更改(如更改页面上对象的位置)所需的时间方面,它应该非常高效。 它应该提供用于创建多个页面并将它们链接在一起的功能。 我不需要视觉方面的东西,只需要基本结构,物体的放置和物流。 我更喜
5回复

什么是创建交互式应用原型的最佳方式?

这个问题应该从一般的角度来解释,而不仅仅是针对网络应用或桌面应用。 我一直在寻找一种简单易用的方法来为Web应用程序创建交互式原型。 我想使用一种技术,允许简单的UI创建,尤其是在进一步迭代中的UI重新创建和修改。 使用模型数据填充UI应该非常简单。 该技术可能需要简单的编程形式,例
13回复

首先设计或原型? [关闭]

当第一次接近项目时,最好退一步思考一切,或者只是潜入并在以后开始编码和打磨? 从本质上讲,您是先设计还是尝试快速原型? 我被这两种方法都烧了,有时候我会尝试思考一切,但是当我真正深入了解细节时,我会遇到一些我没有考虑过的问题,有时当我第一次编码时,我会以需要的代码结束重做以适应更好的整体
1回复

C ++ - 更有条理和更有效的函数原型设计[关闭]

是否有更有条理的方式来使用函数原型或类似的更高效的东西? 我有一些问题,功能原型设计变得无组织,并填充我的大多数文件与外部和空隙。
11回复

用于原型设计的最快RAD环境[关闭]

对于工作原型,您认为最快的RAD环境是什么? 不是为了辩论。 语言 平台 IDE D B (个人笔记) 谢谢。 PS1我对PERL进行后端原型设计非常满意......在处理用户界面时遇到困难......看起来并不那么容易......
2回复

在Windows上运行的Ipad GUI原型开发工具

我正在尝试为Ipad应用程序制作GUI原型,但我的操作系统是Windows。 谁能告诉我应该使用哪种原型制作工具,但我还是不想使用照相馆