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 Slide

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

    View 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 Slide

  4. PART 1:
    Our Work & Process

    View Slide

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

    View Slide

  6. REEL

    View Slide

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

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

    View Slide

  9. View Slide

  10. View Slide

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

    View Slide

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

    View Slide

  13. View Slide

  14. 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 Slide

  15. NATIONAL COMEDY CENTER | LOCAL PROJECTS 15

    View Slide

  16. View Slide

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

    View Slide

  18. 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 Slide

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

    View Slide

  20. Strategy &
    Discovery
    Concept
    Design

    Development
    Production
    Prototyping

    View Slide

  21. Concept
    Design

    Development
    Production
    Prototyping
    Today’s Workshop
    Strategy &
    Discovery

    View Slide

  22. 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 Slide

  23. PART 1:
    Strategic Brief

    View Slide

  24. 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 Slide

  25. 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 Slide

  26. 1. Art Museum
    El Museo de Arte

    View Slide

  27. 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 Slide

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

    View Slide

  29. 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 Slide

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

    View Slide

  31. 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 Slide

  32. 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 Slide

  33. PART 2:
    Early Concepts

    View Slide

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

    View Slide

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

    View Slide

  36. 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 Slide

  37. PART 3:
    Develop Concepts

    View Slide

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

    View Slide

  39. 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 Slide

  40. PART 4:
    Review Concepts

    View Slide

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

    View Slide

  42. PART 5:
    Prototyping

    View Slide

  43. EXPLORATION PROTOTYPING
    DESIGN EXPLORATIONS

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  48. Medium Fidelity Prototyping: Mock-Ups & Projection

    View Slide

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

    View Slide

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

    View Slide

  51. View Slide

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

    View Slide

  53. View Slide

  54. View Slide

  55. 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 Slide

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

    View Slide

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

    View Slide