iOS高效演示APP原型的方法

作者:在线学习平台更新于： 2014-09-19 11:34:32

许多产品设计师都可以用原型设计工具制作制作出逼真的产品交互原型，如果能方便、直接地在iPhone上演示这些APP原型，对于我们模拟用户真实体验，展示设计亮点都有很大帮助。


1.上手难易度：POP、快现最轻巧简单，用手机拍下脑暴、手绘草图，添加热区，立即可以在iPhone上演示原型，并且POP内嵌的交互动作如侧滑、展开、消失，快现的摇一摇等，即可满足一般的动态演示需要；iMockups、Mockop、GrafioLite等工具内嵌iPhone控件库，可导入设计稿图片，在产品构思阶段使用较方便；Flash、Fireworks需要一定的编程or代码基础；Axure入门简单，熟练精通有门槛~~~

2.功能性：功能最强大全面的当属Axure，用好动态面板，多数交互效果都可实现，PC端、移动真机上都可演示原型。

3.使用效率：个人来言还是Axure，日常设计稿通常用Axure完成，原型素材导入、更改十分方便；UIDeigner内置了大量的iPhone控件，自定义模版的使用对于团队协作十分高效，用UIDPlayer即可在IOS设备上演示移动原型，只期待UIDeigner尽快增加更多的交互动作；Keynote、PPT添加链接过于繁琐，而且不易更改。

鉴于自己的使用经验，我的总结主要针对如何在IOS设备上高效地演示Axure（v6.5)制作的高保真原型。按演示原型的查看方式分，演示方式分为两种：Webapp模式和APP打开模式。

综合以上几点，个人比较推荐“APP打开模式”,虽然需要花费６.00元购买AtomicWebAPP，但离线也可以演示，不受网络环境限制，并且原型导入、页面打开、更新的速度都比较快，不担忧原型在线被盗等安全问题。而WebAPP模式最赞的一点是能够在桌面生成图标，还原初始进入体验，但是在线演示原型的信息安全让人觉得不靠谱。补充一点，支持“APP打开模式”的APP还有iZip、GoodReader、Mercury，但它们在全屏显示、页面跳转等方面都不及Atomic理想。无论哪种模式，想要在iOS设备上完美地、高效地演示app原型，先要做好生成原型时设置工作，完成原型界面与屏幕分辨率的适配。

打开Generate（F5)生成原型对话框，选中Mobile/Device


下面详细介绍两种演示模式的应用

APP打开模式（6.00购买AtomicWeb作为演示原型的工具）


WebAPP打开模式



原型制作时还有几点注意事项：

1.页面命名最好都用英文，以防中文在解压时出现乱码；

2.APP主页面不要用index来命名，否则打开Index时默认隐藏侧边栏，后续无法复制URL；

3.设计尺寸大小取决于选择的演示方式：a).WebAPP模式：屏幕高度-ios设备状态栏高度,eg:设计尺寸=480-20px=460px;b).APP打开模式：采用设备默认尺寸。
文章来源于课课家在线学习平台，转载请注明。