As the trend goes, execs are looking for copies of the latest wireframes to play around with and of course, it must be on an iPad. Is there any recommended way or has anyone found a good solution for deploying wireframes to iPads for simple deployments with relatively non-technical users that will be installing these?
And note that one constraint is that some of these wireframes are used for offline sales demos and so the solution has to involve the wireframes working offline on an iPad (simply hosting the solutions on a website won't do the trick).
Clarification: I'm not looking to prototype iPad apps, these are normal IE website wireframes (custom Sharepoint sites to be specific) that we are showing. The purpose of using iPad is purely to view the wireframe and show to clients the behavior of our tools when not connected to the internet and using an iPad. Additional research is showing something like a CHM reader on iPad might do the trick but not sure of best way to deploy.
Last edited by tbarron; 07-06-2011 at 03:36 PM.
Sadly, the method referred to by Victor doesn't work well. A lot of functionality doesn't carry across and I find my mockups broken in the Good Reader browser. In addition, the browser is always trying to scale the entire page to the display, so you get a lot of distortion.
GoodReader may be an option - but I really don't like the way that if you don't hold your finger down long enough the annoying bottom and tob banner pop up. This makes my demos look lousy. I tried all the CHM players and ChmPlus is proving to be the most stable CHM reader with the best looking UI allowing you to go full screen and hide all navigation. However, my Axure prototypes are getting very touchy when looked at thru ChmPlus. I have 5 dynamic panels all done exact same way and when I add a 6th it breaks. This has happenned a couple times along the way and then my next build will mysteriously fix all my problems. Has anyone done something similar and know what to watch out for?
I think we finally have this perfected to where everything is working just as I'd like. The developers of the CHM+ app have been very accommodating and created a setting to make viewing high fidelity Axure wireframes offline in CHM+ on the iPad a really smooth experience. You'll want to first go to "Settings" on the iPad and change 2 default settings for the CHM+ app: (1) set "Resize Large Images" to off; and (2) set "DT Toggle Fullscreen" to Off. For offline demos, my recommendation is to distribute your wireframe as a CHM file using something like SharePlus or DropBox and then open up in CHM+. You may also benefit from using "Inline Frame" widget to control exact dimensions and scrolling. Altogether, this makes for a really easy to distribute and incredibly high performance wireframe demo experience. I know there are other methods for low fidelity and online demos, but this is the best choice in my opinion for high fidelity offline demos using a Axure wireframe on an iPad. Now I just need to add animations from Axure 6.5 and this will be really slick!
I am trying to get CHM+ Lite working on an iPhone. I tried connecting via File Transfer, but no success.
Both my computer and test phone are on the same Wi-Fi network. I see my phone's internal IP address under File Transfer but upon tapping, nothing happens. Has anyone run into this issue before? Thanks in advance.
After some digging, I found out how it works. First, make sure both computer and phone are on the same network. Then in CHM+ once you see the IP address, copy it to the browser on your computer (e.g. 10.1.1.1:8080).
This will show you an interface for loading files local to your computer, preferably a proto zip file which you can then unzip within the app and view the appropriate html file. Same method works for GoodReader.
A quick warning, CHM+ lite has a banner at the bottom, which I presume disappears with the paid version.
Also, if you have designed your prototype to not include the iOS status bar (assuming Apple prototype here), both CHM+ and GoodReader remove it in full screen view, therefore you will see a gap at the bottom of your prototype of the same size.
I tried the iTunes method, and it works beautifully for CHM+, GoodReader, and Sites2GoLite. For those not familiar with the process, here is a very brief overview:
1. Install iTunes on PC or Apple.
2. Start iTunes and make sure you have your device unlocked.
3. Plug in iPhone/iPad (make sure you have the device-specific app), and let the drivers install (on first use only).
4. Under Apps tab (for device) navigate to the appropriate app, click on it, and under Documents drag and drop a .zip of your generated prototype.
5. Unzip in the appropriate app, and you are good to go.
NOTE: An extra step in Sites2GoLite is that you have to go to the Upload section, and explicitly select iTunes tab for the upload to take place. Otherwise you won't see the zip under the Files section.
Lastly, all 3 apps support accepting files in an ad-hoc setup. So that's another connection-free method of uploading files. Hope you find this helpful!
Last edited by light_forger; 12-18-2012 at 01:33 PM.
Sorry for a little bit of spam... We have currently finished beta version of iOS prototype viewer called ProtoSee. See more info here: http://www.facebook.com/ProtoSee
Before we get the app to AppStore, we would like to collect some feedback, thus we are looking for beta testers.
If you have an iOS device running iOS 5+ and do some (high-fidelity) prototypes, please, consider joining in Contact me at email@example.com or via ProtoSee facebook page or here using private messages for further info.