用户体验

产品原型设计工具:产品原型设计软件Balsamiq Moc

那些精致到让人爱不释手的原型图,总是对我有莫大的吸引力。但迄今为止我却没有画出过一张像样的原型,试用过 Visio、Axure 后感觉在易用性方面都不太满意。原型设计图作为产品团队相关成员沟通的基础,应当能够清晰表达设计师的意图。基于这个目的,一杆笔 + 一张纸产生的原型图显得更原汁原味。但由于不方便留存、共享,一些产品人员仍然会选择软件。

但通过目前这些软件绘制原型图的一个缺陷就是不 够写意,显得呆板。尤其是对于我这种新手而言,使用这些软件时都显得自己很笨。学习成本很高,基于 Axure 的培训班也是收费不菲。最近从一些 Blog 了解到一款由 Balsamiq Studios 开发的叫做 Balsamiq Mockups 的原型设计软件,试用一下就知道有多赞:

  • 易操作:从 Balsamiq Mockups 自带的元素里可以很方便地拖拽,效果图轻易形成;元素对齐很贴心;
  • 可偷懒:根 据 Balsamiq Mockups 提供的 Wiki 风格的代码规则,画图时可以「偷懒」,输入文本符号则能生成图标。因此相比其它繁琐的软件操作,Balsamiq Mockups 也能更快地完成画图任务。
  • 控件足:Balsamiq Mockups 软件包括 50 多个控件, 70 多个图标。基本自带了所有常用的小控件,并在导航处进行分类;图标设计赏心悦目。要是 Balsamiq Mockups 允许用户导入自定义的控件就更好了,当然现有的也足够了 -:)
  • 新风格:让人眼前一 亮的涂鸦风格,很能还原手绘效果;
  • 可中文:在菜单栏 View 里将 Use System Fonts 勾上,就能完美支持中文输入(注:非 Balsamiq Mockups 中文版);
  • 其它点:Balsamiq Mockups 使用 xml 记录,方便移植、二次利用;可导出为 png 格式图片。

另外还有跨平台与多版本两个优点:

  • 跨平台:Balsamiq Mockups 基于 Air ,因此能同时在 Windows、Mac OS 及 Linux 下使用;
  • 多 版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本;

Balsamiq Mockups 可由 Wiki 风格代码控制菜单、树型导航等其它相似控件:

Balsamiq Mockups 的
Wiki 式代码

为了保证原型风格的一致性,Balsamiq Mockups 还能够将图片转换为手绘风格,比如 Twitter 首页如图:

Balsamiq Mockups 原型图

不过让国内用户不习惯的是,这款软件定价为 $79 ,偏高。当然 Balsamiq Studios 也为用户提供了 5 种免费获得 license key 的机会,其中之一就是针对科技/软件 Blogger 或媒体从业者,鼓励这类用户通过写 Blog 口碑传播的方式帮助 Balsamiq Mockups 营销。写完本文,我也会尝试向作者申请一个 license key。

UpDate:在给 Balsamiq 发邮件的两个小时后,我就收到了 Balsamiq 发来的 Mockups 注册码,很厚道。对 此软件感兴趣的朋友,也都可以写篇 Blog 然后发 Email 索取 Key。之前有一些网友公布的 Key 已经失效,而且出对于软件开发者的尊重,我不会公布我的注册码。

希望看到您的想法,请您发表评论x