The Smashing Editorial

About The Author

The Smashing Editorial The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

UX Sketching And Wireframing Templates For Mobile Projects

Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle 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 is a set of 28 printable sketching and wireframing papers (in...

Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle 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.

Behind the Design

Pixle are talented and skilled dots based in Warsaw, Poland, focusing on mobile software and UI design. Besides mobile apps like Bord and Foldify, they designed Gesty and Subway icons sets for designers and developers.

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) (il)


More Articles on

Making A Better Internet

by Rian van der Merwe

My relationship with the Internet oscillates between waves of euphoria and waves of angst. Some things make me extraordinarily happy: like a client who loves usability testing so much when they first experience it that they can’t sleep for days; or connecting with someone whose writing I’ve admired for many years. But other things make me want to close my computer forever and go live on...

Read more

Guidelines For Designing With Audio

by Karen Kaushansky

As we’ve seen, audio is used as a feedback mechanism when users interact with many of their everyday devices, such as mobile phones, cars, toys and robots. There are many subtleties to designing with audio in order to create useful, non-intrusive experiences. Here, we’ll explore some guidelines and principles to consider when designing with audio. While I won’t cover this here, audio is...

Read more

Sticky Menus Are Quicker To Navigate

by Hyrum Denney

Most designers would agree that navigation is one of the most critical components of a website. Despite this, it is not always easy to use or access. Traditionally, users must scroll back to the top of the website to access the navigation menu. I recently wondered whether sticky menus makes websites quicker to navigate, and I conducted a usability study to find the answer. Let’s look...

Read more