- Gleans
- Featured
- All
- Yours
- Glean Profile
- Back
IDEO Labs » LiveView: an iPhone app for on-screen prototyping
Well, our Nicholas is at it again. This time he’s taken up iPhone application development, and has released a very cool (and, for a limited time, free!) little app intended to help interaction designers and other would-be iPhone software developers easily test pixel-perfect prototypes on their iPhones.
The system has two parts: the LiveView ScreenCaster and the LiveView iPhone application. The ScreenCaster is a simple application that puts a virtual iPhone skin on your screen, its dimensions corresponding to a real iPhone such that the pixels inside of the virtual skin are precisely as many as on a real iPhone display.
Once you’ve got the ScreenCaster running on a mac, all you need to do is make sure your iPhone is on the same wifi network and launch the LiveView iPhone app. Instantly you should see the name of your mac (and any others running ScreenCaster at the time). Clicking on your machine instantly brings up just the portion of the screen that you’ve ‘highlighted’.
But wait – there’s more! The ScreenCaster has an option to interpret touches as mouse clicks. Turn this feature on and your screencast becomes a two-way interactive prototype. Virtually any application on your mac, from the Finder to custom Flash apps, can quickly be ‘launched’ on your iPhone.
If you’re even thinking about building iPhone apps in the future we highly recommend grabbing this little app. Kudos, Nicholas!
36 Comments:
Trackbacks
- » EverydayUX morsels (January 24th - January 30th) | EverydayUX: Everyday User Experience by alex rainert 30/01/2009
- Intense Minimalism • Mi è morta la scheda grafica del MacBook Pro 18/02/2009
- Delicious Bookmarks (2009-04-01 - 2009-04-02) | Josh Babetski : Quixotic Bravado 02/04/2009
- Brent Sordyl’s blog » LiveView: an iPhone app for on-screen prototyping 03/04/2009
- Philip van Allen » new ecology of things class, anti-homogenous 21/04/2009
- me.taqumi » Blog Archive » links for 2009-04-26 26/04/2009
- Aral Balkan - Links for 2009-05-30 30/05/2009
- Dez aplicações para Mac de dar inveja aos usuários de Windows » AppleMania.info 10/07/2009
- Top 10 apps that make you want to switch to Mac | Apple Scene - Apps, iPhone, Mac and iPod 17/07/2009
- Saw48 » Top 10 apps that make you want to switch to Mac 23/08/2009
- popZenith » Blog Archive » Liveview: An iPhone app for on-screen prototyping 05/10/2009
- ryojiihara.com » Blog Archive » mouse2.0 25/10/2009
- 21 Prototyping, Mockup, and Wireframing Tools for iPhone App Development | iPhoneized 16/11/2009
Leave your comments
YOUR NAME (required)
YOUR EMAIL (NOT PUBLISHED) (required)
YOUR WEBSITE
IDEO Labs is a place where we can show bits of what we're working on, talk about prototyping, and share our excitement over the tools that help us create.
Copyright © IDEO LABS
Responses
- Order By
- First Post First
- Last Post First
Please Login to respond
James Kirkup
20/01/2009 at 7:04 am // PermalinkThis is really amazing, well done nick!
Bastiaan
20/01/2009 at 8:21 am // PermalinkAwesome, great job guys! I’ve been looking for something like this for my prototyping and it work really well, thanks for making this available!
Cone
20/01/2009 at 10:49 am // PermalinkIs that WordPress 2.5.1?
Paolo D Passeri
20/01/2009 at 5:46 pm // PermalinkThanks Nicholas … This app is great and really well done! It will be really usefull for my interface design for iPhone Home Automation, check them out at:
http://www.flickr.com/paolopasseri
Sean
20/01/2009 at 9:02 pm // PermalinkThis looks really great. Is the screencaster.app available?
Googe
20/01/2009 at 9:40 pm // PermalinkHey Sean,
I was just wondering the same thing.
Think I just found it here:
http://www.zambetti.com/projects/liveview/
Sean
20/01/2009 at 10:06 pm // PermalinkAh! Yeah if you are looking for the link to the screencaster app it is linked to from the app store page.
Alex Robert
20/01/2009 at 11:03 pm // PermalinkWhat a great App, and what a great idea! Keep up the good work and
thanx for sharing!!
John Eckman
24/01/2009 at 10:28 am // PermalinkVery nice – seems that the Mac OS app, live view screencaster, is not playing well with Mac OS “Spaces.”
If you launch the screencaster in one space, and then switch to another, it screecasts whatever space is currently on screen (which is good) but leaves the visible iphone “frame” on the space where it was started, making it difficult to line up the view.
But that’s a minor annoyance easily worked around – thanks for the app!
parker
18/02/2009 at 8:58 pm // PermalinkIs there a way to be able to rotate the viewer on the OSX screen to match if I make a horizontal prototype instead of always vertical?
Landscape instead of portrait?
Stijn Willems
04/03/2009 at 2:20 am // PermalinkThis is a usefull app but would be evan more usefull if the app could send accellerometer data too. A framework under construction is build at http://code.google.com/p/itouchfw/. Take a look maybe it is something to include.
David webber
06/03/2009 at 11:52 am // Permalink@Cone Looks like it
Ron Kurti
06/03/2009 at 7:36 pm // PermalinkThis little app is worth its weight in gold.
Extremely useful.
Extremely easy to run.
Makes all the developers I’ve shown it to get very very giddy.
thanks Nicholas & IDEO.
- r
cory
30/03/2009 at 2:27 am // Permalinkthis should be able to work over the net (streaming even) that way you could setup a trusty old security cam to view directly from your imac’s built in cam to your iphone when out and about
sk
02/04/2009 at 5:34 pm // PermalinkIs there a windows screencaster available? Possible?
Jay
02/04/2009 at 6:16 pm // PermalinkThis is great, no hassle at all, thanks for putting it together. I agree with parker about landscape mode.
Werkplace
02/04/2009 at 6:53 pm // PermalinkAh, finally a hack to get Flash to play on an iPhone. This has some installation art potential. Would never use it for prototyping a business app though.
Stuart Eaton
18/06/2009 at 12:35 am // PermalinkThis is such a great app, really it is f**king spot on
I have been using this for a while for developing iPhone apps. It is a great way to get your mock up layouts on the iPhone screen quickly, from there I can do screen shots on the iPhone. Perfect. I am having some problems getting it to work with OS3.0. The iPhone app often does not find the Mac screencatser anymore. You having the same issues? Its seems to work if i restart both the Mac and iPhone but then it stops working again if the Mac goes to sleep 
Eilidh Dickson
28/09/2009 at 12:14 pm // PermalinkThis tool is absolutely fantastic, I have just graduated from CIID (Copenhagen Institute if Interaction Design) and we have used it numerous times all year! Its great for creating interfaces to appear in video prototypes
Justin Dean
24/11/2009 at 9:10 pm // PermalinkSick. Just sick. One of those “why didn’t I think of that” tools that I suddenly can’t live without.
Jess Holt
05/01/2010 at 8:37 am // PermalinkVery cool – Is there currently a similar app for the Droid Eris HCT? We are trying to have a well-rounded suit of mobile testing apps. Suggestions?
Yennji
07/01/2010 at 7:32 am // Permalinkit’s awsome !!
Chris O'Donnell
10/01/2010 at 10:20 pm // PermalinkThis is wonderful! My thanks goes out to the developer—keep up the great work!