InfoSphere Data Explorer, Big Data
UX Lead and Development Manager
Ariadna Font Llitjós, PhD
Staying on Target with IBM Design Thinking & Lean UX
@quicola #designthinking #leanux @ibmdesign
InfoSphere Data Explorer :: ©2013 IBM Corporation
Acquisition
2
Vivisimo
Company size 120
Engineering size 30
Cross-functional team size 4
Enterprise search
June 2012 (TOB - January 2013)
IBM, Big Data
430,000
40+
10
Big Data exploration &visualization
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Focused vision and target
vs.
Overstimulating environment & developing market
3
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking to the rescue
6
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
— Don Norman
“Designers [...] don't try to search for a solution until they
have determined the real problem, and even then,
instead of solving that problem, they stop to consider a
wide range of potential solutions.
Only then will they finally converge upon their proposal.
This process is called ‘design thinking.’”
7
“Rethinking Design Thinking” Core77, 19 March, 2013
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
— Don Norman
“Designers [...] don't try to search for a solution until they
have determined the real problem, and even then,
instead of solving that problem, they stop to consider a
wide range of potential solutions.
Only then will they finally converge upon their proposal.
This process is called ‘design thinking.’”
8
“Rethinking Design Thinking” Core77, 19 March, 2013
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
— Don Norman
“Designers [...] don't try to search for a solution until they
have determined the real problem, and even then,
instead of solving that problem, they stop to consider a
wide range of potential solutions.
Only then will they finally converge upon their proposal.
This process is called ‘design thinking.’”
9
“Rethinking Design Thinking” Core77, 19 March, 2013
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
— Don Norman
“Designers [...] don't try to search for a solution until they
have determined the real problem, and even then,
instead of solving that problem, they stop to consider a
wide range of potential solutions.
Only then will they finally converge upon their proposal.
This process is called ‘design thinking.’”
10
“Rethinking Design Thinking” Core77, 19 March, 2013
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 11
IBM Design Thinking is about creating great experiences for our users.
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
This is not a user experience
12
This is a user experience
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 14
PRODUCT UX UI
SERVER DATA CENTER
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 15
PRODUCT UX UI
SERVER DATA CENTER
PRODUCT UX UI
SERVER DATA CENTER
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
— Thomas Watson Jr.
“Good design is good business.”
16
Chief Executive Officer, 1973
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
17
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
17
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
17
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
3 Release Hills focus and empower teamsLess micro-management and more iteration
18
Example of a Release Hill:
“A business user should be able to create and start using a process application in less than 60 seconds”
A Release Hill captures the Commander’s intent
“a framework for freedom to act”
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
19
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
19
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
PlaybacksRelentless focus on user value and experience throughout the development process
• Story-driven milestones led by users
• Playback Zero: Align on product vision before coding
• Interim Playbacks: Demo stories in executable code
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 20
Demo features & functionality
vs.
Demo experience as a narrative
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 21
Quotes from Playback 1
— Manuel Corniel, WW Sales Exec Big Data, Data explorer
“I’d love to have you present this to the sales teams the same way, it tells the entire story...”
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 22
Quotes from Playback 1
— Charlie Hill, CTO Design
“To me it’s like nirvana, you’re getting a non-mediated demo (directly from the user).”
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
23
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
PlaybacksRelentless focus on user value and experience throughout the development process
• Story-driven milestones led by users
• Playback Zero: Align on product vision before coding
• Interim Playbacks: Demo stories in executable code
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
23
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
Product Management
Wiki-based Release DocumentsEfficient cross-functional collaboration around peer-reviewed artifacts
Design
Engineering
PlaybacksRelentless focus on user value and experience throughout the development process
• Story-driven milestones led by users
• Playback Zero: Align on product vision before coding
• Interim Playbacks: Demo stories in executable code
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
personas
24
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
user stories & interactions
personas
24
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
sketches
user stories & interactions
personas
24
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
sketches
user stories & interactions
personas
24
visual prototypes
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
field testing
sketches
user stories & interactions
personas
24
visual prototypes
IBM Designcamp :: IBM Confidential :: ©2013 IBM Corporation
field testing
sketches
user stories & interactions
personas
24
visual prototypes
releaseblueprint
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
25
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
Product Management
Wiki-based Release DocumentsEfficient cross-functional collaboration around peer-reviewed artifacts
Design
Engineering
PlaybacksRelentless focus on user value and experience throughout the development process
• Story-driven milestones led by users
• Playback Zero: Align on product vision before coding
• Interim Playbacks: Demo stories in executable code
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
IBM Design Thinking: Scaling great designKey building blocks for consistently great design outcomes
25
Release HillsFocused investment, empowered teams
Sponsor Clients/UsersContinuous engagement with people in target roles and industry domains
Product Management
Wiki-based Release DocumentsEfficient cross-functional collaboration around peer-reviewed artifacts
Design
Engineering
PlaybacksRelentless focus on user value and experience throughout the development process
• Story-driven milestones led by users
• Playback Zero: Align on product vision before coding
• Interim Playbacks: Demo stories in executable code
1:9
ReleaseBlueprint URL
Organizationdata
Skills ratios
Dependencies
Design team skills data
Release Hills
Lead Users
IBM DesignThinkingMetricsVisibility into objective operational data
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Where were we?
26
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
What else changed?
29
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Colocated team
vs.
Distributed team (2/10 remote devs - still more colocated than most IBM teams)
30
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Non-dedicated design resources
vs.
Dedicated design resources(2 UX designers, 2 front-end devs / 3 app devs, 3 backend devs)
31
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Access to end users
vs.
Sponsor clients and users
32
Dev UX PM
vs.
Dev UX PM
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 33
InfoSphere Data Explorer :: ©2013 IBM Corporation
Lean UX Principles
34
• Design Thinking
• User-centric design and development
• Cross-functional team
• Maximize learning
• Just-in-time (minimize waste)
• Validate and iterate
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Things that remained the same
35
Agile & Lean practices for over 5 years
InfoSphere Data Explorer :: ©2013 IBM Corporation 36
• startup culture
• XP practices (continuous integration, peer reviews, unit tests, pair programming, ...)
• design studios (collaborative design workshops)
• Kanban
• stories
• daily standups
• demos
• retrospectives
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Design and development flow
37
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 38
1. Brainstorm and scope as a team
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 39
2. Workflow and creating epics
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 40
3. Breaking epics down to stories that can be designed / implemented
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 41
4. Design, validate, implement, polish design
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 42
5. One day in the Pittsburgh Big Data lab...
Team daily standup
Designers and developers at work
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 43
6. Designer shares design and gets feedback from Dev
ARIADNA FONT | @QUICOLA @IBMDESIGN @LEANUX
7. Dev works on implementing the design
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 45
8. Dev proudly shows the implementation with the final design to designer
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 46
Key aspects
One team with shared core values
Daily high-bandwidth communication
Iterate - don’t let perfection be the enemy of good
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
What about outcomes?
47
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 48
Before...
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 49
Now
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 49
Now
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 50
Now
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 51
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 51
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 51
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 52
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 53
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 54
Responsive design (mobile friendly)
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 54
Responsive design (mobile friendly)
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
InfoSphere Data Explorer 9.0
1st Signature Product released!
55
Can’t dictategreat outcomes
PROCESS
PROCESS
Not a new way of acting, a new way of thinking
Can prepare for
great outcomes
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 59
June 2012
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation 60
October 2013
We managed to bring IBM along and
leverage IBM’s channels
IBM Design Thinking
61
IBM Design Thinking&
Lean UX
62
Thanks!
63
@quicola #designthinking #leanux @ibmdesign
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
References
64
InfoSphere Data Explorer :: IBM Confidential :: ©2013 IBM Corporation
Engineering and coding practices
65