Mo' IXD

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

16. None
17. None
18. None
19. None
20. None
21. None
22. None
23. None

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

44. None

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: nfi[email protected] Twitter: @nickf