[提升效率覆盖移动应用生命周期的17个工具.docx

提升效率！覆盖移动应用生命周期的17个工具2014-05-13 09:43 lizhichao 简书 字号：T | T本文作者是一名iOS App产品经理，本文记录了他在一个完整应用从策划到设计到开发、测试和上线的生命周期里所用的工具链，对正在做移动产品经理或者有志于移动产品经理的童鞋们来说非常具有参考价值。AD： WOT2014：用户标签系统与用户数据化运营培训专场 51CTO主办WOT全球软件技术峰会直减百元优惠活动 抢票进行中！ 不敢妄谈Axure教程还是产品教程，只当记录一下在产品上线前，一边考虑下一版更新一边整理下工作思路。早期：规划XMind关于脑图软件，写多了又个长篇的血泪史，最后还是回归了免费开源MacWin的XMind。不用考虑iOS平台的脑图了，没有那种一目了然的特点了。还是用Clear吧。模板选学术风格 记得选这个，要不看久了眼睛受不了，免费还不支持弄到一半换模板。放大一下 Command+ 放大一下，默认三级的文字太小了。输入前先空格 Tab是平级，Enter是子类，输入文字之前要先空格一下，否则第一个拼音字母不出来。有点麻烦，习惯就好了。Clear操作简单，短条目逼你思路要有层次。路上有新想法就用这个快速记下来。再推荐一个免费分层级的WorkFlowy如何玩转 WorkFlowy？纸笔 或 Paper by 53区别就是逼格和方便的区别嘛。我们这里很多用过的A4纸，翻过来就画，推荐那种多色笔，很方便。还有一些线框图，可以打印出来史上最完备线框点状模板，包括网页版、ipad、iphone5、android等等前期：沟通Keynote PPT嗯，从无到有的这个过程，幻灯片是最好用的，如果一个概念连几页幻灯片都说不清楚，那么也就说不清楚了。本来想放个设计图的，但是因为保密的关系，还是算了吧，反正最简单就是拼色块就好了，配上iPad或手机背景素材，是可以做出效果不错的原型介绍的。用Keynote的动画直接把效果做出来 配上手势图标，keynote自带了放大弹动的效果，就像单击一样，连交互动作都可以形象的出来。虽然不能马上真机交互，但是作为给领导和团队介绍概念，是最快速的方法。真机展示Promotee这个软件主要是用于后期做官网的宣传时可以用，但是通常到了那会都可以找设计师用PSD直接设计了。这个30块钱为了更好的物超所值，可以用在概念期，更直观的展示用户效果，还是挺不错的，因为那会通常还没有设计师支持。这东西的目标很单纯，你说可以找到很多现成的PSD，但是这个可以秒测多平台多角度，真的很方便啊！Pop Blueprint 等等接下来就可以把一些概念图转化成低保真原型脑补一下，主要是验证一下在真实屏幕上的操作效果。具体参见此文带交互的 iOS 产品原型可以用什么软件制作？这个阶段还是要快，主要是自己看或者小团队沟通一下。中期：文档Axrue终于到了大头了，关于A其实我也是刚刚才开始用没多久，一直觉得自带控件里什么都没有，甚至iPad尺寸都要自己画辅助线，很麻烦。直到看了同事的一个几乎完美的rp文件才茅厕顿开，恍然领悟“自定义控件”才是把A的高自由度转化成高完备度的重要工具。具体使用方法不再赘述，也没资格赘述。贴图配些小技巧吧。自定义控件 这里其实可以有按钮，导航等常规产品控件，还可以放标题，注释等文字类型，甚至流程控件，甚至一些常用的UI，省的切换库，所有都可以放里面。操作也不难，编辑，刷新即可。活用流程图 如果你仔细看前面那个图，我有些流程的东西，这个流程图在Axure里很好用，我除了拿它做常规的流程图还可以用来标注！因为A的箭头不好用，而用流程模块是可以把箭头头尾自动连接且形成路线的，一头是透明层一头是注释，很方便。先从Flow库里拖出系统控件，改变透明度和颜色，透明的用来指示进入连线模式透明的部分用来指示区域，注释用来描述路径或介绍UI转黑白改大小切图 中期和后期都会更新文档，需要把UI结合进来， 这时候为了避免色彩混乱，可以把颜色去掉，但是逐个用PS动作来做太麻烦了，我专门为此研究了解决方法Tips: Mac快速批量制作黑白图片为了凑凑字数，我决定摘录下来！首先打开Automator，选择“服务”。别的也可以，服务更适合这个操作，是可以集成到右键菜单中，更方便。在左侧的搜索中搜“将Colorsync描述文件应用到图像”，直接拖拽过来，这时会提醒你需要同时添加一个“拷贝到Finder项目”，点确定就好。先看最上面，选择“图像文件”，位于Finder。意思是右键在什么位置点什么文件会出现这个服务选项。注意“拷贝到Finder项目”是处理好的照片要放到的目标文件夹，自己选就好。描述文件这个选项很重要，我是需要黑白照片，但是如果你这里选黑白的话，是对比非常强烈的效果，细节消失了，所以我选了灰色调。最后取个名