Download pdf - UI design for open data

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


Recommended