The Framework Age

ing Retro Funk BeBop Free-form Jazz BAROQUE DIGITAL Swing Something Classical Romantic Ancient wing Jazz Fusion SOUL Bebop Ballet Swing The Framework Age Free-form Jazz Retro Funk DIGITAL Hard bop ssical Tango detecting, adapting, & improvising Modal BAROQUE Classical Notes on Classical wing Free-form Jazz Big Band DIGITAL BAROQUE Retro Funk Classical Swing BeBop Retro Funk BAROQUE MIDI Third Stream DIGITAL Avant-Garde Jazz Swing Improvisation Acid Jazz Liz Danzico Ragtime Retro Funk Latin Jazz Dance Folk Music Classical Webstock 2008 Hard bop Classical Classical Jazz DIXIELAND Blues Free Jazz

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

You

Detectable Detectable Present Additive Performance

WHAT WE’RE TALKING ABOUT 1 Deﬁning frameworks

As we made the transition from print to web, we took some of the principles with us.

Because we’re designing for the web, we’ve let go of some of that control.

http://pieaia.org

We’re not designing artifacts.

We’re not designing artifacts. We’re designing frameworks.

We’re not designing artifacts. We’re designing frameworks. And frameworks require users to adopt, to adapt, to improvise.

Framework: Provides uninscribed and detectable cues that loosely govern a set of actions or interactions

Interfaces are no longer telling the story; they must provide places that enable storytelling to happen.

Thus: users must adapt, adopt, improvise.

This is a story about people and technology. With music. LEARNING FROM JAZZ 2 A ordances in music

An aside:

An aside: Jazz music was a reprieve from Classical music which had dominated the last centuries.

Classical composition:

Classical music composition didn’t leave room for participation.

Jazz notation:

Courtesy Dan Cohen http://youtube.com/watch?v=2kotK9FNEYU Courtesy dancohen, YouTube (youtube.com/watch?v=2kotK9FNEYU)

Modal jazz leaves spaces between the notes for artists to improvise. Liberally.

4 V 4q q q q q q Q Q Q

“You will hear something close to pure spontaneity in these performances.” — Bill Evans, Kind of Blue, pianist

“Creative Instability”

Before the advent of writing, epic storytellers relied on music patterns to pass along stories = oral tradition

“Composition in performance”

“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

ONLINE EVIDENCE 3 Designing for improvisation

Whether sidewalks, music, or the oral tradition, there are unscripted frameworks that allow improvisation to happen.

Detectable, or “a lot with a little”

1 2 3 4

http://basecamphq.com

http://backpackit.com

http://geni.com

“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/

http://wordpress.org

Present, or “in real-time”

http://subtraction.com/archives/2006/0929_ripped_from_.php

http://signalvnoise.com

http://boxesandarrows.com

Additive, or “part of a whole”

http://abriefmessage.com

http://www.flickr.com/photos/library_of_congress/

24 HOURS 4,000 unique tags 19,000 total tags 500 comments

Performance, or “the audience is always right”

“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

http://virb.com

http://murdersandmysteries.com

http://weightshift.com

HOW DO WE DO IT? 4 Tools and principles for use

“All art is performance art, which is to say that it is ﬁrst and foremost activity. It is the act of art … that is important, not the created object.” —Christopher Small, Musicking

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 Person creation User research UCD models Participatory design Agil development User centered design Persona creation Agile development User research UCD models User-centered desig Agile development Participatory design Contextual inquiry Persona creation Agile development User research UCD mod 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

User-centered design: The needs, wants, and limitations of the end user are given extensive attention at each stage of the design process.

Participatory design: Actively involves users in the design process to help ensure that the product designed meets their needs and is usable.

“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

All the focus has been on the design process. Design Release Use

Not on how design evolves with use. Use Design Release

This is not unlike the tension between print versus the web. Compose Transmit Interpret

Or how we communicated prior to the advent of writing. Compose Interpret Transmit

User story Business requirements Rules of Build and Re- Structure Design Test Build Launch Beta Observe and Interact User needs Group and user needs Brandon Shauer, IA Summit 2006

Designing for improvisation: Requires a co-adaptive process between users and systems — a democratization of the creative process.

Music: Transition to frameworks (A gross generalization) Classical Music? Modal Jazz Bebop Improv Classical Music Time

User participation: Transition to frameworks Web 2.0 Flickr Facebook Yahoo! Del.icio.us User Wikipedia Participation Blogger Amazon Yahoo! eBay Time

Build process: Transition to frameworks (Another gross generalization) Web 2.0 Flickr Development Frameworks Facebook Yahoo! Del.icio.us User Wikipedia Participation Blogger Amazon Yahoo! eBay Time

Design process: Transition to frameworks Citizen Designing for Journalism improvisation Flickr Participatory design User Wikis Participation User-centered design Yahoo! Brochure Users? Portals Directory Sites Time

Improvisation facilitators? User Sophistication Time

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.

THANK YOU! End. Liz Danzico liz@bobulate.com

The Framework Age

1 comments

Notes on slide 1

7 Favorites