您的位置: 首页 >日志>用户体验>详细内容

用户体验

界面原型设计工具BalsamiqMockups

来源:本站原创 发布时间:2014-03-31 18:08:53 浏览次数: 【字体:

 
纸上的原型设计是经常使用的初期设计方式,办公室里用白板(空间大,而且环保些)和马克笔。这种办法不仅快,能尽早发现在文字和口头的沟通上理解不一致的地方,同时也尽可能减少设计成本和因为理解不一致导致返工的情况。纸上的原型设计在可用性上能起到很大作用,也有专门一本书介绍和探讨,这就不多说了。
 
前阵子发现了一个新软件:Balsamiq Mockups,用下来发现它真正抓住了原型设计的核心与平衡点,既能快速设计草图,又能比较好地进入到平时团队工作的流程和工具中,可以说是击中了原型设计的最有效位置。
 
截图:
 
 特色:
    1、控件丰富
    2、动态预览
    3、XML格式的设计
    4、配合Napkee工具可以导出html或Flex3代码
    5、最终设计可以发布成pdf格式,可以点击
 
  操作方面,拖拽,控件分组,甚至元素之间的对齐都做得很贴心;
  预制了很多界面元素,从简单的输入框,下拉框,浏览器主要元素,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,往往比用白板都快;
  界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字;
  使用xml语言来记录和保存界面元素和布局,
  这使得每个设计都能被很好得放进SVN,Git,和CVS等工具中进行管理和跟踪;
  可以设计复杂的界面元素,保存后,以后可以重复使用(包括修改);
  可以将设计导出成PNG格式的图片;
  可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那;
  跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;
  不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;
×

用户登录