Modeling The Mobile UX

Download Modeling The Mobile UX

Post on 07-Nov-2014

995 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

This presentation is made by Bryan Reger. It is very nice and detailed presentation in which he describes how to model User Experience for Mobile Apps. Must read it .....

TRANSCRIPT

<ul><li> 1. Modelling User Mobile the Experience We become what we behold. We shape our tools and then our tools shape us. Marshall McLuhan bryan rieger Friday, 25 September 2009 </li> <li> 2. last millennium since then... theatre design web illustration from T oronto, Canada mobile animation , eh! design development writing Sabbatical in Web games South East Asia entertainment animation open source DIY Tools Mosaic advertising management Java Processing Qt netscape Hypercard AfterEffects Flash media on devices WAP Flash Lite Web rapid prototyping mobile craft animation Bill Buxton Web motion graphics MPEG4 SVG UML research graphic design QuickTime animation multimedia SMIL standards John Maeda UK design Brenda Laurel theatre design dot.com boom research and design 1991 1996 2000 2005 2009 a little bit about me... a straight line may be the shortest distance between two points, but is by no means the most interesting... Friday, 25 September 2009 </li> <li> 3. a few animation tools... Friday, 25 September 2009 </li> <li> 4. change is constant the spec the script Friday, 25 September 2009 </li> <li> 5. style layout flow storyboards Friday, 25 September 2009 </li> <li> 6. behaviour style style structure models + layouts Friday, 25 September 2009 </li> <li> 7. flow resource management state dope sheets* *now more often referred to as timelines Friday, 25 September 2009 </li> <li> 8. layout structure behaviour pencil tests Friday, 25 September 2009 </li> <li> 9. but not finished complete provide visibility of project as a whole animatics Friday, 25 September 2009 </li> <li> 10. and now some interactive tools... Friday, 25 September 2009 </li> <li> 11. My Photo Sharing App My Photo Sharing App My Photo Sharing App preview image preview image preview image photo album 1 photo album 1 img img img img img photo album 2 photo album 3 photo album 2 photo album 4 photo album 3 Previous Next Options Select Back Options View Back Options Back wireframes Friday, 25 September 2009 </li> <li> 12. and...? Friday, 25 September 2009 </li> <li> 13. wireframes... or my journey playing cognitive connect the dots on a road through hell + prototypes, but well get to them later. Friday, 25 September 2009 </li> <li> 14. wireframes visual design? ...are layouts for UI without any graphics used to evaluate the positioning of elements on screen. layout Friday, 25 September 2009 </li> <li> 15. wireframes visual design? ...are a visual map that outlines the layout and function of elements that helps define how pages appear and behave legacy... interaction design? layout + behaviour Friday, 25 September 2009 </li> <li> 16. wireframes ...suggest a basic visual structure, and illustrate clearly defined flows through an application. flow? layout + behaviour + flow Friday, 25 September 2009 </li> <li> 17. wireframes layout, behaviour and flow... are they really fit for purpose? Friday, 25 September 2009 </li> <li> 18. A B lets just deal with the problem of flow... Friday, 25 September 2009 </li> <li> 19. From: client xyz Project is approved! G. would like wireframes for devs in NYC asap! Have a great weekend! Cheers! Friday, 25 September 2009 </li> <li> 20. My Photo Sharing App preview image photo album 1 photo album 2 photo album 3 photo album 4 Options Select Back and what happens next? Friday, 25 September 2009 </li> <li> 21. imagination interpretation the ability to see the ability to fill in the things that are not gaps that imagination there... leaves behind Friday, 25 September 2009 </li> <li> 22. Friday, 25 September 2009 </li> <li> 23. Friday, 25 September 2009 </li> <li> 24. Friday, 25 September 2009 </li> <li> 25. Friday, 25 September 2009 </li> <li> 26. Friday, 25 September 2009 </li> <li> 27. lawn chair? Friday, 25 September 2009 </li> <li> 28. Is this the lawn chair you had in mind? Friday, 25 September 2009 </li> <li> 29. My Photo Sharing App preview image Previous Next Options Back ...how did I get here? Friday, 25 September 2009 </li> <li> 30. My Photo Sharing App My Photo Sharing App preview image preview image photo album 1 photo album 2 photo album 3 photo album 4 Previous Next Options Select Back Options Back Version 1.0 layout, behaviour and flow - really? Friday, 25 September 2009 </li> <li> 31. From: client xyz lacking detail, requires too much cerebral gymnastics. pls review - kthxbai. Friday, 25 September 2009 </li> <li> 32. My Photo Sharing App My Photo Sharing App preview image preview image photo album 1 photo album 2 photo album 3 photo album 4 Previous Next Options Select Back Options Back Version 1.0 we return to our wireframes, Friday, 25 September 2009 </li> <li> 33. My Photo Sharing App My Photo Sharing App My Photo Sharing App preview image preview image preview image photo album 1 photo album 1 img img img img img photo album 2 photo album 3 photo album 2 photo album 4 photo album 3 Previous Next Options Select Back Options View Back Options Back Version 2.0 and begin to fill in the gaps... Friday, 25 September 2009 </li> <li> 34. My Photo Sharing App My Photo Sharing App My Photo Sharing App preview image preview image preview image photo album 1 photo album 1 img img img img img photo album 2 photo album 3 photo album 2 photo album 4 photo album 3 Previous Next...</li></ul>