Mo' IXD

Mobile Interaction Design

Transcript

1. Presented by NICK FINCK MO’ IXD MOBILE INTERACTION DESIGN
2. ABOUT ME Photo by Jeff Croft - http://bit.ly/g0hPil UX Director Übermind Personal Site NickFinck.com Twitter @nickf Geek Cred First MOW app
3. Twitter hashtag: #MoIXD
4. OVERVIEW Definitions Methods Tools Examples Business Q&A
5. SKETCHING
6. “Sketching is a low fidelity way to quickly iterate on design.”
7. Nick Finck sketching tools Garrett Dimon sketching tools Michael Angeles sketching tools Geoff Barnes sketching tools
8. Design Commission iPhone Stencil Design Commission iPad Stencil Design Commission iPhone Sketch Pad Design Commission iPad Sketch Pad Design Commission Website Stencil Design Commission Android Stencil
9. Brandon Ewoldt sketches Michael Angeles sketches Anthony Armendariz sketches KC Oh sketches
10. WIREFRAMING
11. “Wireframes are simply a tool for communicating design decisions.”
12. OmniGroup OmniGraffle Microsoft Visio Axure RP ProtoShare
13. Konigi Wireframe Stencil Theresa Neil iPhone Wireframe Stencil Cvilly Touch Gesture Reference MarlinMobile Android Wireframe Stencil
14. Paul Trow wireframes James Yoon wireframes Annie Fang wireframes Arquinauta wireframes
15. AN EXAMPLE WIREFRAME PROJECT
24. A WORD ON METHODOLOGY
25. WE WORRY ABOUT BROWSERS, CODE, OS…
26. …AND WHAT IS A MOBILE PLATFORM.
27. Who cares!
28. BESIDES, TABLETS ARE JUST PADDS.
29. …NO, REALLY!
30. OBSERVE HOW PEOPLE USE IT!
31. “Testing with users takes the guesswork out of projects.”
32. PEOPLE DON’T CARE ABOUT THE TECH!
33. “The best thing a mobile interaction designer can do is observe human behavior.”
34. PROTOTYPING
35. “Prototypes are a quick and easy way to show intended design behavior.”
36. Rodolphe  Cour,er  Paper  Prototype Braman,  Lau,  &  Nomikos  Paper  Prototype Notepod  Paper  Prototype NPR  Paper  Prototype
37. “So get yourself some paper & duct tape, and go build something freak’n cool!”
38. WHAT IS AHEAD?
39. Oblong’s  G-­‐Speak  gestural  interface
40. MIT  Media  Lab’s  Sixth  Sense  wearable  gestural  interface
41. Kyocera’s  concept  foldable  phone
42. Skiff  Reader  "Metal  Foil"  touchscreen  display
43. Human  Media  Lab  at  Queen’s  University’s  prototype  electronic  paper  phone
45. STRATEGY
46. “We can't solve problems by using the same kind of thinking we used when we created them.” - Albert Einstein
47. Mobile is core to the strategy.
48. NOT EVERYONE’S BOSS IS MICHAEL SCOTT
49. …THEY ARE MORE LIKE DAVID WALLACE.
50. Show them the evidence.
51. THANK YOU!
52. QUESTIONS
53. FOLLOW-UP QUESTIONS Consulting: Ubermind.com Personal: NickFinck.com Email: nfinck@ubermind.com Twitter: @nickf