welcome to user experience (ux) design at embl-ebi

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

Twitter

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 www-dev@ebi.ac.uk

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!