Friday, September 24, 2010

iPhone Wireframing Template

I read a blog post by a designer named Morten and loved his experiment to create a stencil to design using Google Drawings! I was inspired to create one for the iPhone. It's an ongoing process and I'm going to update the template as I make progress on another project that I'm working on.

I traditionally use Adobe Fireworks to create wireframes, I hate Visio and not too much experience with Omnigraffle, but this is a very nice alternative.

Some observations after using it:
  • Copy and paste is still flaky and am hoping Google will address some of that soon.
  • It could also use gradient support but in all its got some robust controls to create wireframes.
  • I hope Google includes locking, sometime its painful when selecting objects!



The template is sectioned into 3 major sections
  1. Parts and Controls
  2. The Drawing Board
  3. Interaction Indicators

Hope you like the template! If you've got some suggestions, do post! It's a ThinkTank project and I'd like to collaborate!

Original post : A Wireframe kit for Google Drawings

My template : Source

0 comments: