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

share

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 ...

Bret Victor

... because each representation allows us to think thoughts that we couldn’t think before, we kind of continuously expand our thinkable territory

👁
visual

👂
aural

🖐
tactile

🕺
kinesthetic

🏘️
spatial

🚴
enactive


iconic

1:2
symbolic

👁
visual

👂
aural

🖐
tactile

🕺
kinesthetic

🏘️
spatial

🚴
enactive


iconic

1:2
symbolic

👁
visual

👂
aural

🖐
tactile

🕺
kinesthetic

🏘️
spatial

🚴
enactive


iconic

1:2
symbolic

helping cultural orgs and brands to tell informative stories in experiental ways

storytellers.link

storytellers
united

Thank you

@phivk

slides.com/phivk/adaptingthedots

References