ui design for open data v02 nov 2014

95
Hollie Lubbock UX / Visual designer at Bureau for Visual Affairs in London @hollielubbock

Upload: hollie-lubbock

Post on 02-Jul-2015

2.266 views

Category:

Design


0 download

DESCRIPTION

How can design help us communicate data easily to users? Where does this stem from? What methods of design are easy for users to engage with? What should we be trying to achieve with these designs? The cultural sector is a big adopter of open data and semantic web technologies. They have embraced the ideas and are weaving them into everything they do. So, who is doing what? What data sets are there available? And how have these been presented to the public. Using case studies from the cultural sector, we will explore the practical challenges associated with complex UI designs. Looking at work-in-progress through to finished products we will discuss best practice, finding innovation, and the challenges of working with data sets.

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?