SlideShare a Scribd company logo
Clive G Hughes | Case study
Springer Nature
Digital product: Springer Materials
Springer Nature is a world-class international
scientific publisher, with more than 2,900
journals and 200,000 books.
SpringerMaterials is now the world’s largest and
most comprehensive research platform
dedicated to information on substances, their
properties, and uses.
Collaboration session with other UX & UI designers
I was hired in May 2014 as lead UX designer and
tasked with redesigning the legacy
SpringerMaterials database.
As part of a globally distributed team I evolved the
digital product practicing a goal driven, continuous,
collaborative, Agile / Lean UX methodology.
Seven databases in total were to be merged into the
product, each database had different use-cases and
data complexities. Content grew to include journal
articles, interactive diagrams, charts and tabular
data. This required both extensive user research for
upcoming databases, testing of features just built,
while communicating just-in-time UX to the
developers within a weekly cadence.
Task
UI design for inorganic solid phase diagrams
Design for phase diagram data sheets
Interactive phase diagrams mobile experience
1. Globally distributed cross-functional team
The team was spread across three locations
Heidelberg, Germany
Various stakeholders, a product owner and two subject
matter experts (SMEs)
Pune, India
Project manager, business analyst, five developer pairs, a
front-end developer and two QAs
London, UK
Lead UX designer (me), other UXers and UI designers
Action
A participant writing a user goal during a goal workshop
2. Communication
Agile emphasise communication over
documentation, regular communication was
imperative within a globally distributed
team. Each morning was dedicated to
remote collaboration.
Daily morning analysis call
• Core team members (PO, Lead UX, BA,
Lead dev, SMEs)
• To discuss work in current development
• To analyse design solutions ready
for development
• Flag problems
Weekly UI design call
• Facilitated by me
• Held between UX, UI designers, front-end
developers and lead developers
• Collaborate on early UX solutions and visual
design elements
Weekly UX round-table
• Facilitated by me
• Collaborative sessions to present and drive
UX design
• To get early buy-in from stakeholders
• Gather cross-functional feedback
Weekly dev/data call
• Similar to the UX round table but with a
strong technical focus on the structure of data
Bi-weekly showcases & retrospective
• Presentation of product status to the stakeholders
and wider business
• I presented UX status
• A retro was held after each showcase to learn and
improve our process
Experience map
Used in the showcase presentations with stakeholders to track
improvements to key touch points in the user journey
Data visualisation - extract from a stakeholder presentation
Highlighting a critical problem with Substance Profile pages, part of the
acquisition funnel work
3. User testing & research
I implemented, planned, recruited for and facilitated
various testing and research methods.
• Moderated testing (face-to-face/remote)
• Unmoderated remote testing
• Taxonomy (remote unmoderated open
card sorting)
• User interviews (face-to-face/remote)
• Competitor benchmarking
• Google & Webtrekk analytics
• Customer service tickets
• Surveys
• Innovation lab
User interview for
Inorganic Solid Phases database
4. Analysis
During and after research or testing intense
analysis was inevitable. To increase efficiency I
experimented with various techniques to help
visualise and spot themes, trends or keep
track of goals.
• Fire-wall analysis for user testing
• Story maps for goal tracking
• UX debt wall - tracking using printouts
of the UI
• Experience map and data visualisations
to keep track of findings
• Assets reused in stakeholder presentations
Fire-wall user testing analysis
5. Inceptions & collocation
The entire team would collocate for a week or two
every quarter. The outcome of these was a shared vision
of the product for the next three months. Priority of
goals and planning as well as an accelerated design
process was achieved.
• Present business opportunities
• Present UX research and testing
• Persona and empathy mapping workshop
• User goal workshop
• User journey/story mapping workshop
• Experience mapping workshop
• Slider workshop
• Planning workshop
User goals workshop during Nano inception
Empathy mapping workshop
User goal workshop
Example user journey presented to give participants context
User journey workshop during Nano inception
Story-map workshop - Nano objects database
6. Goal driven (hypothesis) approach
• Goals prioritised during UX collocation
• Dependencies are planned for
• Balance quality/delivery: UX design
problems, data delivery, technical
bugs/debt and UX debt
• ‘Just-in-time’ design provided prior
to development
• Pivot on design & re-prioritise goals if
needed based on current research 7. Collaboration
• Cross-functional collaboration throughout
within the product team
• Wider collaboration with other product teams
• Learning is cross-pollinated to other teams
• Consistent evolution of user experience
across all products is achieved
Context search - Sketch used to communicate thinking to the
cross-functional team. To get ‘relevent’ results quickly we needed to
descover the user’s context as soon as possible.
Context search - search knows the user is searching for the substance ‘Benzene’
Taxonomy problem with material property names
Solution allows users to use the language they know to find the data they need. The user
is no longer forced into learning a new naming convention.
1, 2,
3, 4,
Design for MSI reports
Design for MSI phase diagram data sheets
The beta product released and enjoyed positive acclaim at the annual
2014 Frankfurt October book fair. Our approach had been heavily
focused on feature delivery and known problems were magnified.
With a new MSI database being acquired in November I took the
opportunity to strongly influenced the team and stakeholders to
evolve the process. Redefining the focus to business and user goals.
SpringerMaterials is now an exemplary product of Springer with
other product teams borrowing UX concepts and design patterns.
Learning and outcome

