4ourth Mobile Touch Template (3-3/8” x 2-1/8”)

16 FEB 2012
As laser cut for prototypes.

1 mm

0

1

2

3

4 cm

www.4ourth.com

12

24pt

Typical target
5/16” / 8 mm

Priority target
3/8”  / 10 mm

2”

GOOD:

AVOID:

Link above it
Target link
And link below

If more than one link, button, or other interactive item can be placed inside a circle, users will sometimes accidentally activate the wrong one.

1/2

14 pt baseline

mobile	design
for
touch
screen

1/4

1/8

1/16

10 pt type baseline

20 JUN 2012
Revisions:
• Baselines centered, to allow flipping template and making straight lines w/o right-angle tool.
• Baselines incorrectly sized! Now correct and labeled.
• Removed OS-specific icons.
• Added type scale.
• Increased some line weights.
• Renamed targets to be more clear.
• Labeled remaining items.
• Moved stuff around.
• Moved all rulers off radiuses

Minimum height of any text / numeric form element

4ourth.com

Minimum target
5/16” / 8 mm

Preferred target
3/8”  / 10 mm

If more than one link, button, or other interactive item can be placed inside any circle, users will sometimes accidentally activate the wrong one.

Minimum height of any button

6 pt
7 pt
8 pt
10 pt
11 pt
12 pt Helvetica

14/16 pt baseline

10 pt baseline (12pt)

25 JUN 2012
Revisions:
• Removed big branding.
• Fixed a number of typos.
• Changed baseline references to typographers default.
• Moved pt scale slightly.
• Fixed serious error in mm scale.
• Moved hand, and circles. Added another punched circle.
• Added in type scales up to 18 pt.
• Changed the way the button and form are shown.

Minimum target
5/16”  8 mm

Preferred target
3/8”  10 mm

6 Helvetica
7
8
9
10
11
12
14
16
18

Minimum form field height

Minimum button height

10/12 pt baseline

iOS Back and header buttons are common, but too small and OS-specific. Find a place for it, or leave it out?

Would like to put a bigger type scale in there, but it is big!

6 Helvetica
7 Helvetica
8 Helvetica
9 Helvetica
10 Helvetica
11 Helvetica
12 Helvetica
14 Helvetica
16 Helvetica
18 Helvetica

mobile	design
for
every
screen

Slacker Media

Steven Hoober
steven@4ourth.com
+1 816 210 0455
@shoobe01
shoobe01 on:
www.4ourth.com