Mobile Interaction Design & Strategy

9,880 views
9,656 views

Published on

Long-term mobile strategy for staying ahead of the curve

Mobile is quickly becoming the go-to platform, as users lean on the convenience of mobile devices before cracking open a laptop. This is causing a cataclysmic change in how we think about user behavior. Context goes hand-in-hand with creating good mobile user experiences. Gestures and more complex interactions are beginning to take shape. Cross-platform, cross-media, cross-channel are quickly becoming critical in the success or failure of products and services online.

Now's the time to ask the tough questions: What are the best techniques and methodologies for doing mobile interaction design? How does context play a role in the mobile user experience? What are the up-and-coming mobile techniques? What is your long-term mobile strategy for staying ahead of the curve?

In this presentation, we'll explore mobile interaction design (IXD) at great depth, looking at where technology and innovation are taking the mobile industry, and what milestones we'll pass along the way, and we'll walk through some example mobile projects end-to-end.

What will I get out of this session?
- Knowledge of techniques and methodologies for mobile IXD
- Knowledge of how context impacts the mobile user experience
- An understanding of how new technologies are changing mobile
- A sense of where mobile is headed

Who should attend?
- User experience professionals
- Interaction designers
- Product managers
- Marketing managers
- Others who want to learn about mobile IXD

1 Comment
23 Likes
Statistics
Notes
  • it really makes a general understanding about mobile UI design
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
9,880
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
268
Comments
1
Likes
23
Embeds 0
No embeds

No notes for slide

Mobile Interaction Design & Strategy

  1. 1. Mobile Interaction DesignPresented by Nick Finck<br />
  2. 2. About Me<br />User Experience Evangelist<br />Blink Interactive<br />Personal Site<br />NickFinck.com<br />Twitter<br />@nickf<br />Nominated<br />Seattle’s sexiest geek<br />Photo by Jeff Croft - http://bit.ly/g0hPil<br />
  3. 3. Twitter hashtag: #MobileIXD<br />
  4. 4. Overview<br />Tools<br />Methodology<br />What’s next<br />Strategy<br />Q&A<br />
  5. 5. You’re just a tool<br />
  6. 6. “Sketching is a low fidelity way<br /> to quickly iterate on design.”<br />
  7. 7. Sketching<br />KC Oh sketches<br />Brandon Ewoldt sketches<br />Michael Angeles sketches<br />Anthony Armendariz sketches<br />
  8. 8. Sketching Stencils<br />Design Commission iPhone Stencil<br />Design Commission Android Stencil<br />Design Commission iPad Stencil<br />Design Commission Website Stencil<br />
  9. 9. Sketching Pads<br />Design Commission iPhone Sketch Pad<br />Design Commission iPad Sketch Pad<br />
  10. 10. “Wireframesare simply a tool<br /> for communicatingdesign<br />decisions.”<br />
  11. 11. Wireframes<br />Nick Finck wireframes<br />Paul Trow wireframes<br />James Yoon wireframes<br />Annie Fang wireframes<br />
  12. 12. Wireframe Software<br />OmniGroupOmniGraffle<br />Microsoft Visio<br />Axure RP<br />ProtoShare<br />
  13. 13. Wireframe Stencils<br />Konigi Wireframe Stencil<br />MarlinMobile Android Wireframe Stencil<br />Theresa Neil iPhone Wireframe Stencil<br />Cvilly Touch Gesture Reference<br />
  14. 14. “Prototypes are a quick and<br /> easy way to show intended<br /> design behavior.”<br />
  15. 15. Prototyping<br />RodolpheCourtier Paper Prototype<br />NPR Paper Prototype<br />Braman, Lau, & Nomikos Paper Prototype<br />Notepod Paper Prototype<br />
  16. 16. “So get yourself some paper<br /> & duct tape, and go build<br />something freak’n cool.”<br />
  17. 17. A word about methodology<br />
  18. 18. We worry about browsers, code, OSs,…<br />
  19. 19. …and what is a mobile platform.<br />
  20. 20. Who cares!<br />
  21. 21. Besides, Tablets are really just PADDs.<br />
  22. 22. …No, really!<br />
  23. 23. Observe how people use it!<br />
  24. 24. “Testing with userstakes the<br />guesswork out of projects.”<br />
  25. 25. People don’t care about the tech!<br />
  26. 26. “The best thing a mobile<br /> interaction designer can do is<br /> observe human behavior.”<br />
  27. 27. A little story about touch-screens<br />
  28. 28. What’s going to broadside us?<br />
  29. 29. Gestural Interface<br />Oblong’s G-Speak gestural interface<br />
  30. 30.
  31. 31. Wearable<br />MIT Media Lab’s Sixth Sense wearable gestural interface<br />
  32. 32.
  33. 33. Foldable<br />Kyocera’s concept foldable phone<br />
  34. 34. Flexible<br />Skiff Reader "Metal Foil" touchscreen display<br />
  35. 35. Paper-Thin<br />Human Media Lab at Queen’s University’s prototype electronic paper phone<br />
  36. 36.
  37. 37.
  38. 38. Let’s talk strategy<br />
  39. 39. “We can't solve problems by<br />using the same kind of <br /> thinking we used when we<br />created them.”<br />- Albert Einstein<br />
  40. 40. Throw away the mobile strategy.<br />
  41. 41. “In the end it’s not your mobile<br /> web strategy or app-store <br /> strategy. It’s just plain strategy.”<br />- Josh Clark, UX-Lx, May 2011<br />
  42. 42. Not everyone’s boss is David Brent<br />
  43. 43. …They are more like Neil Godwin.<br />
  44. 44. Show them the evidence.<br />
  45. 45. Thank You<br />
  46. 46. Questions<br />
  47. 47. Follow-up questions<br />Consulting: BlinkInteractive.com<br />Personal: NickFinck.com<br />Email: nick@blinkinteractive.com<br />Twitter: @nickf<br />

×