BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

低精度界面原型工具PowerMockup

| 作者 David Bulkin 关注 0 他的粉丝 ,译者 王瑜珩 关注 0 他的粉丝 发布于 2011年8月17日. 估计阅读时间: 2 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

那些希望交付高质量用户体验的敏捷团队,通常会在编写代码之前(甚至在制定迭代计划之前),绘制低精度的界面原型来得到合适的设计。PowerMockup就是一款制作界面原型的工具,特别是为那些已经熟悉PowerPoint的人。

低精度界面原型,也叫线框图,被有意设计成只包含黑白的图形与文字。它不包含颜色或纹理,是为了能够将注意力集中在易用性、功能设计和流程上,而非像颜色或字体这样与美观相关的元素上。创建线框图最简单的工具是纸和笔,但纸和笔有一些缺点,比如需要花费较长时间来绘制基本的页面布局,难以修改以及难以共享给其他人。

为了弥补这些缺陷,像Balsamiq Mockups这样的电子工具被制作出来。你可以使用Balsamiq Mockups来创建和修改线框图,而且看起来就像一笔一笔画出来的一样。很多人也使用PowerPoint和其内置的标准界面元素来创建网页形式的原 型。这些电子工具相比于纸和笔有很多优点,例如大幅提高修改速度,在原型页面之间保持一致的风格,以及易于共享。

PowerMockups为PowerPoint添加了一些界面元素,使人们可以继续使用已经熟悉的工具。其特性包括:

  • 78种完全可编辑的用户界面元素
  • 84种线框图图标
  • 兼容Windows版的PowerPoint2007和2010

这些界面元素包括浏览器窗口、输入框、消息框、按钮等,被分为容器、导航、文字、图形和图标放置在工具栏上。下图显示了导航部分的界面元素。

PowerMockups Navigation Shapes

这些界面元素可以简化界面原型的创建,并且可以与PowerPoint内置的原型一起无缝使用。如果要创建动态原型,可以使用标准的PowerPoint功能来制作动画或者在页面间添加链接。还可以创下面这样的静态界面来表达功能和流程。

PowerMockup的网站可以找到更多相关信息。

查看英文原文:PowerMockup, A New Tool for Low Fidelity Mockups

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

看起来比Balsamiq Mockups规矩多了 by 吴 顺

Balsamiq Mockups有点太不正式了,内部使用还可以,如果给用户展现的时候稍感觉不适。

Re: 看起来比Balsamiq Mockups规矩多了 by 孙 巍

这个比Axure的优势在哪里?

Re: 看起来比Balsamiq Mockups规矩多了 by Ren Norm

没发现有啥优势,功能有点弱

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

3 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT