当前位置: 首页 > 科技观察

iOS设备上高效演示APP原型的方法总结

时间:2023-03-15 20:10:29 科技观察

iOS设备上高效演示APP原型的方法总结对我们模拟真实的用户体验,展示设计亮点很有帮助。壮壮结合这几天的阅读资料和摸索实践,总结出个人认为最高效的方法,希望能帮助到在iPhone上演示APP交互原型有困难的小朋友。首先简单介绍一下我所学的制作和演示APP原型的工具:1.上手难点:POP,快速展示最轻最简单,用手机拍照脑洞大开,手绘草图,添加热点,马上在你的iPhone上使用网络演示原型,POP内嵌的侧滑、展开、消失、快速摇动等交互动作,满足一般动态演示需求;iMockups、Mockop、GrafioLite等工具内嵌iPhone控件库,可导入设计稿图片,更方便产品构思阶段使用;Flash和Fireworks需要一定的编程或代码基础;Axure上手容易,熟练是有门槛的~~~2.功能:Axure是最强大最全面的,善用动态面板,大部分交互效果都可以实现,原型可以在PC端和移动真机上进行演示。3.使用效率:个人来说还是用Axure。日常的设计稿一般都是用Axure完成的。导入和更改原型材料非常方便;UIDeigner内置了大量的iPhone控件,使用自定义模板对于团队协作非常高效,只是使用UIDPlayer来演示iOS设备上的移动原型,只期待UIDeigner尽快加入更多的交互动作;给Keynote和PPT加链接太麻烦,改起来也难。结合自己的经验,我的总结主要针对如何在IOS设备上高效演示Axure(v6.5)制作的高保真原型。根据演示样机的观看方式,演示方式分为WebAPP方式和APP打开方式两种。两种模式的使用条件、使用方法和演示效果对比如下表:基于以上几点,我个人推荐“APP打开模式”“模式”,虽然需要花6.00元购买原子网APP,也可以离线演示,不受网络环境的限制,原型导入、页面打开、更新速度都比较快,不用担心原型在线被盗等安全问题。WebAPP模式最好的地方在于可以在桌面生成图标,还原最初的入门体验,但是在线演示原型的信息安全性让人觉得不可靠。补充一下,支持“APP打开方式”的还有iZip、GoodReader、Mercury,但在全屏显示和页面跳转方面不如Atomic理想。不管是哪种模式,想要在iOS设备上完美高效的演示app原型,首先要做好生成原型时的setup工作,完成原型界面对屏幕分辨率的适配。打开Generate(F5)生成原型对话框,选择Mobile/Device,下面详细介绍两种演示模式的应用APP打开方式(6.00购买AtomicWeb作为演示原型的工具)WebAPP打开方式原型制作:1、页面命名最好用英文,防止解压时出现汉字乱码;2、不要使用index命名APP主页面,否则打开Index时侧边栏会默认隐藏,以后无法复制网址;3.设计尺寸尺寸取决于所选的呈现方式:a).WebAPP模式:屏幕高度-ios设备状态栏高度,eg:designsize=480-20px=460px;b).APP打开方式:采用设备默认大小,最后写上:Prototypinganddemonstration相关工具&applications增长和更新太快。我对它们的访问权限有限。如果大家有更好的推荐,欢迎留言交流。原型设计只是产品设计师表达想法的一种手段,没有必要拘泥于此。工具的话,选择最方便的吧~参考资料:1.iPhoneViewingApparealive2.使用iPhoneAppTemplate设计app3.axure生成的html原型导入方法到iPad或iPhone4。BestPracticesforInteractivePrototypesiniOS5.Axure制作的appprototype生成后放到手机端,如何展示最佳效果?6:手机App原型制作神器——POP(PrototypingonPaper)7.Web应用开发技巧(一)8.改变视口宽高原文:http://cdc.tencent.com/?p=7246