Thursday, September 20, 2012

UX Sketching And Wireframing Templates For Mobile Projects


Go to article

(Smashing's side note: Have you already bought the brand new Smashing Book #3? The book introduces new practical techniques and a whole new mindset for progressive Web design. Get your book today!)

Today we are happy to release two printable UX sketching and wireframing templates, designed byPixle for Smashing Magazine’s readers. This article presents  Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device.

Outline

Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists of a few combinations, such as actual size, 10 devices fit to a page, and landscape layout.
Note: Print the sheets at actual size (i.e. do not resize).
As a bonus, Outline includes an Illustrator file displaying the mobile devices.
Outline set
Outline paper set
Windows Phone 7 Panorama template
Windows Phone 7 and 8 panorama template
Android 4.x template
Android 4.x template

Tapsize

With Tapsize, you can determine the optimal tap area without having an actual device. Just print the screen you need. The set includes 9 PDFs:
  • 3.5 inches — 640 × 960 pixels
  • 4.65 inches — 1280 × 720 pixels
  • 5.3 inches — 1280 × 800 pixels
  • 7 inches — 1024 × 600 pixels
  • 7 inches — 1280 × 800 pixels
  • 7.7 inches — 1280 × 800 pixels
  • 8.9 inches — 1280 × 800 pixels
  • 9.7 inches — 1024 × 768 and 2048 × 1536 pixels
  • 10.1 inches — 1280 × 800 pixels
Note: Print the sheets at actual size (i.e. do not resize).
Tapsize set
Tapsize paper set
Calculated grid
Calculating the grid
Checking optimal tap size on paper Google Nexus 7 tablet :)
Checking the optimal tap area for the Google Nexus 7 tablet.

Download The Set For Free

Both sets are completely free to use for commercial and personal projects, without any restrictions. Please link to this article if you want to spread the word.
We’d like to thank the creative minds behind Pixle for providing the resources for everybody to use and share.
(al)

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.