More Related Content

Similar to CliveGHughes-casestudy-SpringerNature

Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
Satyajit Roy
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
Marta Fioni
 
Making the Case for UX
Making the Case for UXMaking the Case for UX
Making the Case for UX
HUXgroup
 
Working towards Sustainable Software for Science: Practice and Experience (WS...
Working towards Sustainable Software for Science: Practice and Experience (WS...Working towards Sustainable Software for Science: Practice and Experience (WS...
Working towards Sustainable Software for Science: Practice and Experience (WS...
Daniel S. Katz
 
Summary of WSSSPE and its working groups
Summary of WSSSPE and its working groupsSummary of WSSSPE and its working groups
Summary of WSSSPE and its working groups
Daniel S. Katz
 
Jan Moons at WUD16
Jan Moons at WUD16Jan Moons at WUD16
Jan Moons at WUD16
UX Antwerp Meetup
 
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
Rachel Vacek
 
UX @ Harvard's IQSS (Elizabeth Quigley)
UX @ Harvard's IQSS (Elizabeth Quigley)UX @ Harvard's IQSS (Elizabeth Quigley)
UX @ Harvard's IQSS (Elizabeth Quigley)
Harvard Web Working Group
 
John Sorflaten Usability Resume
John Sorflaten Usability ResumeJohn Sorflaten Usability Resume
John Sorflaten Usability Resume
John Sorflaten, PhD, CUXP
 
Shweta Barupal User Research Case Studies & Portfolio
Shweta Barupal User Research Case Studies & PortfolioShweta Barupal User Research Case Studies & Portfolio
Shweta Barupal User Research Case Studies & Portfolio
Shweta Barupal
 
Shweta barupal ux_case-studies_portfolio
Shweta barupal ux_case-studies_portfolioShweta barupal ux_case-studies_portfolio
Shweta barupal ux_case-studies_portfolio
Shweta Barupal
 
See to believe: capturing insights using contextual inquiry
See to believe: capturing insights using contextual inquirySee to believe: capturing insights using contextual inquiry
See to believe: capturing insights using contextual inquiry
Deirdre Costello
 
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SWui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
ui42
 
Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PR
Ian Campbell
 
Design process
Design processDesign process
Design process
Sudeep Dasgupta
 
Levi McCusker UXD
Levi McCusker UXDLevi McCusker UXD
Levi McCusker UXD
Levi McCusker
 
Deirdra dwyer
Deirdra dwyerDeirdra dwyer
Deirdra dwyer
Dee Dwyer
 
Utilising Guilds to Develop & Support a Culture of Research
Utilising Guilds to Develop & Support a Culture of ResearchUtilising Guilds to Develop & Support a Culture of Research
Utilising Guilds to Develop & Support a Culture of Research
UXDXConf
 
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
Arthi Krishnaswami
 
Becoming A User Advocate
Becoming A User AdvocateBecoming A User Advocate
Becoming A User Advocate
Karl Kaufmann
 

Similar to CliveGHughes-casestudy-SpringerNature (20)

Mobile UX-COE
Mobile UX-COEMobile UX-COE
Mobile UX-COE
 
UX Design Process | Sample Proposal
UX Design Process | Sample Proposal UX Design Process | Sample Proposal
UX Design Process | Sample Proposal
 
Making the Case for UX
Making the Case for UXMaking the Case for UX
Making the Case for UX
 
Working towards Sustainable Software for Science: Practice and Experience (WS...
Working towards Sustainable Software for Science: Practice and Experience (WS...Working towards Sustainable Software for Science: Practice and Experience (WS...
Working towards Sustainable Software for Science: Practice and Experience (WS...
 
Summary of WSSSPE and its working groups
Summary of WSSSPE and its working groupsSummary of WSSSPE and its working groups
Summary of WSSSPE and its working groups
 
Jan Moons at WUD16
Jan Moons at WUD16Jan Moons at WUD16
Jan Moons at WUD16
 
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
Customizing Discovery Interfaces: Understanding Users’ Behaviors and Providin...
 
UX @ Harvard's IQSS (Elizabeth Quigley)
UX @ Harvard's IQSS (Elizabeth Quigley)UX @ Harvard's IQSS (Elizabeth Quigley)
UX @ Harvard's IQSS (Elizabeth Quigley)
 
John Sorflaten Usability Resume
John Sorflaten Usability ResumeJohn Sorflaten Usability Resume
John Sorflaten Usability Resume
 
Shweta Barupal User Research Case Studies & Portfolio
Shweta Barupal User Research Case Studies & PortfolioShweta Barupal User Research Case Studies & Portfolio
Shweta Barupal User Research Case Studies & Portfolio
 
Shweta barupal ux_case-studies_portfolio
Shweta barupal ux_case-studies_portfolioShweta barupal ux_case-studies_portfolio
Shweta barupal ux_case-studies_portfolio
 
See to believe: capturing insights using contextual inquiry
See to believe: capturing insights using contextual inquirySee to believe: capturing insights using contextual inquiry
See to believe: capturing insights using contextual inquiry
 
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SWui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
ui42 World Usability Day 2013 Martin Krupa Ako zapojit UX do vyvoja SW
 
Making UX happen in the world of PR
Making UX happen in the world of PRMaking UX happen in the world of PR
Making UX happen in the world of PR
 
Design process
Design processDesign process
Design process
 
Levi McCusker UXD
Levi McCusker UXDLevi McCusker UXD
Levi McCusker UXD
 
Deirdra dwyer
Deirdra dwyerDeirdra dwyer
Deirdra dwyer
 
Utilising Guilds to Develop & Support a Culture of Research
Utilising Guilds to Develop & Support a Culture of ResearchUtilising Guilds to Develop & Support a Culture of Research
Utilising Guilds to Develop & Support a Culture of Research
 
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
User Centered Design Process to Develop a Multi-modal Family Needs Assessment...
 
Becoming A User Advocate
Becoming A User AdvocateBecoming A User Advocate
Becoming A User Advocate
 

CliveGHughes-casestudy-SpringerNature

  • 1. Clive G Hughes | Case study Springer Nature Digital product: Springer Materials Springer Nature is a world-class international scientific publisher, with more than 2,900 journals and 200,000 books. SpringerMaterials is now the world’s largest and most comprehensive research platform dedicated to information on substances, their properties, and uses. Collaboration session with other UX & UI designers
  • 2. I was hired in May 2014 as lead UX designer and tasked with redesigning the legacy SpringerMaterials database. As part of a globally distributed team I evolved the digital product practicing a goal driven, continuous, collaborative, Agile / Lean UX methodology. Seven databases in total were to be merged into the product, each database had different use-cases and data complexities. Content grew to include journal articles, interactive diagrams, charts and tabular data. This required both extensive user research for upcoming databases, testing of features just built, while communicating just-in-time UX to the developers within a weekly cadence. Task UI design for inorganic solid phase diagrams
  • 3. Design for phase diagram data sheets
  • 4. Interactive phase diagrams mobile experience
  • 5. 1. Globally distributed cross-functional team The team was spread across three locations Heidelberg, Germany Various stakeholders, a product owner and two subject matter experts (SMEs) Pune, India Project manager, business analyst, five developer pairs, a front-end developer and two QAs London, UK Lead UX designer (me), other UXers and UI designers Action A participant writing a user goal during a goal workshop
  • 6. 2. Communication Agile emphasise communication over documentation, regular communication was imperative within a globally distributed team. Each morning was dedicated to remote collaboration. Daily morning analysis call • Core team members (PO, Lead UX, BA, Lead dev, SMEs) • To discuss work in current development • To analyse design solutions ready for development • Flag problems Weekly UI design call • Facilitated by me • Held between UX, UI designers, front-end developers and lead developers • Collaborate on early UX solutions and visual design elements Weekly UX round-table • Facilitated by me • Collaborative sessions to present and drive UX design • To get early buy-in from stakeholders • Gather cross-functional feedback Weekly dev/data call • Similar to the UX round table but with a strong technical focus on the structure of data Bi-weekly showcases & retrospective • Presentation of product status to the stakeholders and wider business • I presented UX status • A retro was held after each showcase to learn and improve our process
  • 7. Experience map Used in the showcase presentations with stakeholders to track improvements to key touch points in the user journey
  • 8. Data visualisation - extract from a stakeholder presentation Highlighting a critical problem with Substance Profile pages, part of the acquisition funnel work
  • 9. 3. User testing & research I implemented, planned, recruited for and facilitated various testing and research methods. • Moderated testing (face-to-face/remote) • Unmoderated remote testing • Taxonomy (remote unmoderated open card sorting) • User interviews (face-to-face/remote) • Competitor benchmarking • Google & Webtrekk analytics • Customer service tickets • Surveys • Innovation lab User interview for Inorganic Solid Phases database
  • 10. 4. Analysis During and after research or testing intense analysis was inevitable. To increase efficiency I experimented with various techniques to help visualise and spot themes, trends or keep track of goals. • Fire-wall analysis for user testing • Story maps for goal tracking • UX debt wall - tracking using printouts of the UI • Experience map and data visualisations to keep track of findings • Assets reused in stakeholder presentations Fire-wall user testing analysis
  • 11. 5. Inceptions & collocation The entire team would collocate for a week or two every quarter. The outcome of these was a shared vision of the product for the next three months. Priority of goals and planning as well as an accelerated design process was achieved. • Present business opportunities • Present UX research and testing • Persona and empathy mapping workshop • User goal workshop • User journey/story mapping workshop • Experience mapping workshop • Slider workshop • Planning workshop User goals workshop during Nano inception
  • 14. Example user journey presented to give participants context
  • 15. User journey workshop during Nano inception
  • 16. Story-map workshop - Nano objects database
  • 17. 6. Goal driven (hypothesis) approach • Goals prioritised during UX collocation • Dependencies are planned for • Balance quality/delivery: UX design problems, data delivery, technical bugs/debt and UX debt • ‘Just-in-time’ design provided prior to development • Pivot on design & re-prioritise goals if needed based on current research 7. Collaboration • Cross-functional collaboration throughout within the product team • Wider collaboration with other product teams • Learning is cross-pollinated to other teams • Consistent evolution of user experience across all products is achieved
  • 18. Context search - Sketch used to communicate thinking to the cross-functional team. To get ‘relevent’ results quickly we needed to descover the user’s context as soon as possible.
  • 19. Context search - search knows the user is searching for the substance ‘Benzene’
  • 20. Taxonomy problem with material property names Solution allows users to use the language they know to find the data they need. The user is no longer forced into learning a new naming convention. 1, 2, 3, 4,
  • 21. Design for MSI reports
  • 22. Design for MSI phase diagram data sheets
  • 23. The beta product released and enjoyed positive acclaim at the annual 2014 Frankfurt October book fair. Our approach had been heavily focused on feature delivery and known problems were magnified. With a new MSI database being acquired in November I took the opportunity to strongly influenced the team and stakeholders to evolve the process. Redefining the focus to business and user goals. SpringerMaterials is now an exemplary product of Springer with other product teams borrowing UX concepts and design patterns. Learning and outcome