Under the Bridge

Roundup: UI Design

So it’s been a couple months since we dragged our posts on various artistic bits into UI Design For Artists, and yep, we see in this vancouver-iphone-developers thread that things just keep moving along. Let’s take a look at what’s new in the non-programmer UI design world, shall we?

Template:

MockApp — This Keynote (or PowerPoint, if you’re stuck with really hopeless designers) template claims to be the most comprehensive vector iPhone tool out there, and we see no reason to question that. So if you’re currently using the Photoshop, OmniGraffle, or whatever templates linked through the post above, might want to check this one out.

Demo Framework:

Briefs — “is a framework for packaging concept screens & control schemes that run live on the iPhone and iPod Touch. This allows you to experience the feel of your concept without the expense of development.” Personally, if we were going to as much trouble as it would take to put something together with this, we think we’d just slap together a real application shell … but hey, no doubt it has its place, and we do like to be exhaustive in our roundups, yes.

Sketch paper:

OK, we thought that a steel UI stencil was pretty neat a few months back — and there’s an acrylic one available now too — but it seems the latest trend is actual preprinted dead tree products for offline UI design:

And for actual books, courtesy of TUAW’s shootout we learn about

  • iPhone Application Sketch Book– 150 pages, 1 template at 150% size and lots of room for notes on each page. Now published by Apress — an update since the TUAW article, apparently — and from the same fellow who did the acrylic stencil mentioned above, so presumably they would work together well.
  • App Sketchbook — “Designing iPhone® Apps? There’s a sketchbook for that.” How cute. Wire-bound, 50 double-sided pages perforated or not, 3 templates a page.
  • The Developer Sketchbook for iPhone Apps was TUAW’s favorite, the most elaborate by far of the bunch by far. As advertised:

    • 100 Pages of 320 x 480 Grids for Portrait User Interface Design
    • 100 Pages of 480 x 320 Grids for Landscape User Interface Design
    • 200 Pages of Flowcharts for Outlining an App’s Navigation
    • 100 Pages of Square Grids for App Icon Design
    • Dedicated Space on Every Page for Detailed Notes
    • 518 Pages Total = Great Value!

So there you go. And if that sounds like just the kind of fun you’re looking for, here’s your handy ordering link, go wild!

2