ui design for open data
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 © OthermediaTRANSCRIPT
![Page 1: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/1.jpg)
Hollie Lubbock
UI design for open data
@hollielubbock www.hollielubbock.co.uk
![Page 2: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/2.jpg)
hello
@hollielubbock
— User experience / designer— Many cultural institutions— Museums, galleries some commercial
![Page 3: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/7.jpg)
£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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/8.jpg)
How can it be used?
Invisible Airs, YoHa (ODI data as culture)
http://vimeo.com/32030340
![Page 10: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/11.jpg)
Visualization in history
Florence Nightingale: Causes of Mortality infographic from 1858
![Page 12: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/13.jpg)
The Future
— maybe a requirement for government funding— GDShavestartedthisoffinUK
https://gds.blog.gov.uk/
![Page 14: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/14.jpg)
What happens when museums get together and share?
![Page 15: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/16.jpg)
How would we ideally like to search?
— search based on sentence structure
![Page 17: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/17.jpg)
Visualization challenges
— definingthesearchterm(freebase)
![Page 18: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/18.jpg)
Visualization challenges
— helping the user learn the interface
![Page 19: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/19.jpg)
Visualization challenges
— representing a complex SPARQL query
![Page 21: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/21.jpg)
Demo...
http://vimeo.com/94547832
![Page 22: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/22.jpg)
Data as a pulse of relevance / trends
![Page 23: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/23.jpg)
Royal Shakespeare Company
— showing how Shakespeare is relevant — datafromebay,flickrandtwitter— Twitter API change (not working now)
http://myshakespeare.rsc.org.uk/banquo/
![Page 28: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/28.jpg)
Using open data as an enhancement
![Page 29: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/29.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/30.jpg)
Navigation
—reflectedorganisationalstructure— not helpful for users— is there a better way?
![Page 31: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/31.jpg)
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](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/32.jpg)
The internal fight over the homepage
![Page 33: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/33.jpg)
On the fly templating
— system cached for popular topics
![Page 34: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/34.jpg)
Topic or Theme hubs
![Page 35: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/35.jpg)
Enhancing the topic
![Page 36: UI design for open data](https://reader034.vdocuments.us/reader034/viewer/2022052522/554acda0b4c90580698b5421/html5/thumbnails/36.jpg)
@hollielubbock