UX for Mobile with Steven Hoober at Pointworks Academy
Download as PPTX, PDF1 like650 views
This document discusses user experience design for mobile ecosystems. It focuses on designing for people and complex systems. Sections provide guidance on embracing failure, defining the problem before designing a solution, and information architecture principles like ensuring designs are accessible across different devices. The document emphasizes starting with users, ecosystems over individual systems, and validating designs through evaluation. Interactive exercises guide generating concepts for a new service, including defining the purpose and value proposition, target users, and interface designs. Overall it presents a human-centered approach to designing mobile products and services for complex, interconnected systems.
UX for Mobile with Steven Hoober at Pointworks Academy
- 1. 1 @shoobe01 @PointworksKC UX for Mobile Design for People and Ecosystems
- 2. 2
- 3. 3 Program Architect Product Owner Another Product Owner User Experience
- 4. 4
- 6. 6 Don’t bet on unicorns.
- 8. 8
- 9. 9
- 10. 10
- 14. 14 Proximity Accelerometer Gryosensor Light color Gesture Cover sensor Light level Capacitive Touch Screen
- 15. 15
- 16. 16 PEBBLE
- 17. 1717
- 18. 18
- 19. 19
- 20. 20
- 21. 21
- 22. 22
- 23. 23
- 24. 24 EXERCISE: Let’s make our own service
- 26. 26 Information Architecture is not just navigation.
- 27. 27 “Error is viewed, therefore, not as an extraneous and misdirected or misdirecting accident, but as an essential part of the process under consideration.” – John VonNeumann “Error in Logics,” 1952
- 28. 28 Embrace failure and complexity.
- 29. 29
- 30. 30
- 31. 31
- 32. 32
- 33. 33 EXERCISE: Let’s make our own service.
- 34. 34 • Don’t draw • Users first • Ecosystems, not systems • Work in context • Annotate, describe, understand • Evaluate, and validate
- 35. 35 • Don’t draw • Users first • Ecosystems, not systems • Work in context • Annotate, describe, understand • Evaluate, and validate
- 37. 37
- 38. 38
- 39. 39 What is the product? You are in an elevator with a chief executive of your company. He asks, “what are you working on these days?” In one short sentence, using plain (non-technical) language, explain what the product is. What is its one, main purpose? Pick a single feature of the product you think is critical and express it in as few words as possible. 1-2 word phrases are perfectly fine (“receive cards”); these do not need to be complete sentences. Do not consider technology, UI, wording or other content at all. Now, answer it again. You may answer as many as five times in total. Do not restate any points; each one should be unique. What one problem or concern does it solve? Products are pursued as a result of a business opportunity, or a business problem. Consider any opportunity to be a “problem” in the sense that its something the company is not pursuing (so a missed opportunity for now). Who will use this product? Instead of trying to design the product for everyone, we will be focusing on feature sets, and interface designs that meet the primary needs of a small but focused set of users. These
- 40. 40
- 41. 41
- 42. 42 In one short sentence, using plain (non-technical) language, explain what the product is. What is its one, main purpose? Pick a single feature of the product you think is critical and express it in as few words as possible. 1-2 word phrases are perfectly fine (“receive cards”); these do not need to be complete sentences. Do not consider technology, UI, wording or other content at all. Now, answer it again. You may answer as many as five times in total. Do not restate any points; each one should be unique. What one problem or concern does it solve?
- 43. 43
- 44. 4444
- 45. 45
- 47. 4747
- 48. 48
- 49. 4949
- 51. 51
- 52. 52
- 53. 53
- 54. 54
- 55. 55
- 56. 56
- 57. 57
- 58. 58
- 59. 5959
- 60. 60
- 61. 61
- 62. 62
- 63. 63
- 64. 64
- 65. 65
- 66. 66
- 67. 67
- 68. 68
- 69. 69
- 70. 70
- 71. 71
- 72. 72 Flat design has always been a thing. Even long before digital, simple graphic design is some of the most classic work.
- 73. 73
- 74. 74
- 75. 75
- 76. 76
- 77. 77
- 78. 78
- 79. 79
- 80. 80
- 81. 81
- 82. 82
- 84. 84
- 85. 85
- 86. 86
- 87. 87
- 88. 88
- 89. 89
- 90. 90
- 91. 91
- 92. 92
- 93. 93
- 95. 95 65%60% 84%
- 96. 9696
- 97. 97
- 98. 98
- 99. 99
- 100. 100
- 101. 101
- 104. 104104
- 105. 105105 62% 24% 9%
- 106. 106
- 107. 107
- 108. 108
- 109. 109 2.5” 3.5” 5” 7-10” In Stand 4 pt 6 pt 7 pt 8 pt 10 pt
- 110. 110 Type size in points Device class Minimum Basic content Enhanced content H3 H2 H1 Small phone 4 5.5 7.2 8.5 10.8 14.4 Large phone 6 8.5 10.8 12.6 16.2 21.6 Phablet 7 9.8 12.6 14.7 18.9 25.2 Small tablet 8 11.2 14.4 16.8 21.6 28.8 Large tablet / desktop 10 14 18 21 27 36
- 111. 111 At least 7:1 for normal text At least 4.5:1 for large text Black & White is 23:1
- 112. 112 Time to Draw
- 114. 114 EXERCISE: Interface and Interaction Just one or two states/platforms
- 115. 115
- 116. 116
- 117. 117 Time to Draw
- 118. 118
- 119. 119
- 120. 120
- 121. 121
- 122. 122
- 123. 123 1. Fulfill the practical needs of modern life 2. Express the spirit of our times 3. Benefit by contemporary advances in the fine arts and pure sciences 4. Take advantage of new materials and techniques and develop familiar ones 5. Develop the forms, textures and colours that spring from the direct fulfilment of requirements in appropriate materials and techniques 6. Express the purpose of an object, never making it seem to be what it is not 7. Express the qualities and beauties of the materials used, never making the materials seem to be what they are not 8. Express the methods used to make an object, not disguising mass production as handicraft or simulating a technique not used 9. Blend the expression of utility, materials and process into a visually satisfactory whole 10. It should be simple – its structure evident in 11. Master the machine for the service of people 12. Serve as wide a public as possible, considering modest needs and Good Design
- 124. 124 "The extent to which you have a design style is the extent to which you have not solved the problem." – Charles Eames
- 125. 125
- 126. 126
- 127. 127 Contact me for consulting, design, to follow up on this deck, or just to talk: Steven Hoober steven@4ourth.com +1 816 210 0455 @shoobe01 shoobe01 on: www.4ourth.com