Download - The Framework Age
![Page 1: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/1.jpg)
Blues
BeBop
Jazz FusionAncient
DIGITAL
SwingBAROQUE
Free-form Jazz
Classical
SwingRetro FunkBebop
BeBopDIGITALFree-form Jazz SwingRetro Funk Something
ModalClassical
DIGITAL
SwingBAROQUE
Free-form JazzClassicalTango
RomanticSwing
ImprovisationLatin Jazz
BAROQUE
Ragtime DanceRetro Funk Folk Music
DIGITAL
BAROQUE
Avant-Garde JazzSwing
Retro Funk
ClassicalFree JazzHard bop
DIXIELAND
Classical JazzClassical
Classical
Acid Jazz
Swing
Classical
Big Band
Ballet
Third StreamRetro Funk
MIDI
Hard bop
SOUL
The Framework AgeNotes on detecting, adapting, & improvising
Liz DanzicoWebstock 2008
![Page 2: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/2.jpg)
Me: Information architect Happy Cog
Editor Rosenfeld Media, A Brief Message
Educator The School of Visual Arts
Board member AIGA, IA Institute
Emeritus Boxes and Arrows
![Page 3: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/3.jpg)
You
![Page 4: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/4.jpg)
DetectableDetectable
Present Additive Performance
![Page 5: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/5.jpg)
Defining frameworksWHAT WE’RE TALKING ABOUT
1
![Page 6: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/6.jpg)
As we made the transition from print to web, we took some of the principles with us.
![Page 7: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/7.jpg)
![Page 8: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/8.jpg)
Because we’re designing for the web, we’ve let go of some of that control.
![Page 9: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/9.jpg)
http://pieaia.org
![Page 10: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/10.jpg)
![Page 11: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/11.jpg)
We’re not designing artifacts.
![Page 12: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/12.jpg)
We’re not designing artifacts.We’re designing frameworks.
![Page 13: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/13.jpg)
We’re not designing artifacts.We’re designing frameworks.And frameworks require users to adopt, to adapt, to improvise.
![Page 14: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/14.jpg)
Framework:Provides uninscribed and detectable cues that loosely govern a set of actions or interactions
![Page 15: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/15.jpg)
Interfaces are no longer telling the story; they must provide places that enable storytelling to happen.
![Page 16: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/16.jpg)
Thus: users mustadapt, adopt, improvise.
![Page 17: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/17.jpg)
This is a story about people and technology. This is a story about people and technology. With music.
A!ordances in musicLEARNING FROM JAZZ
2
![Page 18: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/18.jpg)
An aside:
![Page 19: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/19.jpg)
An aside:Jazz music was a reprieve from Classical music which had dominated the last centuries.
![Page 20: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/20.jpg)
Classical composition:
![Page 21: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/21.jpg)
![Page 22: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/22.jpg)
![Page 23: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/23.jpg)
![Page 24: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/24.jpg)
Classical music composition didn’t leave room for participation.
![Page 25: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/25.jpg)
Jazz notation:
![Page 26: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/26.jpg)
Courtesy dancohen, YouTube (youtube.com/watch?v=2kotK9FNEYU)Courtesy Dan Cohen
http://youtube.com/watch?v=2kotK9FNEYU
![Page 27: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/27.jpg)
Modal jazz leaves spaces between the notes for artists to improvise. Liberally.
![Page 28: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/28.jpg)
Q Q Q
V4
4
q qq q q q
![Page 29: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/29.jpg)
“You will hear something close to pure spontaneity in these performances.”
— Bill Evans, Kind of Blue, pianist
![Page 30: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/30.jpg)
“Creative Instability”
![Page 31: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/31.jpg)
Before the advent of writing, epic storytellers relied on music patterns to pass along stories =oral tradition
![Page 32: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/32.jpg)
“Composition in performance”
![Page 33: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/33.jpg)
“We are witnessing the reemergence in electronic form of oral patterns that have been hiding
in plain sight for generations.”
— Alex Wright, Glut: Mastering Information Through the Ages
![Page 34: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/34.jpg)
3 Designing for improvisationONLINE EVIDENCE
![Page 35: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/35.jpg)
Whether sidewalks, music, or the oral tradition, there are unscripted frameworks that allow improvisation to happen.
![Page 36: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/36.jpg)
DetectableDetectable
Present Additive Performance
![Page 37: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/37.jpg)
Detectable, or “a lot with a little”
![Page 38: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/38.jpg)
1 2 3 4
![Page 39: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/39.jpg)
http://basecamphq.com
![Page 40: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/40.jpg)
![Page 41: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/41.jpg)
http://backpackit.com
![Page 42: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/42.jpg)
![Page 43: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/43.jpg)
![Page 44: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/44.jpg)
![Page 45: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/45.jpg)
http://geni.com
![Page 46: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/46.jpg)
![Page 47: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/47.jpg)
![Page 48: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/48.jpg)
“That’s when I know WordPress is doing its job:
when people aren’t even aware they’re using it because
they’re so busy using it!”
—Mark Jaquith, Automattic
http://markjaquith.wordpress.com/2007/02/21/engine-awareness/
![Page 49: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/49.jpg)
http://wordpress.org
![Page 50: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/50.jpg)
![Page 51: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/51.jpg)
![Page 52: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/52.jpg)
![Page 53: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/53.jpg)
Present, or “in real-time”
![Page 54: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/54.jpg)
![Page 55: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/55.jpg)
http://subtraction.com/archives/2006/0929_ripped_from_.php
![Page 56: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/56.jpg)
http://signalvnoise.com
![Page 57: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/57.jpg)
http://boxesandarrows.com
![Page 58: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/58.jpg)
Additive, or “part of a whole”
![Page 59: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/59.jpg)
![Page 60: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/60.jpg)
http://abriefmessage.com
![Page 61: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/61.jpg)
![Page 62: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/62.jpg)
![Page 63: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/63.jpg)
![Page 64: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/64.jpg)
http://www.flickr.com/photos/library_of_congress/
![Page 65: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/65.jpg)
24 HOURS4,000 unique tags 19,000 total tags500 comments
![Page 66: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/66.jpg)
![Page 67: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/67.jpg)
Performance, or “the audience is always right”
![Page 68: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/68.jpg)
“Miles Davis presents ... frameworks which are exquisite in their simplicity and yet contain all
that is necessary to stimulate performance with sure reference to
the primary conception.”
— Bill Evans, Kind of Blue
![Page 69: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/69.jpg)
http://virb.com
![Page 70: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/70.jpg)
![Page 71: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/71.jpg)
![Page 72: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/72.jpg)
![Page 73: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/73.jpg)
http://murdersandmysteries.com
![Page 74: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/74.jpg)
http://weightshift.com
![Page 75: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/75.jpg)
DetectableDetectable
Present Additive Performance
![Page 76: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/76.jpg)
4 Tools and principles for useHOW DO WE DO IT?
![Page 77: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/77.jpg)
“All art is performance art, which is to say that it is first and foremost
activity. It is the act of art … that is important, not the created object.”
—Christopher Small, Musicking
![Page 78: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/78.jpg)
Contextual inquiry Participatory design Agile development User-centered design Participatory design Persona creation Agile development User research UCD models User-centered design Throw it against the wall Participatory design Agile development Contextual inquiry Participatory design Persona creation User research UCD models Participatory design Agile development User centered design Persona creation Agile development User research UCD models User-centered design Agile development Participatory design Contextual inquiry Persona creation Agile development User research UCD models User centered design Participatory design Agile development Persona creation Intuition Agile development User research UCD models Paper prototyping Persona creation Persona creation Contextual inquiry User research UCD models User-centered design Participatory design Agile development Contextual inquiry Design design Persona creation Agile
![Page 79: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/79.jpg)
Contextual inquiry Participatory design Agile development User-centered design Participatory design Persona creation Agile development User research UCD models User-centered design Throw it against the wall Participatory design Agile development Contextual inquiry Participatory design Persona creation User research UCD models Participatory design Agile development User centered design Persona creation Agile development User research UCD models User-centered design Agile development Participatory design Contextual inquiry Persona creation Agile development User research UCD models User centered design Participatory design Agile development Persona creation Intuition Agile development User research UCD models Paper prototyping Persona creation Persona creation Contextual inquiry User research UCD models User-centered design Participatory design Agile development Contextual inquiry Design design Persona creation Agile
![Page 80: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/80.jpg)
User-centered design:The needs, wants, and limitations of the end user are given extensive attention at each stage of the design process.
![Page 81: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/81.jpg)
Participatory design:Actively involves users in the design process to help ensure that the product designed meets their needs and is usable.
![Page 82: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/82.jpg)
“In a world that is not predictable, improvisation and evolution
are more than a luxury: they are a necessity.”
—Elisa Giaccardi and Gerhard Fischer, Creativity and Evolution: A Metadesign
Solution
![Page 83: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/83.jpg)
All the focus has been on the design process.
Design Release Use
![Page 84: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/84.jpg)
Not on how design evolves with use.
ReleaseDesign Use
![Page 85: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/85.jpg)
Compose
This is not unlike the tension between print versus the web.
Transmit Interpret
![Page 86: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/86.jpg)
Or how we communicatedprior to the advent of writing.
Compose
Transmit
Interpret
![Page 87: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/87.jpg)
Brandon Shauer, IA Summit 2006
Businessrequirements
Structure Design Test Build Launch
User needs
User story
Rules of
Beta Observeand Interact
Re-Build and
Group and user needs
![Page 88: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/88.jpg)
Designing for improvisation:Requires a co-adaptive process between users and systems — a democratization of the creative process.
![Page 89: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/89.jpg)
Improv
Time
Modal Jazz
Bebop
Classical Music
Music: Transition to frameworks(A gross generalization)
Classical Music?
![Page 90: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/90.jpg)
User Participation
User participation: Transition to frameworks
Amazon Yahoo!
Time
Flickr
BloggereBay
Yahoo! Del.icio.us
Wikipedia
Web 2.0
![Page 91: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/91.jpg)
User Participation
Amazon Yahoo!
Time
Flickr
BloggereBay
Yahoo! Del.icio.us
Wikipedia
Web 2.0
Build process: Transition to frameworks(Another gross generalization)
Development Frameworks
![Page 92: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/92.jpg)
Time
User Participation
Flickr
Wikis
Yahoo! Directory
Brochure Sites Portals
Citizen Journalism
Design process: Transition to frameworks
Users?
Participatorydesign
Designing for improvisation
User-centereddesign
![Page 93: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/93.jpg)
UserSophistication
Time
Improvisationfacilitators?
![Page 94: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/94.jpg)
![Page 95: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/95.jpg)
![Page 96: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/96.jpg)
![Page 97: The Framework Age](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54c79b1e4a7959820a8b45e2/html5/thumbnails/97.jpg)
1 Learn from familiar models—cities, music, traditions.
2 Create frameworks that are perceptible, present-focused, additive, communal.
3 Consider new ways of working for new kinds of a!ordances.