How To Design And Prototype User Interfaces Using Keynote on iCloud.com

Is it possible to create high fidelity UI mockups with Keynote on Mac AND Windows PC without having it installed on your machine? This quick post and video shows how you can design UI for your apps using Keynote on iCloud.com

As you may already know, Apple shut down iWork.com (which used to be great for sharing and discussion Keynote prototypes), and integrated iWork apps into iCloud.com, making it possible to create documents, spreadsheets and presentations in the cloud.

iCloud

It’s possible to create basic shapes, solid and gradient fills, and add images and effects, which makes it a solid tool for laying out basic user interfaces. And if you have Keynotopia UI templates, you can import them into Keynote on iCloud.com and use them the same way you would in the desktop version of Keynote to create high fidelity interface screens quickly!

You can open a Keynotopia template side by side to a blank presentation (make sure you upload and use the blank starter templates included with Keynotopia to get the right sizes for iPhone, iPad, etc…), then copy and paste interface components from the template slides into your prototype slides. You can edit shape colors, effects and change text all in the cloud.

Keynotopia iCloud

This is a great alternative for PC users to get the same power and simplicity of Keynote, without having to buy a Mac or PowerPoint for the PC. You can even share a link to the presentation for someone to jump in and start editing it with you without having to buy and download Keynote, which makes is good for collaboration with teams and clients.

Here’s a 3-minute video (with a cool soundtrack) that shows how I design user interface prototypes with Keynote on iCloud.com



Keynote on iCloud has two limitations at the moment, and I believe the Apple team is working hard on adding them:
– Hyperlinks: You can’t create hyperlinks to make your interface clickable and interactive yet
– Animations: Basic fade-in animation is supported, but not the awesome Magic Move (yet)

Aside from that, it’s a great (FREE!) tool for designing and prototyping user interface mockups in the cloud, on both Mac and PC. You can sign up for iCloud here.

Prototype Your Web and Mobile Apps Using Keynote, Even If You Don’t Have A Mac!

Comments are closed.