传说中的技术贴!iPhone高保真原型探索
最近在做iPhone上的项目,交互都是用keynote/ppt直接出的。相比fw,keynote/ppt够快,并且很容易通过在其中添加链接和动作,快速地生成原型,用来测试和展示。
快速原型传送门,你去或者不去,它就在那里。
ppt/keynote原型之后的展示方式应该不外乎以下两种:
1. 在pc/mac上通过ppt/keynote自带的播放功能直接演示
2. 导出成pdf,导入到iPhone上支持链接的pdf阅读器,如goodreader中演示
好吧,如果你都了解了,那就跳过视频吧。虽然,其实,视频里,还是有亮点的。相对来说第二种方法会更优,因为是放到手持设备上“实际”地去使用,更像一个真的app。原型这个东西嘛,自然越逼真越好。
不过导出pdf的方法,在图片切换的时候,能明显地感知到是一张张的图片在切换。有没有更给力的办法呢?
如果可以在iPhone上放ppt/keynote的话,就可以利用ppt/keynote的过场和动画,模拟非常逼真的原型效果了。粗想了下,有两种实现策略:
1. 在iPhone上运行windows/mac
2. 将win/mac的屏幕扩展到iPhone
第一个方向明显坑爹,果断选择方向二。
折腾的道路一般都是曲折而艰辛的,在远程控制,如teamviewer的方向上也尝试了一下,效果很不理想,也试了下frog的liveview,但我没摸索到如何在播放模式下用liveview(恕我愚钝)。此处略去探索过程5k字,最后目标定位在两款竞品软件air display和idisplay上。
air display
idisplay (要番羽土啬)
这两款app,都是用wifi连接来建立双显,以扩展屏幕的,号称iPad双屏利器,看官网宣传图就知道了。两款app都支持win/mac平台。对于原型来说,主要的区别在于,Idisplay支持iPhone4 retina分辨率,而air display目前还不支持(不管是touch3代or4代,只能设分辨率为320×480,官方论坛上9个月前就说要更新了,到现在都没解决= =!)
为什么只有20s!!!额,那是为了给广大观众留下更大的想象空间。好吧,其实是我懒,所以拿时钟简单做了个原型。PPT全屏播放后,几乎可以以假乱真了。
最后的最后,如果你是用keynote做交互的,需要转成ppt格式。因为我测试了两个晚上,无论用哪个软件,在什么分辨率下,用什么投影模式,keynote都无法在播放状态下把屏幕投射到iPhone上。Keynote的bug来的,杯了个具的。不知道今年WWDC,keynote2011有戏没……
(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=3899)