creating compelling user interfaces

37
Creating compelling user interfaces Tristan Roddis, Cogapp DPLAfest 2106, Washington D.C.

Upload: cogapp

Post on 19-Feb-2017

319 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Creating compelling user interfaces

Creating compelling user interfaces

Tristan Roddis, CogappDPLAfest 2106, Washington D.C.

Page 2: Creating compelling user interfaces

The ExternalProblem

Page 3: Creating compelling user interfaces

Competition for attention

Numbers are not enough!

Page 4: Creating compelling user interfaces

The InternalProblem

Page 5: Creating compelling user interfaces

Wine = content

Glass = infrastructure

Drinking = access

Page 6: Creating compelling user interfaces

Wine = content => 32%

Glass = infrastructure => 22%

Drinking = access => 46%

Page 7: Creating compelling user interfaces

It’s all about impact!

Page 8: Creating compelling user interfaces

The Good News

This is easy to do, given some prerequisites:

1) Put your text content into a modern search system (Solr, Elastic Search…)

2) Put you image content into a dynamic server (IIPImage, Loris, Djatoka...)*

* ideally IIIF-compatible!

Page 9: Creating compelling user interfaces

Aggregation

Page 10: Creating compelling user interfaces

Aggregation

Page 11: Creating compelling user interfaces

Aggregation

Page 12: Creating compelling user interfaces

Aggregation

Page 13: Creating compelling user interfaces

Aggregation

Page 14: Creating compelling user interfaces
Page 15: Creating compelling user interfaces

Video records from Youtube

Page 16: Creating compelling user interfaces

Video records from Youtube

Audio records from Internet Archive

Page 17: Creating compelling user interfaces

Video records from Youtube

Audio records from Internet Archive

Digitised book records from Internet Archive

Page 18: Creating compelling user interfaces

Video records from Youtube

Audio records from Internet Archive

Digitised book records from Internet Archive

Page from Drupal CMS

Page 19: Creating compelling user interfaces
Page 20: Creating compelling user interfaces

Autocomplete

Page 21: Creating compelling user interfaces

Faceted search

Page 22: Creating compelling user interfaces

Faceted search

Page 23: Creating compelling user interfaces

Date histogram

Page 24: Creating compelling user interfaces

Geo-search

Page 25: Creating compelling user interfaces

Subject-specific search

Page 26: Creating compelling user interfaces

Text layout

Page 27: Creating compelling user interfaces

Text layout

Page 28: Creating compelling user interfaces

Images

Page 29: Creating compelling user interfaces

Interoperable images

Page 30: Creating compelling user interfaces

Interoperable images

Page 31: Creating compelling user interfaces

Interoperable images

Page 32: Creating compelling user interfaces

IIIF viewers

Different viewers allow different audiences to experience the same content in different ways

Universal Viewer

Mirador

Internet Archive Book Reader

Compare viewers at http://labs.cogapp.com/iiif/

Page 33: Creating compelling user interfaces

New interfaces for interpretation

Boschproject.org

Visible

Infrared

Infrared reflectography

Page 34: Creating compelling user interfaces

Gaming interface? labs.cogapp.com/transcriptinator

Page 35: Creating compelling user interfaces

3D virtual world? labs.cogapp.com/tc

Page 36: Creating compelling user interfaces

Conclusion

It’s not enough to put your data online

You must engage your users to create lasting impact

Searchable content and flexible images are a springboard for compelling interfaces

I’d love to hear from you: [email protected]