designing with the user in mind: how user-centred design (ucd) can work for bioinformatics
DESCRIPTION
Free talk video (you just need to get the access code by email) is here: https://www.iscb.org/cms_addon/multimedia/flvmedia.php?i=1377 Presented at ISMB ECCB 2013 conference: http://www.iscb.org/ismbeccb2013 It is recognised that bioinformatics resources often suffer from usability problems: for example, they can be too complex for the infrequent user to navigate, and they can “lack sophistication” compared to other websites that people use in their daily lives. In this presentation, Dr. Jenny Cham, User-Experience Analyst at the European Bioinformatics Institute, UK, will describe specific case studies to show how user-centred design (UCD) principles can be applied to bioinformatics services. As well as improved usability, the benefits of UCD can include more effective decision-making for design ideas and technologies during development; enhanced team-working and communication; cost effectiveness; and ultimately a bioinformatics service that more closely meets the needs of its target research community.TRANSCRIPT
![Page 1: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/2.jpg)
![Page 3: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/3.jpg)
![Page 4: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/4.jpg)
![Page 5: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/5.jpg)
We need to !publish more! !
![Page 6: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/6.jpg)
So we did…
2012
2013
![Page 7: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/7.jpg)
My mission today…
![Page 8: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/10.jpg)
Challenges: Constraints vs. pleasing the user
![Page 11: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/11.jpg)
‘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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/12.jpg)
We don’t sell stuff…
![Page 13: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/13.jpg)
Finding the people
![Page 14: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/14.jpg)
Let’s have a go…
![Page 15: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/16.jpg)
Example: Enzyme Portal
![Page 17: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/18.jpg)
User profiles/ personae for empathy
![Page 19: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/19.jpg)
≠
Fact: you are not the user
![Page 20: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/21.jpg)
![Page 22: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/22.jpg)
Designed by Francis Rowland
![Page 23: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/24.jpg)
Workshops to explore users’ needs & priorities
![Page 25: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/26.jpg)
‘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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/27.jpg)
‘Canvas sort’ activity
![Page 28: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/28.jpg)
Output goes into the interface designs
![Page 29: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/29.jpg)
Evaluating prototypes: see them in action
![Page 30: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/30.jpg)
Usability testing on paper
(‘Paper
prototyping’)
![Page 31: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/31.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/32.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/33.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/35.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/36.jpg)
![Page 37: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/37.jpg)
Acknowledgements
![Page 38: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/38.jpg)
www.ebi.ac.uk/enzymeportal
![Page 39: Designing with the user in mind: how user-centred design (UCD) can work for bioinformatics](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051613/54c815f04a7959220b8b45a4/html5/thumbnails/40.jpg)
Questions?