把产品构思进行可视化的途径很多,有的喜欢用手绘产品草图、有喜欢用PPT做低仿真、还有的喜欢用Axure和Indigo Studio等制作产品高仿真,产品经理是一个负责协调资源和沟通的角色,所以能借助工具把产品构思清楚地表达和呈现出来,显得非常重要。
我想通过以下的提纲和大家分享产品设计中工具的使用。
- 工具选择
- 操作规范
- 原型包装
- 原型展示
工具选择
就像摘要提到的,产品原型设计的方法和工具很多,有手绘、PPT以及专业的原型制作软件,由于手绘原型的能力要求太高(�手活要好),PPT制作高仿真不够高效,而专业的原型制作工具除了入门容易、制作高效等优点外,还具备支持交互和演示的功能,交互的支持可以让工程师更好的理解产品的实现,演示的支持则更好地帮助产品经理做好与客户的沟通,达成共识。
对于工具的使用,讲究的是熟练和高效,切记都去涉及和掌握主流的原型设计工具,目前比较为大家所知的产品原型设计工具是:Axure和Indigo Studio,貌似Axure的使用用户更多啊,还有专门的社区,相比而言Indigo能找到的资料寥寥无几了。这两款工具我都用过,经过对比我最后选择了Indigo Studio。
正如我上面说的,Indigo Studio能搜索到的资料少得可怜,我当初一直苦恼没有一款称心的产品设计工具,之所以说不称心,是因为我内心里对这款我需要的工具有明确的要求(好吧,这也是我认为Indigo Studio具备的优点):
- 组件多且允许灵活自定义样式
- 能提供智能参考线提高布局的效率
- 支持交互且有预设的常用动画效果
- 不需要额外的插件支持即可演示
- 能快速生成PDF和PNG图片
通过在网上各种淘,机缘巧合地偶遇了Indigo Studio,经过试用后,我激动地决定以后就主要用它来做原型设计了。
对于Axure,也许你也以上的功能特点,但是我只能说抱歉,感觉很重要,就像你喜欢的人不一定是这个世上最完美的,但是你就是喜欢她啊。
操作规范
为什么专门列出【操作规范】来讲解呢,由于平时我在做产品原型设计的过程中为求快,没有规范操作,组件使用不得当,导致后来做调整的时候,产品原型的项目文件维护成本过高。在我改掉这些不好的习惯后,团队里同事协助制作的原型文件,也出现同样的情况,所以觉得操作规范是有必要说一说的。
正如上文说的,规范指的组件要使用得当,比如要设计一个项目列表的页面,某些同志直接像做PPT一样一步一步拼贴界面,导致工具的价值没有得到体现,也就会出现我说的不规范的操作导致调整的成本过高。
上图是用Indigo Studio做原型设计的截图,是由image、label、icon、line拼贴而成的,我们借这个特殊来说说规范操作的好处,大家自然就能体会到不规范操作是如何导致修改成本过高的了。
如果要制作List这样由多个子项构成的界面,直接拖出组件库里的Content List,先别急马上编辑子项,而是先编辑整个List的Template,把通过的元素都设计好,List组件本就提供基于Template快速生成子项的功能,然后再根据需求做子项的微调即可。
如果在优化的过程中,要对产品的细节进行修改,通过List的组件定制功能即可轻松实现。
原型演示
Indigo Studio提供了PDF和PNG导出的功能。
最酷的是提供了原型演示的功能,演示的方式有两种:
- 通过自带的模拟器演示
- 导出静态网页包,通过浏览器演示(部署到服务器上后可以通过手机浏览器演示)
演示功能特别有用,它使得产品经理在做产品演示时操作灵活(可随时按流程做演示)且逻辑清楚(能演示清楚功能的逻辑),而且相比通过PPT和Word来讲解产品让用户自己想象产品最终的样子,原型演示更能获得用户的好感,并传递了你看到的就是你将要得到的产品信息。
原型包装
看到这样的产品形式,有没有觉得产品很好吃的样子。
以前我要这样的原型包装效果的时候,我是用PS慢慢做的,一个早上做两张图。后来我遇到的它:Promotee,Mac平台上的一款原型包装神器,可以把软件界面加壳包装,呈现出产品最终的�模样,挺带感!Promotee操作很简单,就不展开说了。
经过包装后的产品原型适合放到产品方案里,提升产品方案的设计感,也可以上传到公司官网展示。
希望本文谈及的方法和介绍的工具,可能帮助正在苦于有好的产品构思却没有好的实现工具的产品汪们。
本文涉及到的软件:
- Indigo Studio
- Promotee