Tapworthy Apps

27
The Ergonomics of Design Tapworthy Apps

description

Tapworthy Apps. The Ergonomics of Design. Intuitive Design. Obey Physical Laws. Mirror the World. Rule of Thumb. Rule of Thumb. Controls on Bottom. Primary Content on Top. More: Secondary Nav. Use What's Familiar. Big Buttons. Overcrowding. Avoid Clutter. Simplicity. Simplicity. - PowerPoint PPT Presentation

Transcript of Tapworthy Apps

Page 1: Tapworthy Apps

The Ergonomics of Design

Tapworthy Apps

Page 2: Tapworthy Apps

Intuitive Design

Page 3: Tapworthy Apps

Obey Physical Laws

Page 4: Tapworthy Apps

Mirror the World

Page 5: Tapworthy Apps

Rule of Thumb

Page 6: Tapworthy Apps

Rule of Thumb

Page 7: Tapworthy Apps

Controls on Bottom

Page 8: Tapworthy Apps

Primary Content on Top

Page 9: Tapworthy Apps

More: Secondary Nav

Page 10: Tapworthy Apps

Use What's Familiar

Page 11: Tapworthy Apps

Big Buttons

Page 12: Tapworthy Apps

Overcrowding

Page 13: Tapworthy Apps

Avoid Clutter

Page 14: Tapworthy Apps

Simplicity

Page 15: Tapworthy Apps

Simplicity

Page 16: Tapworthy Apps

The One Thing

Page 17: Tapworthy Apps

Scroll vs. 'Flip'

Page 18: Tapworthy Apps

Magic Number 44

Page 19: Tapworthy Apps

Iconic 88

Page 20: Tapworthy Apps

Tapworthy Design • Mirror rules of physical world

• Put primary controls in thumb's "hot zone"

• 44 is the magic number for tap areas

• Be generous with space, don't crowd design

• Keep controls in reach, avoid scrolling

Page 21: Tapworthy Apps
Page 22: Tapworthy Apps

More is not more

Page 23: Tapworthy Apps
Page 24: Tapworthy Apps

WWJD

Page 25: Tapworthy Apps

What Would Jobs Do?

WWJD

Page 26: Tapworthy Apps

Tab Nav

Page 27: Tapworthy Apps

Tree Nav