welcome to user experience (ux) design at embl-ebi
TRANSCRIPT
Welcome to UX Design at EMBL-EBI
European Bioinformatics Institute Galabina Yordanova, UX Designer
WHYthis seminar
a 5-minute case
one of our services
personas
jobs to be done framework
Source: https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27#.9er45jsom
team iterations
the process
the outcome
curiosity
general excitement, more surveys, and desire to learn more about their user needs
1. Interest in UX work for their own service 2. Interest in our tools and methods 3. Interest in the measurable benefits of UX design
“I want to learn about our users, too.”
the outcomes
today…
1. Showcase our work and methods 2. Bust some UX myths 3. Ideas on how you can apply UX design
practices in your team
An opportunity to make an impact in building digital services for life scientists.
the opportunity
UX
Today: Nikiforos Karamanis, Michele Ide-Smith, Gabby Yordanova, Revathi Nathaniel
UX in Web Development team
Nikiforos KaramanisUX Designer
Jenny ChamLead UX Architect
Revathi NathanielUX Designer
Galabina YordanovaUX Designer
Literature Services
Michele Ide-SmithProduct Manager
Anusha IyerUX Architect
Sangya PundirUX Manager
Protein-related Services
What is User Experience?
Michele Ide-Smith, Product Manager and UX Europe PMC
@micheleidesmith
"User experience" encompasses all aspects of the end-user's interaction with the
company, its services, and its products.
- Nielsen Norman Group
@micheleidesmith
“I invented the term because I thought
human interface and usability were too
narrow. I wanted to cover all aspects of the
person’s experience with the system.”
- Don Norman
What UX isn’t…
@micheleidesmith
What UX is…
@micheleidesmith
Empathy with users
@micheleidesmith
“Efficiency is doing things right;
effectiveness is doing the right
thing” - Peter Drucker
@micheleidesmith
Problem solving
Problem solving
@micheleidesmith
A team sport
When do you do UX?
@micheleidesmith
Throughout the project/product lifecycle*
*Ideally
@micheleidesmith
UX is a continuous process
Discovery
Design Validation
@micheleidesmith
Discovery
Design Validation
User researchCompetitor benchmarkingTask models & user journeysPersonas
Frame the problemInterview stakeholdersWorkshops
@micheleidesmith
“What features would you like?”
“How can we make this feature better?”
“How do you think this should work?”
@micheleidesmith
Qual and quant research
Context of use
Primary users Stakeholders
Behaviours
Activities
Pain points
Motivations
@micheleidesmith
Validate assumptions continually
@micheleidesmith
Discovery
Design Validation
Ideation SketchingPrototypingCodingContent writing
@micheleidesmith
Prototyping
Sketches and prototypes
@micheleidesmith
Legend
Existing page
New page
Decision
3rd party service
Create account
ORCID
Plus
EPMCHas
signed in before?
YesSelect
account to sign in
Link accountsUse 3rd
party account?
No
Sign in
No
3rd party serviceYes
Visited ‘link
accounts page?’
My Europe PMC home
No
Yes
Finished linking?
Yes
No
Link accounts popup
https://plus.europepmc.org
https://www.europepmc.org
Seen ‘link accounts’
popup before?
YesPlus sign in
No
User only sees this page once - store DB flag
User only sees this page once - store DB flag
Plus home page
Europe PMC - Merge User Accounts Flow
Link accounts
Confirmation popup
User only sees this page once - store DB flag
Is signed into
EPMC? Yes
No
Validate email address
User journeys
@micheleidesmith
Flows and mockups
@micheleidesmith
Discovery
Design ValidationUsability testingA/B testingAnalyticsSurveys
@micheleidesmith
Usability testing
@micheleidesmith
Analytics
UX is collaborative
@micheleidesmith
Own the user experience of your service!
@micheleidesmith
Get involved…
• Empathise with users - observe/run usability tests, gather user feedback, ask “Who is using our service? What are they trying to achieve? Why?”
• Be a designer - it’s about problem solving, and the best ideas come from team collaboration
• Use design guidelines - e.g. the EBI style guidelines
WhyistheOpenTargetsPlatformintuitive?
Dr NikiforosKaramanis
LeadUser ExperienceDesignerEuropean BioinformaticsInstitute
www.targetvalidation.org
• Veryintuitive,youjustsearchforyourtargetandyougettheinformation.Itdoesn’trequiretraining.
• Pullslotsofinformationtogetherinanintuitiveinterface.
• Powerfulresource,clearlinksandeasytousewithouttraining,especiallyforanon-bioinformatician.
Acomprehensiveandintuitiveresource
WhyisthePlatformintuitive?
• Wetrytoknowourusers
• Wedesignandtestasateam
• Wedesignandtestiteratively
HelpR&Dscientistsidentifytherighttargetfora drug
Based on Lean UX: Chapter 3 (p26-29)
InterviewsandObservations
Wedon’taskuserswhattheywant…
Wetrytounderstand
whattheywanttoachieve!
DerekResearch scientist in “Best Pharmaceutical”
working on drug discovery
Background and motivations:• PhD in systems biology, post-doc in mechanisms involved in metabolic disorders.• Keen on working in a hands-on role in the industry to broaden his expertise and make a difference.
Research questions:• Which targets can be associated with asthma?• Which diseases can be associated with PDE4D?
Behaviours:• Spends about half of his time in the lab. Often stays in the lab until late to set up or complete experiments. • Accesses information via PubMed and internal databases.• Tried to use bioinformatics tools and software but finds them hard to learn, understand and use.
Needs and painpoints:
• To make decisions about the association between a potential drug target and a disease, I require information from various data sources.
• I need support by a bioinformatician to put together and access all this information. But a bioinformatician is not readily available to help me answer simple queries related to my research questions.
• Not all data is equal: Where was this study published? How long ago?
Serve Derek by…
• Integrating the dispersed evidence and enabling him to access it directly.
• Helping him answer simple queries more easily.
• Providing him with links to supporting publications.
Based on Lean UX: Chapter 3 (p26-29)
Knowyourusers:Thequickwin• Writedownwhoyouthink yourusersareandwhattheydo.
• Lookforpeoplelikethatandfindoutmoreaboutthem.
• Includeyourteammates inuserresearch.
ØUse insightsfromuserresearchtostateproblemsthatyourdesignsshouldsolve.
Thequickread
Lean UX: Chapter 3
Designasateam
Designwithusers
Explorealternatives anditerate
Designasateam:Thequickwin
• Reserveonemorningpermonth foradesignactivity.• Sketchwithpenandpaper.• Sketchiteratively.• Includeyourteammates inthedesignactivity.
ØTest yourdesignswithusers.
Thequickread
Lean UX: Chapter 3 Five design sheets
Testasateam
Howmanyuserstotestwith?
Howmanyuserstotestwith?
Krug2006:p.139
Fromsketchtoreleaseinjust7iterations
Testasateam:Thequickwin
• Reserveonemorningpermonth forafeedbacksession.• Showyourdesigntoafewusers.• Includeyourteammates inthefeedbacksession.• Askforfeedbackearlyandoften.
ØAct onthisfeedback.
Thequickread
Lean UX: Chapter 3 Five design sheets Don't make me think: Chapter 9
• Ourdesignandtestingparticipants• OpenTargetsdevelopmentteamandleadership• UXcolleagues atEBIandFrancisRowland
Thankyou!
Interested in…
Team ownership of UX
Michele Ide-Smith
Interested in…
How to tap creative potential
Anusha Iyer
Interested in…
Product conceptualisation
Sangya Pundir
Interested in…
UX product planning, cost and strategy
Jenny Cham
Interested in…
Lean UX methodology
Nikiforos Karamanis
Interested in…
Job to be done framework
Galabina Yordanova
Interested in…
Lean user research
Revathi Nathaniel
How can we work together?
• Talk to us!
• Provide practical support and advice, templates etc.
• Request for UX support in EBI project
• Email [email protected]
Jenny ChamLead UX Architect
Nikiforos KaramanisUX Designer
Galabina YordanovaUX Designer
Jonathan HickfordWeb Development Team Lead
Revathi NathanielUX Designer
Learn more
• Engage with the UX community
• Join the EBIUX slack channel
• https://ebiux.slack.com/signup
• Engage with the UX community
• Join the UX slack channel
• https://ebiux.slack.com/signup
• Attend local UX conferences, Meet-ups
• UXCambridge, Cambridge Usability Group
Next
THANKS!