ui design for open data

36
Hollie Lubbock UI design for open data @hollielubbock www.hollielubbock.co.uk

Upload: hollie-lubbock

Post on 07-May-2015

271 views

Category:

Design


0 download

DESCRIPTION

Good design can increase the value of open data to the public and industry professionals. But what is open data and how can it be used? The focus of this talk is using design to aid the release of knowledge from within cultural institutions. But it isn’t just about museums: I’ll be discussing the challenges of designing for complex UIs in general and how we can use narrative to inform and guide the user through abstract interactions. Designer @bureau_va RSC projects and Researchspace © Bureau for Visual Affairs V&A © Othermedia

TRANSCRIPT

Page 1: UI design for open data

Hollie Lubbock

UI design for open data

@hollielubbock www.hollielubbock.co.uk

Page 2: UI design for open data

hello

@hollielubbock

— User experience / designer— Many cultural institutions— Museums, galleries some commercial

Page 3: UI design for open data

Back ground for some projects

— data as inspiration— designing the data— helping users see the possibilities of data

Page 4: UI design for open data

What is open data?

— free to use— ideally easy to reuse & remix — available in an accessible format— part of the larger semantic web— Tim Berners Lee 5 star system

http://opendefinition.org/od/http://theodi.org/guides/what-open-data

Page 5: UI design for open data

Use in the semantic web

The Semantic Web isn’t just about putting data on the web. It is about making links, so that a person or machine can explore the web of data. With linked data, when you have some of it, you can find other, related, data.

http://www.w3.org/DesignIssues/LinkedData.html

Page 6: UI design for open data

How can it be used?

£200m possible saving to nhs by switching to a generic drug

http://theodi.org/blog/a-new-era-of-data-innovation

Page 7: UI design for open data

£200m possible savings

— nhs is the National Health Service— On one single type of medication— Found by analyzing open data— in 8 weeks— many more savings possible

Mastodon C (ODI start up)

http://theodi.org/blog/a-new-era-of-data-innovation

Page 8: UI design for open data

How can it be used?

Invisible Airs, YoHa (ODI data as culture)

http://vimeo.com/32030340

Page 9: UI design for open data

How can it be used?

Invisible Airs, YoHa (ODI data as culture)

Page 10: UI design for open data

Why visualization is important

Data skills will become more important as data plays a larger part in our lives

— raw data isn’t easy to interpret— maps, graphs etc. easier to digest

Page 11: UI design for open data

Visualization in history

Florence Nightingale: Causes of Mortality infographic from 1858

Page 12: UI design for open data

So how is this working in the cultural sector?

— common thesauri being developed (cidoc crm)— sharing collections data — Tate (art gallery) — Victoria & Albert museum (uk design museum)— developing Api’s

http://www.cidoc-crm.orghttp://www.vam.ac.uk/api/qb/https://github.com/tategallery/collection

Page 13: UI design for open data

The Future

— maybe a requirement for government funding— GDShavestartedthisoffinUK

https://gds.blog.gov.uk/

Page 14: UI design for open data

What happens when museums get together and share?

Page 15: UI design for open data

Researchspace

— prototype— tool for academics to collaborate — cross collections searching— common thesauri / taxonomy — RDF triple store at the heart

http://www.researchspace.org/

Page 16: UI design for open data

How would we ideally like to search?

— search based on sentence structure

Page 17: UI design for open data

Visualization challenges

— definingthesearchterm(freebase)

Page 18: UI design for open data

Visualization challenges

— helping the user learn the interface

Page 19: UI design for open data

Visualization challenges

— representing a complex SPARQL query

Page 20: UI design for open data

Visualization challenges

— multiplewaystofilter

Page 21: UI design for open data

Demo...

http://vimeo.com/94547832

Page 22: UI design for open data

Data as a pulse of relevance / trends

Page 23: UI design for open data

Royal Shakespeare Company

— showing how Shakespeare is relevant — datafromebay,flickrandtwitter— Twitter API change (not working now)

http://myshakespeare.rsc.org.uk/banquo/

Page 24: UI design for open data

Live data

— data stored for refernece

Page 25: UI design for open data

Helping users

— clear instructions to users

Page 26: UI design for open data

Graphing relevance

— highlights surges in interest

Page 27: UI design for open data

Filtering

— by type of play

Page 28: UI design for open data

Using open data as an enhancement

Page 29: UI design for open data

Victoria & Albert Museum

— world’s largest museum of decorative arts and design, — collection of over 4.5 million objects— founded in 1852 and named after Queen Victoria and Prince Albert.

http://www.vam.ac.uk/http://www.othermedia.com/data/files/othermedia-vawebsite-qa-5.pdf

Page 30: UI design for open data

Navigation

—reflectedorganisationalstructure— not helpful for users— is there a better way?

Page 31: UI design for open data

Using open data as an enhancement

— based on search— templatingonthefly— uses semantic web to draw in relevant topics from external sites— exposed thesauri

http://www.vam.ac.uk/http://www.othermedia.com/data/files/othermedia-vawebsite-qa-5.pdf

Page 32: UI design for open data

The internal fight over the homepage

Page 33: UI design for open data

On the fly templating

— system cached for popular topics

Page 34: UI design for open data

Topic or Theme hubs

Page 35: UI design for open data

Enhancing the topic

Page 36: UI design for open data

@hollielubbock