代码之家 › 专栏 › 技术社区 › Brandon Yarbrough

交互式网站原型设计

user-interface prototype

Brandon Yarbrough · 技术社区 · 16 年前

我想快速为一个网站原型新功能。我正在寻找一种方法:

我想象有什么能让我说“呈现这个网站,但是在有这样的网址的页面上,在我现在画的东西上贴上标签,在页面上贴上数字,如果有人点击它,把它们移到这里”。

或者可能,“这是一个网站的截图。如果有人点击这个框,给他们看另一个屏幕截图”。

你们用什么来制作网站用户界面的原型?

11 回复 | 直到 11 年前

Community CDub 8 年前

Balsamiq Mockups . 所以。该死的。很好。

Philippe Mongeau 16 年前

如果你想让它具有吸引力并建立在现有网站之上,你可以尝试在火狐上使用油腻猴子: https://addons.mozilla.org/fr/firefox/addon/748

我不知道用这个做原型有多快,但你肯定能让它们交互。Greasemonkey允许您使用javascript修改任何网页。

pegasus4747 16 年前

我不喜欢香醋,但很多人都喜欢。如果 Napkee 发布,连同Balsamiq,这将是你想要的。

另一种选择是烟花——它可以很容易地导出到HTML,但是学习曲线比balsamiq陡峭。

Jill 16 年前

尝试 clickframes -一种用XML编写文本原型的方法,它可以呈现给您可以点击的网站。

令人惊讶的有效性——在演示中,他们编写了一个应用程序规范(Appspec),然后生成了一个基于Seam的网站。

他们尝试了香醋,但这对他们没有效果。

从他们的网站:

“设计师

用户体验专业人员使用ClickFrames快速规范和原型化设计的交互性,并将设计传达给合作者和项目利益相关者。当设计经过改进后,clickframes有助于与实现应用程序的开发人员进行通信。”

Artur 16 年前

我喜欢http:/www.iplotz.com-它有很好的用户体验和设计 http://www.justproto.com 也是iNetersting工具,它的速度非常快,外观很干净,并且非常容易用它创建原型。

chceck out wireframes.linowski.ca这是一个关于线框的噪音博客

pmcilreavy 15 年前

铅笔很好而且很免费!它可以作为独立应用程序或火狐插件下载。

Amot 13 年前

再次查看ProtoShare:从2010年开始,速度快得多,模具和小部件库比Balsamiq更灵活。如果你想要控制你的原型的外观,想要互动性和简单的协作和审查,用prototshare代替balsamiq。

Harry 16 年前

你可以试试 protoshare .

缺点:有点迟缓,需要信用卡详细资料免费试用。优点:协同功能,比Axure便宜。

Rose Haensse 16 年前

你可以试试Foreui,这里有一个 sample prototype .

Nilesh 13 年前

使用模拟程序,您可以导入photoshop图像或网站截图,然后用可点击的链接或按钮将它们链接在一起。

MockupTiger 是一个基于Web的应用程序,您可以在自己的服务器上承载它。它有用于构建Web应用程序和仪表板的小部件 Wireframes .

注意:仅适用于最新的浏览器。您也可以下载并在桌面上使用。

PS:我是这个软件的开发人员

LiliputFX 11 年前

当涉及到WordPress主题/站点时,我会使用来自Colorfully的插件来制作原型。这是我认为最快的方式来看看一个网站将如何在现实中看,测试和获得一个感觉它将如何看。有时我也会用它来制作。