2024CTIS-文章详情页顶部

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

相信许多产品和设计师童靴都可以用原型设计工具制作制作出逼真的产品交互原型,如果能方便、直接地在iPhone上演示这些APP原型,对于我们模拟用户真实体验,展示设计亮点都有很大帮助。壮壮结合自己这几天阅读资料和摸索实践,总结了一下个人认为最高效的方法,希望对在iPhone上演示APP交互原型有困扰的童靴们有所帮助。 首先,简单介绍下我了解到的制作及演示APP原型的工具:

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

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

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

鉴于自己的使用经验,我的总结主要针对如何在IOS设备上高效地演示Axure(v6.5)制作的高保真原型。按演示原型的查看方式分,演示方式分为两种:Web APP模式和APP打开模式,对比两种模式的使用条件、使用方法及演示效果如下表:

 

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

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

 

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

APP打开模式(6.00购买Atomic Web作为演示原型的工具)

 

Web APP 打开模式

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

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

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

3.设计尺寸大小取决于选择的演示方式:a).Web APP模式:屏幕高度-ios设备状态栏高度,eg:设计尺寸=480-20px=460px;b).APP打开模式:采用设备默认尺寸

写在最后:

原型设计、演示相关的工具&应用的增长和更新的速度实在太快,本人接触使用地很有限,大家有更好的推荐欢迎留言交流;原型演示仅仅只是产品设计师表现想法的手段,毋须拘泥于工具,所以挑自己最顺手的,走起吧~

 

参考文献:

1.App are alive when Viewing on Your iPhone

2.Desining apps using the iPhone App Template

3. 把axure生成的html原型导入到iPad或iPhone的方法

4. iOS 中可交互原型的最佳实践  

5.用 Axure 制作的 app 原型生成后放到手机上,如何演示效果最佳?

6:移动App原型设计神器 – POP(Prototyping on Paper)

7.Web Applications 开发技巧(一)

8.Changing the Viewport Width and Height 

作者:壮壮 交互设计师

本文转自:http://cdc.tencent.com/?authorid=191

本文系作者 精选 授权钛媒体发表,并经钛媒体编辑,转载请注明出处、作者和本文链接
本内容来源于钛媒体钛度号,文章内容仅供参考、交流、学习,不构成投资建议。
想和千万钛媒体用户分享你的新奇观点和发现,点击这里投稿 。创业或融资寻求报道,点击这里

敬原创,有钛度,得赞赏

赞赏支持
发表评论
0 / 300

根据《网络安全法》实名制要求,请绑定手机号后发表评论

登录后输入评论内容

快报

更多

10:41

欧洲央行管委内格尔:如果前景不变,6月可能降息

10:32

苹果开放“一触即付”移动支付系统的提议或于下月获欧盟批准

10:28

特斯拉美国Model Y全系降价

10:27

美国监管机构重启遏制华尔街奖金的行动

10:25

受天气影响,珠海机场取消今日进出港航班共计51班

10:23

耐克将在美国俄勒冈州全球总部裁员约740人

10:19

加拿大央行行长麦克勒姆:可能会将任何油价上涨纳入货币政策考量

10:17

年内7家企业完成退市,市场化“出清”威力显现

10:14

头部券商国际业务亮眼,“出海”下一站锚定东南亚

10:10

减产、停机消息频出,4月造纸业罕见遇冷

10:08

蓝佛安出席2024年二十国集团财长和央行行长第二次会议并举行多场双边会见

10:07

马斯克据悉下周飞往印度与莫迪会面

10:05

国际奥委会发布《奥林匹克AI议程》

10:01

日本东京筑地市场旧址将启动9000亿日元再开发项目,三井不动产、丰田汽车等11家企业参与

09:57

软银支持的印度网约车公司Ola Cabs据悉计划IPO,寻求以50亿美元估值筹资5亿美元

09:56

奇瑞敲定协议正式落户西班牙,将成首家在欧生产的中国车企

09:52

无理打压中国药企,美国“药荒”更难解

09:48

印度塔塔集团或最快下月敲定协议,获得和硕在印iPhone组装业务控制权

09:47

第二艘国产大型邮轮下坞,计划于2026年年底之前命名交付

09:44

中泰证券原董事长李玮被查

扫描下载App