Upgrade to Pro — share decks privately, control downloads, hide ads and more …

You/Me/Us: Collaboration, Storytelling, & Technology

John Ryan
November 17, 2016

You/Me/Us: Collaboration, Storytelling, & Technology

Workshop, Chaos at the Musuem, Buenos Aires, Argentina

Contemporary technologies promise a move from a one-way broadcast to collective storytelling, and yet many of our interactions with technology are isolating and non-collaborative. At Local Projects, we design technology for museums and public spaces that enables participation, storytelling, and social interaction.

This workshop examined the methodology behind Local Projects’ award-winning work. Participants undertook a series of exercises that the studio uses early in a project to identify opportunities, define strategies, and develop concepts. The workshop finished with a survey of both lo-fi and high-tech tools that might be used to prototype such ideas.

http://chaosba.typa.org

John Ryan

November 17, 2016
Tweet

More Decks by John Ryan

Other Decks in Design

Transcript

  1. Chaos at the Museum: Tools Workshop
    You/Me/Us: Collaboration,
    Storytelling, & Technology
    November 17-18, 2016

    View full-size slide

  2. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 2
    John Ryan
    Local Projects
    Director of Interaction Design
    Creative Director
    @johndryan

    View full-size slide

  3. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 3
    1. Our Work & Process (15 min)
    2. Tool 1: Strategy Quadrant (15 min)
    3. Tool 2: Rapid Ideation Exercise (10 min)
    4. Tool 3: Concept Development (30 min)
    5. Introduction to Prototyping Approaches (15 min)
    Workshop Structure

    View full-size slide

  4. PART 1:
    Our Work & Process

    View full-size slide

  5. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 5
    LOCAL PROJECTS

    View full-size slide

  6. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 7
    I hear and I forget.
    I see and I remember.
    I do and I understand.
    -Confucius

    View full-size slide

  7. i. Participation creates deeper learning
    La participación potencia el aprendizaje.

    View full-size slide

  8. i. Participation creates deeper learning
    La participación potencia el aprendizaje.
    ii. Put the visitor at the center
    Pon al visitante al centro.

    View full-size slide

  9. The goal was to make the
    technology invisible.
    — John Lasseter, Pixar

    View full-size slide

  10. i. Participation creates deeper learning
    La participación potencia el aprendizaje.
    ii. Put the visitor at the center
    Pon al visitante al centro.
    iii. Great stories outlast technology
    Buenas historias perduran, la tecnología cambia.

    View full-size slide

  11. NATIONAL COMEDY CENTER | LOCAL PROJECTS 15

    View full-size slide

  12. Make it as real as possible,
    as fast as possible.
    — Amit Pitaru, FiftyThree

    View full-size slide

  13. i. Participation creates deeper learning
    La participación potencia el aprendizaje.
    ii. Put the visitor at the center
    Pon al visitante al centro.
    iii. Great stories outlast technology
    Buenas historias perduran, la tecnología cambia.
    iv. Prototype early and often
    Haz prototipos temprano y frecuentemente.

    View full-size slide

  14. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 19
    PROCESS

    View full-size slide

  15. Strategy &
    Discovery
    Concept
    Design

    Development
    Production
    Prototyping

    View full-size slide

  16. Concept
    Design

    Development
    Production
    Prototyping
    Today’s Workshop
    Strategy &
    Discovery

    View full-size slide

  17. Concept Prototyping
    Strategy &
    Discovery
    Trends & Opportunities Tendencias y Oportunidades
    INSTITUTION LA INSTITUCION
    INDUSTRY LA INDUSTRIA
    AUDIENCE EL PUBLICO
    CULTURE & TECHNOLOGY CULTURA Y TECNOLOGIA
    Museums want visitors to
    contribute to the
    meaning of the art.
    Los museos quieren que sus visitantes contribuyan al significado
    del arte.
    Museum attendance is decreasing,
    especially among young people.
    La asistencia a museos esta bajando, especialmente entre los
    jóvenes.
    Visitors enjoy expressing
    themselves.
    Los visitantes disfrutan expresándose.
    Smart recommendation
    services are the future.
    Servicios de recomendaciones inteligentes son el futuro.
    FORM TEAMS:
    Strategy
    Quadrant
    EXERCISE:
    Crazy 8s
    EXERCISE:
    Concept
    Sketch
    TALK:
    Prototyping

    View full-size slide

  18. PART 1:
    Strategic Brief

    View full-size slide

  19. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 24
    TRENDS & OPPORTUNITIES
    Institution Audience
    Culture & Technology Industry
    What will make this
    experience feel right
    for this place?
    How do we leverage
    the unique attributes
    of these people?
    What can we learn
    from current trends
    or successes?
    What can we learn
    from how others are
    doing things?

    View full-size slide

  20. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 25
    Pick a brief:
    Art Museum
    El Museo de Arte
    Educational Non-Profit
    Educación sin fines de lucro
    Libraries & Civic Spaces
    Bibliotecas y Espacios Públicos

    View full-size slide

  21. 1. Art Museum
    El Museo de Arte

    View full-size slide

  22. Trends & Opportunities Tendencias y Oportunidades
    INSTITUTION LA INSTITUCION INDUSTRY LA INDUSTRIA
    AUDIENCE EL PUBLICO CULTURE & TECHNOLOGY CULTURA Y TECNOLOGIA
    Museums want visitors to
    contribute to the
    meaning of the art.
    Los museos quieren que sus visitantes contribuyan al significado
    del arte.
    Museum attendance is decreasing,
    especially among young people.
    La asistencia a museos esta bajando, especialmente entre los
    jóvenes.
    Visitors enjoy expressing
    themselves.
    Los visitantes disfrutan expresándose.
    Smart recommendation
    services are the future.
    Servicios de recomendaciones inteligentes son el futuro.

    View full-size slide

  23. 2. Educational Non-Profit
    Educación sin fines de lucro

    View full-size slide

  24. Trends & Opportunities Tendencias y Oportunidades
    INSTITUTION LA INSTITUCION INDUSTRY LA INDUSTRIA
    AUDIENCE EL PUBLICO CULTURE & TECHNOLOGY CULTURA Y TECNOLOGIA
    Massive opportunity to support
    learning outside of the classroom.
    Grandes oportunidades de fomentar aprender fuera de la sala
    de clases.
    Learning is an interactive process
    of analyzing, questioning,
    and discussing.
    Aprender es un proceso interactivo de análisis, cuestionamiento y
    discusión.
    Children spend 4 times more time
    with digital content than at school.
    Los niños están expuestos a contenidos digitales cuatro veces
    mas que en la escuela.
    Connecting lessons to the real
    world increases learning.
    Lecciones que involucran el mundo real aumentan el nivel de
    aprendizaje.

    View full-size slide

  25. 3. Libraries & Civic Spaces
    Bibliotecas y Espacios Públicos

    View full-size slide

  26. Trends & Opportunities Tendencias y Oportunidades
    INSTITUTION LA INSTITUCION INDUSTRY LA INDUSTRIA
    AUDIENCE EL PUBLICO CULTURE & TECHNOLOGY CULTURA Y TECNOLOGIA
    Start with what already exists
    (buildings, staff, infrastructure).
    Partamos por la infraestructura existente
    (Edificios, el personal, etc.)
    Quality public events are
    transforming civic institutions.
    Eventos públicos de calidad están transformando las
    instituciones públicas.
    People form collective identities
    around passions and interests.
    La gente forma identidades colectivas alrededor de sus pasiones
    e intereses.
    ‘Open-source’ and ‘sharing
    economy’ models have impacted
    numerous industries.
    Los modelos de “código abierto” y de “consumo colaborativo”
    han impactado muchas industrias.

    View full-size slide

  27. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 32
    Pick a brief:
    Art Museum
    El Museo de Arte
    Educational Non-Profit
    Educación sin fines de lucro
    Libraries & Civic Spaces
    Bibliotecas y Espacios Públicos

    View full-size slide

  28. PART 2:
    Early Concepts

    View full-size slide

  29. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 34

    View full-size slide

  30. • Move Quickly
    • Broad Strokes, Big Ideas
    • Inspiration? Refer to strategy & ‘comps’

    View full-size slide

  31. i. Participation creates deeper learning
    La participación potencia el aprendizaje.
    ii. Put the visitor at the center
    Pon al visitante al centro.
    iii. Great stories outlast technology
    Buenas historias perduran, la tecnología cambia.
    iv. Prototype early and often
    Haz prototipos temprano y frecuentemente.

    View full-size slide

  32. PART 3:
    Develop Concepts

    View full-size slide

  33. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 38

    View full-size slide

  34. i. Participation creates deeper learning
    La participación potencia el aprendizaje.
    ii. Put the visitor at the center
    Pon al visitante al centro.
    iii. Great stories outlast technology
    Buenas historias perduran, la tecnología cambia.
    iv. Prototype early and often
    Haz prototipos temprano y frecuentemente.

    View full-size slide

  35. PART 4:
    Review Concepts

    View full-size slide

  36. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 41

    View full-size slide

  37. PART 5:
    Prototyping

    View full-size slide

  38. EXPLORATION PROTOTYPING
    DESIGN EXPLORATIONS

    View full-size slide

  39. Make it as real as possible,
    as fast as possible.
    — Amit Pitaru, FiftyThree

    View full-size slide

  40. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 45
    Low Fidelity Prototyping: Paper + Wires/Sketches

    View full-size slide

  41. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 46
    Low Fidelity Prototyping: Paper + Wires/Sketches

    View full-size slide

  42. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 47
    Medium Fidelity Prototyping: Digital Tools

    View full-size slide

  43. Medium Fidelity Prototyping: Mock-Ups & Projection

    View full-size slide

  44. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 49
    Medium Fidelity Prototyping: Keynote or Powerpoint

    View full-size slide

  45. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 50
    Medium Fidelity Prototyping: Wizard-of-Oz-ing!

    View full-size slide

  46. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 52
    High Fidelity Prototyping: Code Prototype
    OpenFrameworks JavaScript Processing

    View full-size slide

  47. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 55
    Prototyping @ Chaos: Some ideas…
    Paper or Keynote/Powerpoint
    Prototyping
    IFTTT.com to monitor
    social media hashtags
    Twilio to invite participation
    via SMS or phonecall

    View full-size slide

  48. A man of genius makes no mistakes.
    His errors are volitional and are the
    portals to discovery.
    — James Joyce

    View full-size slide

  49. CHAOS AT THE MUSEUM: TOOLS WORKSHOP | LOCAL PROJECTS 57
    Thank You!
    John Ryan
    Local Projects
    @johndryan
    localprojects.com

    View full-size slide