Transcript
Page 1: UI design for open data V02 nov 2014

Hollie LubbockUX / Visual designer at Bureau for Visual Affairs in London @hollielubbock !

Page 2: UI design for open data V02 nov 2014

Overview1. How design can help communicate data 2. Who in the cultural sector is using open data 3. Case studies: using UI to help users

Page 3: UI design for open data V02 nov 2014

Section 1: Why I think design is awesome when it comes to data

Page 4: UI design for open data V02 nov 2014
Page 5: UI design for open data V02 nov 2014
Page 6: UI design for open data V02 nov 2014
Page 7: UI design for open data V02 nov 2014
Page 8: UI design for open data V02 nov 2014
Page 9: UI design for open data V02 nov 2014

Can infographics change lives?

Page 10: UI design for open data V02 nov 2014
Page 11: UI design for open data V02 nov 2014
Page 12: UI design for open data V02 nov 2014
Page 13: UI design for open data V02 nov 2014

Invisible Airs, YoHaODI data as culture

Page 14: UI design for open data V02 nov 2014
Page 15: UI design for open data V02 nov 2014

What should we be trying to achieve with design?

Page 16: UI design for open data V02 nov 2014

What should we be trying to achieve with design?• Clear simple presentations

Page 17: UI design for open data V02 nov 2014

What should we be trying to achieve with design?• Clear simple presentations • Allow users to make up their own mind

Page 18: UI design for open data V02 nov 2014

What should we be trying to achieve with design?• Clear simple presentations • Allow users to make up their own mind • Inspire users to create something with the data

Page 19: UI design for open data V02 nov 2014

Section 2 The cultural sector

Page 20: UI design for open data V02 nov 2014

The cultural sector is a big adopter of open data and semantic web technologies.

Page 21: UI design for open data V02 nov 2014

So, who is doing what?

Page 22: UI design for open data V02 nov 2014

V&A released collections data http://www.vam.ac.uk/api/

Page 23: UI design for open data V02 nov 2014

British museum collections data collection.britishmuseum.org

Page 24: UI design for open data V02 nov 2014

Europeana http://labs.europeana.eu/api/

Page 25: UI design for open data V02 nov 2014

Tate Modern collections data https://github.com/tategallery/collection

Page 26: UI design for open data V02 nov 2014

Great collection of resources here: http://museum-api.pbworks.com/w/page/21933420/Museum%C2%A0APIs

Page 27: UI design for open data V02 nov 2014

How have these been presented to the public?

Page 28: UI design for open data V02 nov 2014

How have these been presented to the public?

!• They drive the collections searches on their

own sites.

Page 29: UI design for open data V02 nov 2014

How have these been presented to the public?

!• They drive the collections searches on their

own sites. • They are moving towards 5* open data

Page 30: UI design for open data V02 nov 2014

How have these been presented to the public?

!• They drive the collections searches on their

own sites. • They are moving towards 5* open data • Using schema.org style systems to add value to

their data.

Page 31: UI design for open data V02 nov 2014

http://artmeme.herokuapp.com/

Page 32: UI design for open data V02 nov 2014
Page 33: UI design for open data V02 nov 2014
Page 34: UI design for open data V02 nov 2014

http://opencontext.org/

Page 35: UI design for open data V02 nov 2014
Page 36: UI design for open data V02 nov 2014
Page 37: UI design for open data V02 nov 2014
Page 38: UI design for open data V02 nov 2014
Page 39: UI design for open data V02 nov 2014
Page 40: UI design for open data V02 nov 2014
Page 41: UI design for open data V02 nov 2014

Dimensions of art:@jradavenport

Page 42: UI design for open data V02 nov 2014

http://www.timhodson.com/ancient-correspondence/

Page 43: UI design for open data V02 nov 2014
Page 44: UI design for open data V02 nov 2014

What’s next?

Page 45: UI design for open data V02 nov 2014

Common thesauri being developed

Page 46: UI design for open data V02 nov 2014

Developing APIs

Page 47: UI design for open data V02 nov 2014

Hackdays

Page 48: UI design for open data V02 nov 2014

Requirement of government funding?

Page 49: UI design for open data V02 nov 2014

In the pipeline at the Barbican

Page 50: UI design for open data V02 nov 2014

Why are museums doing this?

Page 51: UI design for open data V02 nov 2014

Section 3Stuff I’ve made

Page 52: UI design for open data V02 nov 2014

A ramble through old work, new work & work in progress

Page 53: UI design for open data V02 nov 2014

Data as a pulse of relevance or trends !

Page 54: UI design for open data V02 nov 2014

Royal Shakespeare Company http://tinyurl.com/m2yz5hp

Bureau for Visual Affairs

Page 55: UI design for open data V02 nov 2014
Page 56: UI design for open data V02 nov 2014
Page 57: UI design for open data V02 nov 2014
Page 58: UI design for open data V02 nov 2014

Using open data as an enhancement

Page 59: UI design for open data V02 nov 2014

V&A museum http://www.vam.ac.uk/

the other media

Page 60: UI design for open data V02 nov 2014
Page 61: UI design for open data V02 nov 2014
Page 62: UI design for open data V02 nov 2014
Page 63: UI design for open data V02 nov 2014
Page 64: UI design for open data V02 nov 2014
Page 65: UI design for open data V02 nov 2014

Researchspace

Bureau for Visual Affairs

Page 66: UI design for open data V02 nov 2014

A collection of collections

Page 67: UI design for open data V02 nov 2014

Rijksbureau voor Kunsthistorische

Yale Centre for British Art

British Museum

Page 68: UI design for open data V02 nov 2014

http://www.researchspace.org/

Page 69: UI design for open data V02 nov 2014

Visualisation challenges

Page 70: UI design for open data V02 nov 2014

How would you like to search?

Page 71: UI design for open data V02 nov 2014
Page 72: UI design for open data V02 nov 2014
Page 73: UI design for open data V02 nov 2014
Page 74: UI design for open data V02 nov 2014
Page 75: UI design for open data V02 nov 2014
Page 76: UI design for open data V02 nov 2014
Page 77: UI design for open data V02 nov 2014
Page 78: UI design for open data V02 nov 2014
Page 79: UI design for open data V02 nov 2014
Page 80: UI design for open data V02 nov 2014
Page 81: UI design for open data V02 nov 2014
Page 82: UI design for open data V02 nov 2014

Open as a core value

Page 83: UI design for open data V02 nov 2014

Southbank Centre http://digital.southbankcentre.co.uk/

Bureau for Visual Affairs

Page 84: UI design for open data V02 nov 2014

Open platform Open community Open content Open vocabulary Open data Open process

Page 85: UI design for open data V02 nov 2014

robgethers/status/496573818841083904/

Page 86: UI design for open data V02 nov 2014
Page 87: UI design for open data V02 nov 2014
Page 88: UI design for open data V02 nov 2014
Page 89: UI design for open data V02 nov 2014

http://digital.southbankcentre.co.uk/wire-framing-the-new-sc-website/

Page 90: UI design for open data V02 nov 2014
Page 91: UI design for open data V02 nov 2014
Page 92: UI design for open data V02 nov 2014

Follow our progress here: http://digital.southbankcentre.co.uk/

Page 93: UI design for open data V02 nov 2014

I think we should be helping people engage with open data and data in general as much as possible.

Page 94: UI design for open data V02 nov 2014

It just being available isn’t enough, it needs to be engaging and accessible to people. !

I think we can go along way towards this by using design.

Page 95: UI design for open data V02 nov 2014

Thanks for listening @hollielubbock !

Any Questions?