1. Serendipity by Design:
The power of the design studio
Dave Malouf
Principal Designer
@Rackspace Experience Design
!
@daveixd

2. Serendipity
Happy Accidents

3. Are you ready?
A Story

4. Serendipity

5. Serendipity
BY DESIGN

6. http://informationr.net/ir/16-3/paper491.html
What is serendipity? A workshop report
Serendipity At Work

7. http://informationr.net/ir/16-3/paper491.html
What is serendipity? A workshop report
Serendipity At Work

8. http://informationr.net/ir/16-3/paper491.html
What is serendipity? A workshop report
Serendipity At Work

9. “Fortune Favors the Prepared Mind”
- Louis Pasteur

10. Four Parts

11. Environment
Four Parts

12. Environment
Practice
Four Parts

13. Environment
Knowledge
Practice
Four Parts

14. Environment
Knowledge
Practice
Critique
Four Parts

15. Environment: Studio

16. What is a STUDIO?
You tell me.

17. First. the Artist Studio

18. The studio is a dynamic
canvass--not a room.
paraphrasing - Robert Fabricant
(VP Design @ frog)

19. What makes up the studio
physical experience?

20. Lots of usable wall space

21. Line of Site

22. Overhear others

23. What do you have to bring
into the studio?

24. Open Mind

25. Take & Give Criticism

26. Teach & Learn

27. Focus & Distraction

28. Spirit of Exploration

29. What does the design studio
do for you?

30. Flow

31. Collision

32. Inspiration
It’s personal. What’s yours?

33. Social

34. Connection

35. Comfort/Relaxation

36. Playful

37. Pattern Recognition Training

38. Practice: Craft

39. What is Craft?

40. What is Craft?
1) Skill with ONE’S HANDS
2) Objects or Work made BY HAND
3) SKILL in carrying out work

41. Craft of form making

42. Craft of tolerances

43. Craft of motion & line

44. Craft of tone

45. Craft of emotion & performance

46. What is our craft?

47. Septer 28, 2010
Registration is a simple form
that creates the basic player
account.
CityState iPhone app.
Carrier
12:00 PM
Once registers, the
player can create their
character.
Carrier
Context for the app should be mostly established
outside of the app itself - on the associated websites, iTunes store page, and in other materials.
12:00 PM
Register
Find friends
Email Address
The tutorial/intro video plays. It
should be in the voice of the
game and teach the player how
to use the app.
Twitter
Password
Carrier
Carrier
Stats
The tone of the app should be in character and
within the game world, only breaking the fourth wall
where necessary for successful play.
Address Book
Select your Mandatory
Volunteer Position
Join us
12:00 PM
Facebook
12:00 PM
Friends
Statistics
le
Territories by company
Email Address
30%
60%
10%
Select your employer
[Team name] Score: 91 territories captured
Company Logo
Your Stats
1432 experience points
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua.
5:32 total working hours
User Name September 22, 2010 9:59am
51 territories captured
Company Logo
What is your name?
Select a home location
displays a login screen
Find friends already gainfully employed
After the tutorial, or if the
players skips the tutorial, they
move into the main game play
screens.
Join the cleanse!
This optional step allows players to add
friends from existoing social networks and
12:00 PM
TrashBoy
If the player already has an account
they login and are taken to the
game play screens.
The Radar is available form every screen and
state of the app by pulling down or tapping on
the Radar Bar. It should slide down with a blind
type animation.
The main game screen is four parts. 1) The
Not registered? We need you!
Sign up to help keep the city clean.
Carrier
Carrier
12:00 PM
User Name
Stats
Friends
Statistics
Carrier
12:00 PM
Global
Stats
Team
12:00 PM
Private
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua.
Territories by company
Bio. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
TrashBoy
Your territory is being caputured!
Defend it or lose it.
User Name September 22, 2010 9:59am
Ignore
30%
60%
10%
Defend!
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua.
51 territories captured
Add Friend
Carrier
12
le
September 22, 2010 9:59am
Send Message
12:00 PM
1432 experience points
5:32 total working hours
User Name September 22, 2010 9:59am
[Team name] Score: 91 territories captured
Your Stats
1432 experience points
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua.
5:32 total working hours
User Name September 22, 2010 9:59am
51 territories captured
12
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua.
User Name September 22, 2010 9:59am
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua.
User Name September 22, 2010 9:59am
bile from many places in the app
by tapping on a player’s name.
Game activity alerts pop up over
any screen in the app, or as push
alerts when the player is not in the
app.
Swipe left and right to change the view of the main gameplay screen.
Creative & Visual Thinking

