探秘UX:如何分享原型才更有效率?

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

如果你是一枚交互设计师,这篇文章也许对你有帮助。这篇文章将介绍如何更有效率的分享原型。

在刚转型做交互设计师的时候,我是这样分享原型的…

QQ截图20160527143214

或者是这样的:

3189D1ED9BF15742AF2117AE0C5CF470

一个近40M的文件经常分享给开发同事,同事们大多苦不堪言。好在开发同志比较开明,没有KO我(其实在他们心里我已经被KO很多次了)。

分享原型是交互设计师经常发生的一个环节,如果能更快捷的分享原型,将能提高我们的工作效率。

分享原型的方式

那我们先来看看一个交互设计师都有哪些分享原型的方式:

方式一:通过QQ群分享原型文件

交互设计师小王使用Axure做好一个原型,想分享给产品经理老曹(不要问我为什么是老曹)看一看。小王导出原型文件,将导出的文件打包(因为打包的文档发送起来比较快,不要问我为什么),打开QQ找到老曹并发送文件。老曹先接收文件,然后解压文件,解压后打开文件看原型,发现原型有些问题需要修改,把整理好的修改意见提交给小王。小王接到修改意见,修改原型文档。接着小王再次导出文件、打包文件、发送文件,老曹继续下载文件、解压文件、查看文件,又发现一些需要修改的地方,再次把整理好的修改意见提交给小王。然后往复几个过程,小王和老曹都平临崩溃。晚上9点多,老曹和小王拖着疲惫的身体和糟糕的心情离开了公司。

方式二:通过SVN分享原型文件

交互设计师小王使用Axure做好一个原型,想分享给产品经理老曹看一看。小王把导出的文件直接放入SVN上,告诉老曹原型已经上传到SVN上。老曹更新SVN上的文件,打开文件开始查看原型,发现原型上有些问题需要修改,把整理好的修改意见提交给小王。小王接到修改意见,修改原型文档。小王把修改好的原型导出,放入到SVN上,告诉老曹原型已在SVN上更新。很快小王就完成了老曹所有的修改意见,从此他们幸福的成为了一对好基友(画面太美,我不敢看)。

方式三:通过链接分享原型文件

交互设计师小王使用Axure做好一个原型,想分享给产品经理老曹看一看。小王把原型上传到AxureShare,告诉老曹原型的链接地址。老曹打开链接开始查看原型,发现原型上有些问题需要修改,把整理好的修改意见提交给小王。小王接到修改意见,修改原型文档。小王把修改好的原型再次上传至AxureShare,并告诉老曹原型已更新。很快小王就完成了老曹所有的修改意见,从此他们幸福的成为了一对好基友(画面太美,我不敢看)。

以效率来说,通过链接分享是效率最高的一种方式。可AxureShare这样的分享方式受限于网络,而且打开速度非常慢,一个页面十几秒的等待时间。

有没有更好的方式来分享原型使效率更高?当然有,这就是接下来文章要写的内容。

使用局域网进行原型分享,一次布置多次使用,而且不受网络速度的限制。这种分享方式传播速度快,版本管理方便。

分享原型的步骤?

1. 下载Apache,并安装Apache。

具体下载地址请自行搜索,安装教程略。不会的童鞋,请召唤开发同志帮忙。

2. 创建文件。

将你导出的html文件放入htdocs这个文件夹内,如下图所示:

QQ截图20160527154606

QQ截图20160527154606

3. 打开地址

在浏览器中输入你的ip地址,并在地址后方加入导出文件的名称。

QQ截图20160527155107

人人都是产品经理原型地址:

http://hisharer.com/prototype/renrenchanpin_web/

(随便画画,不喜勿喷)

小技巧

  1. 创建文件的快捷入口
  2. 分享自己的ip地址,固定你的ip地址

总结

作为一个交互设计师,我们常常在想如何提升用户体验。如何提高工作效率,也是我们应该考虑的事情。(其实,我比较懒。常常在想能偷懒的事情。)

希望今天的分享,能对交互新人有所帮助。有更好建议的朋友,请在下方留言哦,很高兴能与大家一起讨论。

 

本文由 @Clone 原创发布于人人都是产品经理。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 5

登录后参与评论
  1. 呃……
    这一招我已经用了好几年了
    我的工作机除Axure RP、Balsamiq Mockups、Sublime Text等必备工具外
    我定会装Apache,用内网ip或者加到域中的域名employeeNo.domain来分享。
    而且看内网环境是否允许,我会申请SVN版本库或者自己部署本地Subversion,做版本管理用。

    回复
  2. 果然要靠局域网。不过我曾经百度到更加简单的局域网方法 :twisted:

    回复
  3. 回头研究研究,感谢评论

    回复
  4. 放在新浪云就方便很多了!

    回复
    1. 回复

      放在云上面只能下载,不能在线查看原型页面

加载中