design for the mobile screen

Designing for the mobile screen

Andy NattCTO Boost Communications

andy@boost.no

@andynatt

We all love our mobiles

http://www.flickr.com/photos/kurobane/2869817101/lightbox/

More than talkinghttp://www.flickr.com/photos/kurobane/2869817101/lightbox/

Is this friendly?

So its up to us

http://www.flickr.com/photos/niallkennedy/3573598049

Analyse the needhttp://www.flickr.com/photos/georgesk117/3049414745/

Focus groupshttp://www.flickr.com/photos/gothano76/4905078445

Don Norman; VP Advanced Technology Group; Apple

User Experience

“I thought human interface and usability were too narrow.

I wanted to cover all aspects off the persons experience with the system including industrial design, graphics, the interface then physical interaction.”

Mobile First

1024 x 768

320 x 480

Make it fast – “Nobody wants to wait while they wait”

http://www.flickr.com/photos/59303791@N00/569173534/

Fatty fingers

• Landscape• Javascript• Tilting

• Gyroscope• Location• Touch

Features

Wireframing

Wireframing

http://www.flickr.com/photos/39137620@N06/3612817723/lightbox/

Progressive enhancement

Progressive Enhancement

http://www.flickr.com/photos/chicomattel/4498471688/in/photostream/

Prototyping

Prototyping

Make Martin happy

Andy andy@boost.no |

@andynatt