Frohlich framing4
-
date post
18-Oct-2014 -
Category
Sports
-
view
455 -
download
0
description
Transcript of Frohlich framing4
![Page 1: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/1.jpg)
www.dwrc.surrey.ac.uk
Framing the design of new media experiences
David Frohlich
Digital World Research CentreMonday 23 September 2013
www.dwrc.surrey.ac.uk
![Page 2: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/2.jpg)
www.dwrc.surrey.ac.uk
The image and the frame
![Page 3: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/3.jpg)
www.dwrc.surrey.ac.uk
The image and the frame
![Page 4: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/4.jpg)
www.dwrc.surrey.ac.uk
The image and the frame
![Page 5: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/5.jpg)
www.dwrc.surrey.ac.uk
The image and the frame
![Page 6: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/6.jpg)
www.dwrc.surrey.ac.uk
The image and the frame
![Page 7: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/7.jpg)
www.dwrc.surrey.ac.uk
Digitization
The content and the platform
Music
Radio
TV
Film
Web
Photography
Performance
Game Print
![Page 8: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/8.jpg)
www.dwrc.surrey.ac.uk
The content and the platform
![Page 9: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/9.jpg)
www.dwrc.surrey.ac.uk
Music
Radio
TV
Film
Web
Photography
Performance
New content new platform
Digitization
Convergence
Game Print
![Page 10: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/10.jpg)
www.dwrc.surrey.ac.uk
E.G. Tangible Earth GlobeShinichi Takemura ~2007
![Page 11: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/11.jpg)
www.dwrc.surrey.ac.uk
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?
![Page 12: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/12.jpg)
www.dwrc.surrey.ac.uk
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…
![Page 13: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/13.jpg)
www.dwrc.surrey.ac.uk
Frame-work
![Page 14: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/14.jpg)
www.dwrc.surrey.ac.uk
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).
![Page 15: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/15.jpg)
www.dwrc.surrey.ac.uk
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)
![Page 16: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/16.jpg)
www.dwrc.surrey.ac.uk
Slot machine analogy
![Page 17: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/17.jpg)
www.dwrc.surrey.ac.uk
Frame-work…
Form Reason Audience Material Extent
![Page 18: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/18.jpg)
www.dwrc.surrey.ac.uk
Frame-work…
Form Reason Audience Material Extent
F R A M E
![Page 19: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/19.jpg)
www.dwrc.surrey.ac.uk
Example 1: Audioprint experiences on the Audiophoto Desk
![Page 20: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/20.jpg)
www.dwrc.surrey.ac.uk
Music
Radio
TV
Film
Web
Photography
Performance
New content new platform
Digitization
Convergence
Game Print
![Page 21: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/21.jpg)
www.dwrc.surrey.ac.uk
Music
Radio
TV
Film
Web
Photography
Performance
New content new platform
Digitization
Audiophotography
Game Print
![Page 22: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/22.jpg)
www.dwrc.surrey.ac.uk
22
The Audiophoto Desk Frohlich, Clancy, Robinson & Costanzo 2004
![Page 23: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/23.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material
![Page 24: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/24.jpg)
www.dwrc.surrey.ac.uk
Initial Audiophoto Desk design
Desk Personal memory
Family & friends
Domestic audiophoto
Placement, play-out
F R A M E
![Page 25: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/25.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material exploration
![Page 26: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/26.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material exploration
![Page 27: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/27.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material exploration
Self-contained audio-photo narratives work well
Suggests new Reason could be oral history capture
![Page 28: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/28.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material exploration
![Page 29: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/29.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material exploration
Ambient sounds can be looped to create musical beats
Suggests Extent and Reason changes
![Page 30: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/30.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Form exploration
“York audiophoto table”
![Page 31: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/31.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Form exploration
“Weegie”
Sketch by Mil Stricevic
![Page 32: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/32.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material digression
![Page 33: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/33.jpg)
www.dwrc.surrey.ac.uk
Audiophoto desk Material digression
![Page 34: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/34.jpg)
www.dwrc.surrey.ac.uk
Example 2: Live digital storytelling experiences in the Collect Yourselves! system
![Page 35: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/35.jpg)
www.dwrc.surrey.ac.uk
Music
Radio
TV
Film
Web
Photography
Performance
New content new platform
Digitization
Convergence
Game Print
![Page 36: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/36.jpg)
www.dwrc.surrey.ac.uk
Music
Radio
TV
Film
Web
Photography
Performance
New content new platform
Digitization
Live Digital Storytelling
Game Print
![Page 37: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/37.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Reunion game | Devising phase
![Page 38: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/38.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Reunion game | Live group phase
![Page 39: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/39.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Reunion game Live group phase – colleagues (“6 months ago?”)
![Page 40: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/40.jpg)
www.dwrc.surrey.ac.uk
Initial Collect Yourselves! design
Laptop & projector
Reunion Old collegues
Personalquestions
Timed matrix
F R A M E
![Page 41: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/41.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Audience exploration – friends (“6 months ago?”)
![Page 42: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/42.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Form and Extent exploration
![Page 43: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/43.jpg)
www.dwrc.surrey.ac.uk
Collect Yourselves! Form and Extent exploration –future design?
![Page 44: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/44.jpg)
www.dwrc.surrey.ac.uk
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?
![Page 45: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/45.jpg)
www.dwrc.surrey.ac.uk
Answers to questions
![Page 46: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/46.jpg)
www.dwrc.surrey.ac.uk
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?
![Page 47: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/47.jpg)
www.dwrc.surrey.ac.uk
Form Reason Audience Material Extent
F R A M E
How do you understand and design new media experiences?
![Page 48: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/48.jpg)
www.dwrc.surrey.ac.uk
What are the dimensions of design and how do they interact with each other?
![Page 49: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/49.jpg)
www.dwrc.surrey.ac.uk
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
![Page 50: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/50.jpg)
www.dwrc.surrey.ac.uk
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
![Page 51: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/51.jpg)
www.dwrc.surrey.ac.uk
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
![Page 52: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/52.jpg)
www.dwrc.surrey.ac.uk
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?
![Page 53: Frohlich framing4](https://reader035.fdocuments.in/reader035/viewer/2022070300/5442f33cb1af9f390a8b480f/html5/thumbnails/53.jpg)
www.dwrc.surrey.ac.uk
More information on cited projects
www.dwrc.surrey.ac.uk