The Framework Age
Upcoming SlideShare
Loading in...5
×
 

The Framework Age

on

  • 5,835 views

Emphasis has shifted from editor to reader, stories have gone from individual to social, people are relying on patterns rather than interfaces. But as we move from designing artifacts to designing ...

Emphasis has shifted from editor to reader, stories have gone from individual to social, people are relying on patterns rather than interfaces. But as we move from designing artifacts to designing systems, are there new guidelines at work? We want users to be able to control their own experiences, but how do we ensure they have the right tools to do so? In this session from Webstock 08, Liz Danzico explored what it means to design in the age of frameworks and investigated their governing principles — learning from existing models as diverse as jazz music and oral cultures.

Statistics

Views

Total Views
5,835
Views on SlideShare
5,755
Embed Views
80

Actions

Likes
10
Downloads
37
Comments
0

2 Embeds 80

http://thinkingforaliving.org 79
http://wp.tfal.superheroeshq.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The Framework Age The Framework Age Presentation Transcript

  • 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 Defining 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 Detectable Present Additive Performance
  • 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
  • Detectable Detectable Present Additive Performance
  • HOW DO WE DO IT? 4 Tools and principles for use
  • “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
  • 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
  • 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