Transcript
Page 1: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Designing with the user in mind: how UCD can work for bioinformatics

Jennifer A. Cham

User Experience Analyst

European Bioinformatics Institute, Cambridge

User-Centred Design = an approach that grounds the

design process in information about the people who will use

the product/service/tool

Page 2: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics
Page 3: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics
Page 4: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics
Page 5: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

We need to !publish more! !

Page 6: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

So we did…

2012

2013

Page 7: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

My mission today…

Page 8: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Is it worth thinking about who you are designing for?

Page 9: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Fact: bioinformatics resources suffer from usability problems

Javahery et al. (2004) Beyond Power: making bioinformatics tools user-centered. Commun ACM 47:59-62 Bolchini et al. (2009) Better bioinformatics through usability analysis. Bioinformatics 25:406-412

Page 10: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Challenges: Constraints vs. pleasing the user

Page 11: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

‘Dry’ and ‘wet’ scientists use the same software

Jakob Nielsen, Usability Engineering 1993

Page 12: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

We don’t sell stuff…

Page 13: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Finding the people

Page 14: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Let’s have a go…

Page 15: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

1.  Characterise users & their requirements

2.  Design suitable interactions

3.  Test using prototypes using real life scenarios

Page 16: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Example: Enzyme Portal

Page 17: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Our UCD lifecycle – to design a ‘user-friendly’ portal

Page 18: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

User profiles/ personae for empathy

Page 19: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Fact: you are not the user

Page 20: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

A persona can mitigate ‘self-as-user’ outlook

Empathising-Systemising Theory

Baron-Cohen, S. et al (2003) The systemizing quotient: an investigation of adults with Asperger syndrome or high-functioning autism, and normal sex differences. Philosophical transactions of the Royal Society of London 358: 361-74

Page 21: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics
Page 22: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Designed by Francis Rowland

Page 23: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Created using yWorks yEd Graph Editor

User stories mapped / modelled

Page 24: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Workshops to explore users’ needs & priorities

Page 25: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Where shall we go on

holiday this year…?

I wonder what I could make for

dinner tonight…

Page 26: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

‘Gamestorming’ activities to capture ideas

Gray et al. (2010) Gamestorming: A Playbook for Innovators, Rulebreakers, and Changemakers

Page 27: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

‘Canvas sort’ activity

Page 28: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Output goes into the interface designs

Page 29: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Evaluating prototypes: see them in action

Page 30: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Usability testing on paper

(‘Paper

prototyping’)

Page 31: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Result: Visual Specifications

Created using Balsamiq Mockups (http://www.balsamiq.com/products/mockups)

Page 32: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

So what did we learn?

•  Specific things about representing enzyme data

e.g.

•  Species-specific 3D model

•  General things

e.g.

•  Embedded not hyperlinked

Page 33: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Usability determines how bioinformatics is perceived !

!“there are scientists … who publish work but do not want to

go to the trouble of making the resources easy to use. Wouldn’t it seem that evidence of usability…should be

prerequisite to publishing a paper about such a resource?”

Our duty à return on public investment in research

Veretnik et al. (2008) Computational biology resources lack persistence and usability. PLoS CB 4:2-4

Page 34: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

UCD wins…

Evidence from users

Communicate what users want

Decision-making easier

Developers get feedback

Team-work ethos

Page 35: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Culture Change: UX interest group – EBI interfaces community

http://ebiinterfaces.wordpress.com/

Page 36: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics
Page 37: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Acknowledgements

Page 38: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

www.ebi.ac.uk/enzymeportal

Page 39: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Sketchnote of this talk

www.jennycham.co.uk

Sketched by Francis Rowland

http://www.flickr.com/photos/97823772@N02/9367537145/

Page 40: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics

Questions?


Recommended