The Framework Age

Slide 1: 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

Slide 2: 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

Slide 3: You

Slide 4: Detectable Detectable Present Additive Performance

Slide 5: WHAT WE’RE TALKING ABOUT 1 Defining frameworks

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

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

Slide 9: http://pieaia.org

Slide 11: We’re not designing artifacts.

Slide 12: We’re not designing artifacts. We’re designing frameworks.

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

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

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

Slide 16: Thus: users must adapt, adopt, improvise.

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

Slide 18: An aside:

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

Slide 20: Classical composition:

Slide 24: Classical music composition didn’t leave room for participation.

Slide 25: Jazz notation:

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

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

Slide 28: 4 V 4q q q q q q Q Q Q

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

Slide 30: “Creative Instability”

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

Slide 32: “Composition in performance”

Slide 33: “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

Slide 34: ONLINE EVIDENCE 3 Designing for improvisation

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

Slide 36: Detectable Detectable Present Additive Performance

Slide 37: Detectable, or “a lot with a little”

Slide 38: 1 2 3 4

Slide 39: http://basecamphq.com

Slide 41: http://backpackit.com

Slide 45: http://geni.com

Slide 48: “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/

Slide 49: http://wordpress.org

Slide 53: Present, or “in real-time”

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

Slide 56: http://signalvnoise.com

Slide 57: http://boxesandarrows.com

Slide 58: Additive, or “part of a whole”

Slide 60: http://abriefmessage.com

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

Slide 65: 24 HOURS 4,000 unique tags 19,000 total tags 500 comments

Slide 67: Performance, or “the audience is always right”

Slide 68: “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

Slide 69: http://virb.com

Slide 73: http://murdersandmysteries.com

Slide 74: http://weightshift.com

Slide 75: Detectable Detectable Present Additive Performance

Slide 76: HOW DO WE DO IT? 4 Tools and principles for use

Slide 77: “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

Slide 78: 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

Slide 79: 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

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

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

Slide 82: “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

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

Slide 84: Not on how design evolves with use. Use Design Release

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

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

Slide 87: 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

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

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

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

Slide 91: 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

Slide 92: 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

Slide 93: Improvisation facilitators? User Sophistication Time

Slide 97: 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.

Slide 98: THANK YOU! End. Liz Danzico liz@bobulate.com