Connecting the dots

atomic design & humane representations for flexible media

What is the future of adaptive narratives?

23 October, RSA London

Philo van Kemenade

@phivk

This talk

background
web-native story hacking

atomic design
humane representations

community

We have always been storytellers

Our tools determine how we express ourselves

Let me introduce the word “hypertext” to mean a body of written or pictorial material interconnected in such a complex way that it could not conveniently be presented or represented on paper.

Ted Nelson

A file system for the complex, the changing and the indeterminate (1965)

Films, sound recordings, and video recordings are also linear strings, basically for mechanical reasons. But these, too, can now be arranged as non-linear systems—for editing purposes, or for display with different emphasis. [...] The hyperfilm—a browsable or vari-sequenced movie—is only one of the possible hypermedia that require our attention.

AI @

Human Computation in Online Video Storytelling

popcorn.js

hackathon

popathon

prototyping stories
that can only be told on the web

graphic design

web development

copy editing

filmmaking

twitter?

mentoring

collaborate

make

9 cities

20 events

~300 participants
40+ prototypes

Film making is like sculpture

Web making is more like Lego

webumenia.sk

Web umenia

makes art accessible beyond the gallery

enables 'easy' reproductions

let's you download & remix open access content

has an API

let's visitor personalise their experience

provides SNG with data about visitors' interest

makes artworks shareable

is forkable on GitHub

that's all great

but...

how to make it more than a digital version of this?

It’s not about creating different exhibits and programs, it’s about creating different visitor experiences.

John H. Falk

Museums are experience factories
[they] have the power to make us respond, to engage, to experience, to feel.

Gavin Mallory - CogApp

breathing life

into digital collections

sxs.sng.sk

link

http://bradfrost.com/blog/post/atomic-web-design/

The best way to descibe design is that it seeks to connect things by acting as a bridge between them

Design seeks to negotiate the qualities of the content with the affordances for the format to produce a cohesive whole greater than the sum of the parts

Frank Chimero - The Shape of Design

atomic content

framework

experience

	imports	exports
1740	93000	66000
1750	90000	78000
1760	78000	120000
1770	84000	163000

Representations

You can think about the invention of powerful representations as being one of the big drivers of the past 2000 years of the intellectual progress of humanity ...