1

Make mobile app design

suck less And develop great apps along the way

Multimedia

Marketing

Techno geek

Martial Arts

MBA

BSc

Pharma

Digital Media

Intervet (MSD)

1972

Video

Mobile

Triumph

Spitfire

Yara

Medical

Biology

Floor

Eline

Enterprise 2.0

Erik van der Zijden Entreprenerd

Design

Apps

Reinventing

communication with tools

that change the world

One app, one life. At least

4

5

design noun

a plan or drawing produced to show the look and function or

workings of a building, garment, or other object before it is built

or made.

the art or action of conceiving of and producing such a plan or

drawing.

6

design noun

a plan or drawing produced to show the look and function or

workings of a building, garment, or other object before it is built

or made.

the art or action of conceiving of and producing such a plan or

drawing.

7 7

8

Print ... is designing for the

Web ... is designing for the

Mobile ... is designing for the

9

Interaction

design

Touching

Graphical

design

Seeing

10

Some examples

11

Dislaimer

I mean no harm. All examples, good and bad ones, have been found

and chosen randomly.

If I picked yours to show as a ‘bad’ example: I apologize. Fix it.

If I picked yours to show as a ‘good’ example: You may thank me later.

12

Graphs

13

Graphs

14

Calculators

15

User

interface

16

Colors &

background

17

Mobile Development Process

Discover

the idea

Functional

Design

Graphical

Design Development QA

App Store

Submission Marketing Updating

18

Mobile Development Process

Discover

the idea

Functional

Design

Graphical

Design Development QA

App Store

Submission Marketing Updating

19

You might build this:

Land

Fly

..when users really need this:

20

Functional

Design Wireframing

21

Functional

Design Wireframing

22

Functional

Design Functional Design

23

Icons, screens Graphical

Design

Functional

Design

24

User testing Graphical

Design

Functional

Design

25

Some

Design Best practices

26

Do not reinvent the wheel 1

27

Human Interface Guidelines

Aesthetic Integrity • Consistency • Direct Manipulation •

Feedback • Metaphors • User Control

28

User Interface Guidelines

29

Sharpen your pencils 2

30 30

Sharpen your pencils 2

31

Don’t make me think 3

32

Land

Fly

33

Colorize correctly 4

34

Colorize correctly 4

35

Colorize correctly 4

36

Go easy on the graphs 5

or

37

The ‘rules of thumb’ 6

38

Funny Fonts 7

Never, ever use Comic Sans. Promise.

39

Design for your audience 8

40

Keep It Simple, Stupid

41

erik@digiredo.nl

@erikdigiredo Go Design Something

Great