苹果iOS中可交互原型的最佳实践-axure控件

《苹果iOS中可交互原型的最佳实践-axure控件》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、苹果iOS中可交互原型的最佳实践-axure控件很多UX和PM同学还是习惯使用传统的AxureRP制作产品原型,个人觉得AxureRP在iOS原型阶段还是有优势的,比如可以很方便交互模式的创新和细节,不拘泥原生控件.在互联网上可以很方便能够找到各种iOS组件库来实现控件,所以本文中并不包含如何实现与iOS相同的交互方式.但解决一个困惑,即如何在iOS设备上优雅的呈现原型呢?首先大致在iOS中原型呈现有这个几个需求:必须全屏依照场景在线或者离线操作原型如果导入到App内,使用iTunes原生的方式无需越狱1.先前准备工

2、作1)在原型设置中适配iOS(v6.5)在Generateprototype中Mobile/device对话框勾选IncludeViewportTag上传Homescreenicon勾选Hidebrowsernav(whenlaunchedformiOShomescreen)2)在原型设置中适配iOS(v6.0)如果还在使用v6.0你可以需要自己动手改造原型的HTML文件在中追加一下两行代码实现基础的app全屏和Homescreenicon支持如果你原封不动的使用这段代码,请把icon.png请放置在原型html同级

3、目录viewrawiOSWebAppMataThisGistbroughttoyoubyGitHub.3)原型的页面命名尽量采用英文，避免中文编码出错4)访问原型的时候不要访问index.html,而是直接访问具体的页面我们在实际工作中总结了2种实践方案来满足大部分需求,优劣势对比:WebApp方式如果仅支持在线查看,Ax

4、ureRPv6.5原生的WebApp原型方案就可以了当然我们手动修改过代码的v6.0原型也支持简单说一下,因为已经设置好了.只需要:1)Safari打开网站2)选择添加至主屏幕3)在桌面点击主屏幕上的软件即可需要帮助点击这里查看官方说明遇见特殊的情况,比如手机无法访问办公网,你可以把原型上传到虚拟主机或者云上DocumentsinApp方式如果想用于客户调研或者私下演示,可以用DocumentsinApp的的方案:这种模式方便用户研究与客户访谈时网络环境千差万变.购买AtomicWebBrowser软件,售价仅$0.

5、99(RMB6.00)如下图所示,修改Atomic全屏模式的设置来避免对原型的干扰将原型压缩为zip文件,在iTunes中上传压缩成zip的文档到Atomic当中在Atomic中unzip解压文档,并访问主页面的html文件进入全屏模式至此，您已经可以在iOS设备上实现原型演示了（三个手指向下滑动可以退出全屏模式）总结希望上面两种方式能够对那些困扰于如何在iOS平台实现可交互原型的同学们有所帮助如果您在工作中有更好的解决方式,请在本页面回复，与我们一同传播给需要的同学们参考:1.http://www.humanein

6、terface.net/iphoneipad-prototyping-in-axure-rp-pro-6-quick-overview/2.http://mrpm.cc/?p=3423.http://victoriapod.com/useful-meta-tags-for-ios-web-app-developers/4.http://mobile.tutsplus.com/tutorials/iphone/iphone-web-app-meta-tags/5.http://mobile.tutsplus.com/t

7、utorials/mobile-web-apps/remove-address-bar/来源：百度UED人人都是产品经理（woshipm.com）中国最大最活跃的产品经理学习、交流、分享平台