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.

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

5. 5
Product
Owner
Business
Analyst
User
Experience
Software
Developer
Presentation
Developer

6. 6
Don’t bet on unicorns.

7. 7
Ecosystems are complex.

8. 8

9. 9

10. 10

11. 11
Ecosystems
are about
the future

12. 12
Ecosystems are
for people

13. 13
Capacitive Touch
Screen

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

25. 25
Information Architecture

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

36. 36
Define, then design.

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

46. 46
Ecosystems first.

47. 4747

48. 48

49. 4949

50. 50
EXERCISE:
IA/Task Flow

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

83. 83
Authentically Digital

84. 84

85. 85

86. 86

87. 87

88. 88

89. 89

90. 90

91. 91

92. 92

93. 93

94. 94
49%
26% 10%36%

95. 95
65%60%
84%

96. 9696

97. 97

98. 98

99. 99

100. 100

101. 101

102. 102
Information Design

103. 103
EXERCISE:
Information Design
Box Model

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

113. 113
EXERCISE:
Interface and Interaction

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