frohlich framing4

www.dwrc.surrey.ac.uk

Framing the design of new media experiences

David Frohlich

Digital World Research CentreMonday 23 September 2013



The image and the frame


Digitization

The content and the platform

Music

Radio

TV

Film

Web

Photography

Performance

Game Print


The content and the platform


Music

Radio

TV

Film

Web

Photography

Performance

New content new platform

Digitization

Convergence

Game Print


E.G. Tangible Earth GlobeShinichi Takemura ~2007


Question for this talk

• How do you understand and design new media experiences?

• What are the dimensions of design and how do they interact with each other?


Plan

• FRAME-work for characterising the design space of new media experiences

• Example 1: Audioprint experiences on the Audiophoto Desk

• Example 2: Live digital storytelling experiences in the Collect Yourselves! system

• Answers to questions. More questions for the conference…


Frame-work


Two perspectives on new media experiences

• CONTENT: Media critics and theoristsNew media content as a departure from old media content and genres. ‘New media’ as more than the use of a computer for distribution and exhibition (Manovich 2001). Convergence terms – remediation, intermediality, transmediality,etc (e.g Bolter & Grusin 2000, Gane & Beer 2008)

• PLATFORM: Multimedia technologists and HCI specialistsThe computer as an interactive medium (e.g. Oren in Laurel 1990). Multimodality and the design space of interfaces (Frohlich 1992). Interaction design as a cultural practice (Balsamo 2011, Murray 2012).


New media UX as a wholistic activity

• Need to co-design the content and platform together for a particular user group and context

• Technology as experience (McCarthy & Wright 2006)

• Technology as medium (Murray 2012)


Slot machine analogy


Frame-work…

Form Reason Audience Material Extent


Frame-work…


F R A M E


Example 1: Audioprint experiences on the Audiophoto Desk


Music

Radio

TV

Film

Web

Photography

Performance


Digitization

Convergence

Game Print


Music

Radio

TV

Film

Web

Photography

Performance


Digitization

Audiophotography

Game Print


22

The Audiophoto Desk Frohlich, Clancy, Robinson & Costanzo 2004


Audiophoto desk Material


Initial Audiophoto Desk design

Desk Personal memory

Family & friends

Domestic audiophoto

Placement, play-out

F R A M E


Audiophoto desk Material exploration



Self-contained audio-photo narratives work well

Suggests new Reason could be oral history capture



Ambient sounds can be looped to create musical beats

Suggests Extent and Reason changes


Audiophoto desk Form exploration

“York audiophoto table”


Audiophoto desk Form exploration

“Weegie”

Sketch by Mil Stricevic


Audiophoto desk Material digression


Example 2: Live digital storytelling experiences in the Collect Yourselves! system


Music

Radio

TV

Film

Web

Photography

Performance


Digitization

Convergence

Game Print


Music

Radio

TV

Film

Web

Photography

Performance


Digitization

Live Digital Storytelling

Game Print


Collect Yourselves! Reunion game | Devising phase


Collect Yourselves! Reunion game | Live group phase


Collect Yourselves! Reunion game Live group phase – colleagues (“6 months ago?”)


Initial Collect Yourselves! design

Laptop & projector

Reunion Old collegues

Personalquestions

Timed matrix

F R A M E


Collect Yourselves! Audience exploration – friends (“6 months ago?”)


Collect Yourselves! Form and Extent exploration


Collect Yourselves! Form and Extent exploration –future design?


Collect Yourselves! Reason and Material exploration

DWRC bidding workshop ice-breaker exercise:

•What piece of work are you most proud of?

•What societal problem would you most like to solve?

•What secret power do you bring to any team?


Answers to questions


Question for this talk

• How do you understand and design new media experiences?

• What are the dimensions of design and how do they interact with each other?



F R A M E

How do you understand and design new media experiences?


What are the dimensions of design and how do they interact with each other?


What are the dimensions of design and how do they interact with each other? …DESK

Phone Literacy Neighbours News & issues

Audiophotonarrative

F R A M E

Square table

Fun Students Camera-phone pics

Snap game

Round table

Community memory

Neighbours & visitors

Stories Trios

Desk Personalmemory

Family & friends

Domestic audiophoto

Placement, play-out


What are the dimensions of design and how do they interact with each other? …CY!

Tablet Dinner party

Friends Recent news

Untimed matrix

F R A M E

Tablet & Projector

Ice-breaker Colleagues Work questions

Random matrix

Tabletopdisplay

Group therapy

Clients and therapist

Issues One round

Laptop & projector

Reunion Old collegues

Personalquestions

Timed matrix


What are the dimensions of design and how do they interact with each other? …GLOBE

? ? ? ? ?

F R A M E

? ? ? ? ?

? ? ? ? ?

Globe Weathermap

Citizens & politicians

Weather data

Spin and animate


More questions… for the conference

• Are these the right dimensions of new media design?

• How do you evaluate new media experiences to find the jackpots or sweet spots? How do you measure what ‘works’?

• Which comes first in FRAME? Are some dimensions more important than others? How does this connect to user-centred design?

• How do you document the design explorations and resulting knowledge? Are ‘annotated portfolios’ a potential method?


More information on cited projects


frohlich framing4

Sports