48. Representationalism

49. Model Making

50. Ideate
Evaluate
Creative Thinking - I

51. - Sketching the User Experience, by Bill Buxton
Creative Thinking - II

52. Sketch
Prototype
Invitation
Attendance
Suggestion
Description
Question
Answer
Propose
Test
Destructive
Constructive
- Sketching the User Experience, by Bill Buxton
Sketch vs. Prototype

53. What makes it a sketch?
- Sketching the User Experience, by Bill Buxton
•Fast
•Disposable
•Rough
•Multiplicity
•Understandable
Visual Language

54. “I actually did the work on
the paper,” [Feynman] said.
“Well,” Weiner said, “the work
was done in your head, but
the record of it is still here.”
“No, it’s not a record, not
really. It’s working. You have
to work on paper and this is
the paper. Okay?”
- Genius, by James Gleick, pp 409

55. Associative Thinking

56. Alone or With Others

57. Visual Language

58. Ed Emberly Simple

59. More Visual Languages

60. More Visual Languages

61. Knowledge

62. Our History

63. Art & Design
Design without art isn’t design.

64. What is art’s
relationship to design?
So it doesn’t matter whether art is design, or visa versa,
but how does artistic practice make design more valuable.

70. Modern Design isn’t all Minimalism
Bauhaus & Art Deco

71. Modern Design isn’t all Minimalism
Bauhaus & Art Deco

72. Modern Design isn’t all Minimalism
Bauhaus & Art Deco

73. Our Theory

74. Foundations

75. Compare &
Evaluate
Qualify impact
without worrying
about success

76. Expose vs.
construct
“It was inside the
marble and I freed
it.” -- Michaelangelo

77. Deconstruct
to
Reconstruct
But to deconstruct
an idea you need to
build it.

78. Tinkering
!
Exploring
Materials &
Possibilities

79. Refinement
Analytical selfevaluation

80. Composition
We compose.

81. Balance
Brings moments of
relaxation

82. Contrast
Cause moments of
clear focus & brings
attention.

83. Negative
Space
There is often more
you can do with
less. (not always)

84. Scale
Why is he so big?

85. Materiality
Know the material
you work with.

86. Critique

87. Design Object Hierarchy
(of sorts)
• Standards: Gotta follow; interoperability
• Guidelines: Nice to follow; consistency
• Patterns: Shouldn’t ignore; path most worn
• Principles: Your conscience; integrity/
identity

88. Standards

89. Guidelines

90. Patterns

91. by Christopher Alexander

92. http://dev.windowsphone.com/en-us/design/principles
Principles

93. Dieter Ram’s Principles
Good Design:
• Is innovative
• Makes a product useful
• Is aesthetic
• Makes a product understandable
• Is unobtrusive
• Is honest
• Is long-lasting
• Is thorough down to the last detail
• Is environmentally friendly
• Is as little design as possible

94. What makes good
principles?
• They describe your future
outcome(s)
• Separately they can be for
anyone … but …
• Combined they can only
describe you.
• They are NOT about your
process, or your team’s
ethos.

95. Where do your
principles come from?
Your design process.
Your Story.
Your Vision.

96. Your Story is your Vision

97. Stories evolve
As will your principles from them.

98. Tell
Act
Experience

99. Using Principles in
Criticism

100. All in the delivery

101. Make them pay up.

102. Thank you
Final Questions
Use the ISA 13 app to ask me questions!
@daveixd