57
the evolution of experience. Designing Mobile Apps JD Graffam

Designing Mobile Apps

Embed Size (px)

DESCRIPTION

My slides from ConvergeSE 2011

Citation preview

Page 1: Designing Mobile Apps

the evolutionof experience.

Designing Mobile AppsJD Graffam

Page 2: Designing Mobile Apps

Mobile design must:

Page 3: Designing Mobile Apps

Blend in with our lives,

Page 4: Designing Mobile Apps

feel natural,

Page 5: Designing Mobile Apps

and be brutally simple.

Page 6: Designing Mobile Apps

But don’t get too excited.

Page 7: Designing Mobile Apps

Simple ain’t easy.

Page 8: Designing Mobile Apps

My Background

Page 9: Designing Mobile Apps
Page 10: Designing Mobile Apps
Page 11: Designing Mobile Apps

cssforprintdesigners.com

Page 12: Designing Mobile Apps
Page 13: Designing Mobile Apps
Page 14: Designing Mobile Apps

Getting Started

Page 15: Designing Mobile Apps

“Everybody looks good at the starting line.”

—Paul Thorn

Page 16: Designing Mobile Apps
Page 17: Designing Mobile Apps
Page 18: Designing Mobile Apps
Page 19: Designing Mobile Apps
Page 20: Designing Mobile Apps
Page 21: Designing Mobile Apps
Page 22: Designing Mobile Apps
Page 23: Designing Mobile Apps

Process

Page 24: Designing Mobile Apps
Page 25: Designing Mobile Apps
Page 26: Designing Mobile Apps

Make It Useful First

Page 27: Designing Mobile Apps
Page 28: Designing Mobile Apps
Page 29: Designing Mobile Apps
Page 30: Designing Mobile Apps
Page 31: Designing Mobile Apps
Page 32: Designing Mobile Apps

Environment

Page 33: Designing Mobile Apps
Page 34: Designing Mobile Apps
Page 35: Designing Mobile Apps
Page 36: Designing Mobile Apps
Page 37: Designing Mobile Apps
Page 38: Designing Mobile Apps

Ergonomics

Page 39: Designing Mobile Apps

Source: Josh Clark

Page 40: Designing Mobile Apps
Page 41: Designing Mobile Apps

44

44

44

Page 42: Designing Mobile Apps
Page 43: Designing Mobile Apps

This Is Not Your Father’s Web Design

Page 44: Designing Mobile Apps
Page 45: Designing Mobile Apps
Page 46: Designing Mobile Apps
Page 47: Designing Mobile Apps
Page 48: Designing Mobile Apps

The fold is backfrom the dead.

Page 49: Designing Mobile Apps
Page 50: Designing Mobile Apps

If you can fit it on one screen, do it.

Page 51: Designing Mobile Apps
Page 52: Designing Mobile Apps

This is not a law.

Page 53: Designing Mobile Apps
Page 54: Designing Mobile Apps
Page 55: Designing Mobile Apps

“Mobile design is industrial design.”

—Josh Clark

Page 56: Designing Mobile Apps

Thank you.

Page 57: Designing Mobile Apps

JD Graffam@jdgraffam, [email protected], simplefocus.com,cssforprintdesigners.com, dribbble.com/jdgraffam,

facebook.com/jdgraffam...you get the point.