Download - Design for the mobile screen
![Page 2: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/2.jpg)
We all love our mobiles
http://www.flickr.com/photos/kurobane/2869817101/lightbox/
![Page 3: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/3.jpg)
More than talkinghttp://www.flickr.com/photos/kurobane/2869817101/lightbox/
![Page 4: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/4.jpg)
Is this friendly?
![Page 5: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/5.jpg)
So its up to us
http://www.flickr.com/photos/niallkennedy/3573598049
![Page 6: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/6.jpg)
Analyse the needhttp://www.flickr.com/photos/georgesk117/3049414745/
![Page 7: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/7.jpg)
Focus groupshttp://www.flickr.com/photos/gothano76/4905078445
![Page 8: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/8.jpg)
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.”
![Page 9: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/9.jpg)
Mobile First
1024 x 768
320 x 480
![Page 10: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/10.jpg)
![Page 11: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/11.jpg)
Make it fast – “Nobody wants to wait while they wait”
http://www.flickr.com/photos/59303791@N00/569173534/
![Page 12: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/12.jpg)
Fatty fingers
![Page 13: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/13.jpg)
• Landscape• Javascript• Tilting
• Gyroscope• Location• Touch
Features
![Page 14: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/14.jpg)
Wireframing
Wireframing
http://www.flickr.com/photos/39137620@N06/3612817723/lightbox/
![Page 15: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/15.jpg)
Progressive enhancement
Progressive Enhancement
http://www.flickr.com/photos/chicomattel/4498471688/in/photostream/
![Page 16: Design for the mobile screen](https://reader033.vdocument.in/reader033/viewer/2022052900/55617f09d8b42a171a8b5381/html5/thumbnails/16.jpg)
Prototyping
Prototyping