Thinking mobile and beyond (Dundee)

1,977 views

Published on

Slides from the presentations I gave in Edinburgh & Dundee on 21&22 Feb

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,977
On SlideShare
0
From Embeds
0
Number of Embeds
1,279
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Tomi’s 7 differences of internet on mobile1 - Personal2 - Permanently carried3 - Always on4 - Built in payment capabilities5 - Available on creative impulse6 - Best audience info7 - Captures social context
  • “First, understand the user’s world, then figure out how your design fits in”
  • Differs on every platform
  • DisconnectedDesign for ocassional connectedness
  • Thinking mobile and beyond (Dundee)

    1. 1. What and why everydeveloper needs toknow about mobile
    2. 2. Thinking mobile…and beyond
    3. 3. !=
    4. 4. “in dreams begin responsibilities” – Delmore Schwartz
    5. 5. “Our thinking is guided by what we know” – Tomi T Ahonen
    6. 6. !=
    7. 7. “there is no prevailing wisdom in mobile” – W3C
    8. 8. !=
    9. 9. context
    10. 10. “mobilize, don’t minimize” – Barbara Ballard
    11. 11. WHO? WHERE ?WHEN? WHY? WHAT? HOW?
    12. 12. “First, understand the user’s world, then figure out how your design fits in”
    13. 13. context canpoint tointent
    14. 14. “I found myself writing differently because I understood that the medium that was going to be used to acquire, consume and share ... was different.” – Seth Godin
    15. 15. context
    16. 16. input
    17. 17. Standard controls,used in standardways, are intuitive
    18. 18. MINIMIZE USER INPUT•Selection not entry •Auto complete•Smart defaults •Auto correct•Small lists •No duplication•Infer •Access keys•Lookup •No need for help
    19. 19. “should be written to deal with every conceivable error” – RFC 1122
    20. 20. "Sent from my mobile phone - please excuse typos and brevity"
    21. 21. “conservative in what you do, liberal in what you accept” – RFC 793
    22. 22. Avoid complex controls
    23. 23. ********
    24. 24. The “hot zone”
    25. 25. GESTURES
    26. 26. GESTURES• Standardised• Simple – not taught• Not easily confused• Distinct• Not the only way of doing something• Single finger is best
    27. 27. input
    28. 28. output
    29. 29. How to cope?1. LCD2. Targeting3. Breakdown
    30. 30. LESS SPACE• Remove redundancy ruthlessly• Keep it simple• Be clear and concise• Abbreviate• White space is important but don’t waste space• HIG/design guidelines• Be flexible
    31. 31. 1 hand 2 handscasual engaged
    32. 32. MINIMIZE OUTPUT
    33. 33. “Omit [needless] words” – Strunk & White
    34. 34. “Je nai fait celle-ci plus longue que parce que je nai pas eu le loisir de la faire plus courte” – Blaise Pascal, 1657
    35. 35. “I have only made this [letter] longer, because I have not had the time to make it shorter” – Blaise Pascal, 1657
    36. 36. EMBRACECONSTRAINTS
    37. 37. “It has always been an axiom of mine that the little things are infinitely the most important” – Sir Arthur Conan Doyle
    38. 38. Beware the “uncanny valley”
    39. 39. lookinggood?
    40. 40. “If my bottom is vibrating there better be a very good reason for it” – Rands
    41. 41. Other outputsExternal servicesSensors/peripheralsEmailPrintingSecondary displays
    42. 42. output
    43. 43. response
    44. 44. PERCEPTION
    45. 45. DO LESSWITH LESS
    46. 46. DO ITELSEWHERE
    47. 47. “Performance is a feature” – Jeff Atwood
    48. 48. response
    49. 49. connectivity
    50. 50. 1. NONE2. SLOW3. DROP
    51. 51. connectivity
    52. 52. resources
    53. 53. resources
    54. 54. response connectivityoutput resourceinput s context
    55. 55. “there is no prevailing wisdom in mobile” – W3C
    56. 56. EXPECTATIONSSOPHISTICATION
    57. 57. Just because you build it...
    58. 58. It’s business
    59. 59. NOW GO!AND MAKE COOL STUFF
    60. 60. http://mrlacey.com/

    ×