SlideShare a Scribd company logo
Building the Narrative Cloud
Omar Sosa Tzec・Jordan E. Beck・Martin A. Siegel
School of Informatics and Computing
Indiana University
drs // cumulus 2013
2nd International Conference for
Design Education Researchers
Oslo, 14-17 May 2013
Distributed Cognition in a Design Studio Classroom
Maya Lin
Source: http://www.naaapconvention.org/
Source: http://militaryblog.militaryavenue.com/
The Vietnam Veterans Memorial Wall
How do we use narratives as teaching tools
in a design studio to cultivate design agency
in non-designers?
Question
hci design studio
o
Observer
i
Instructor
s
s
s
s
ss
s
s
s
s
ss
s
s
s
s
ss
s
s
s
s
ss
s
s
s
s
ss
s
s
s
s
ss
Students collaborating
Methodology
Sketching and
prototyping
Content-Dependent Concepts
Students sketching and prototyping
Image by Sam Tian
Content-Dependent Concepts
Affinity
Diagramming
Affinity diagram made by students
Image by Sam Tian
Content-Dependent Concepts
Usability
Testing
Students testing their prototype
Image by Sam Tian
Content-Independent Concepts
courage
Content-Independent Concepts
“You know, I couldn’t help but think
that, she was so young and early in
her career, inexperienced, really. A
student still. And yet she still had
the courage to believe in her design.
I wonder if I could do that.”
graduate student of hci/d studio
Content-Independent Concepts
Content-Independent Concepts
The Zen Dog by Edward Mocton - http://www.edwardmonkton.com
Source: http://birchbeauty.blogspot.com/2011/01/zen-dog-made-me-do-it.html
Content-Independent Concepts
The Zen Dog by Edward Mocton - http://www.edwardmonkton.com
Source: http://birchbeauty.blogspot.com/2011/01/zen-dog-made-me-do-it.html
perseverance
Content-Independent Concepts
International student of the HCI/d program at IU
Image by Sam Tian
diversity
Content-Independent Concepts
International student of the HCI/d program at IU
Image by Sam Tian
Content-Independent Concepts
Narratives act as catalysts
for cultivating a sense of
design agency
HCI/d students during the lecture stage
Image by Sam Tian
instructor students
s s scontent-independent concept
studio
i
reflection-in-narrative
Content-Independent Concepts
Content-Independent Concepts
reflection-on-narrative
s s s
studio
i
?
The Narrative Cloud
The Narrative Cloud
The Narrative Cloud
s si s
The Narrative Cloud
s si s
The Narrative Cloud
s si s
s si s
The Narrative Cloud
s s
s
s si s
The Narrative Cloud
sT
The Narrative Cloud
sT
s s
s
Narratives: typology
Narratives: typology
Oral
Narratives
Narratives: typology
Oral
Narratives
Video
Narratives
Narratives: typology
Musical
Narratives
Oral
Narratives
Video
Narratives
Narratives: components
•Characters
•Setting
•Actions
•Time Pins
•Objects
•Emotions
•Intentions
•Values
Summary
•Content-Dependent Concepts
•Content-Independent Concepts
•The Narrative Cloud
•Typology and Components for Narratives
We introduced an HCI/d
pedagogical approach to be
applied in a studio-based course.
This approach employs narratives
as a means to convey content-
independent concepts. These
stories gather in a conceptual
space we call the narrative cloud,
and they serve to engage
students into self-reflection.
The graduate students of the HCI/d studio in the Rite of Passage
Image by Sam Maverick
Conclusions
This self- reflection motivates
achievement of two student
goals:
1.Consciousness
2.Empowerment
The graduate students of the HCI/d working at the studio
Image by Sam Maverick
Conclusions
•Student acceptance
•Design principles
•Best fit (curriculum/instructor)
The graduate students of the HCI/d studio in the lecture session
Image by Sam Maverick
Conclusions
•How to build a framework
for practical use?
•When to consider the
narrative cloud?
•What are the implications
of use?
The graduate students of the HCI/d studio receiving a lecture of music
Image by Sam Maverick
Future Work
They strengthen and
refine their sense of
agency by composing
their own life
narratives. In the
end, the students are
the story.The graduate students of the HCI/d studio after their participation
in the student design contest of the CHI Conference 2013
Image by Tony Pattin
Acknowledgements
This work is supported in part by the
National Science Foundation (NSF) Grant
Award no. 1115532. Opinions expressed are
those of the authors and do not necessarily
reflect the views of the entire research team
or the NSF. Other project team members
include Erik Stolterman, Nathan Bilancio,
Colin Gray, Minqi Luo, David Roedl, and
Mengyao Zhao, all from Indiana University.
Questions?
{omarsosa, joebeck, msiegel}@indiana.edu
http://www.soic.indiana.edu/
http://uxdesignpractice.com/

More Related Content

PPT
Electronic Portfolios Demystified
PDF
PPT
Interaction design and cognitive aspects
PDF
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
PPTX
Edtech.3
PDF
Instructional Design
PDF
This I Believe: Cultivating Students' Individual Voices through Digital Story...
PPTX
Schneider - The Final Chapter: developing the academic skills of final year p...
Electronic Portfolios Demystified
Interaction design and cognitive aspects
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Edtech.3
Instructional Design
This I Believe: Cultivating Students' Individual Voices through Digital Story...
Schneider - The Final Chapter: developing the academic skills of final year p...

Similar to Building the Narrative Cloud: Reflection and Distributed Cognition in a Design Studio Classroom (20)

PPTX
ACCE2016: Authentic Learning Empowered By IT
PPT
Motivating Minds In Minnesota
PPTX
VRA 2013, Pedagogical Studies in Visual Literacy, Petraits
PPTX
Finalchapter
PDF
Newsletter August 2011
PDF
Newsletter August 2011
PPTX
Research proposal presentation - 10 june 2014
PPTX
ELI 2010 Presentation
PDF
Teaching portfolio: Ching-Ching Huang
PPTX
130627 edmedia-invited
PPTX
ELET5160 Multimedia Design Principles
PPTX
Teaching Architectural design
PPT
Online Collaboration using VoiceThread
PPT
Technologyin time
PPT
Technologyin time
PPTX
V1 learning with digital media bringing 21st century skills to the natives
PPTX
North woods new pedagogies artefacts
PPT
Open SUNY NDLW: Using open source virtual-reality environments for community...
PPT
Project based learning powerpoint
PPTX
Digital Storytelling
ACCE2016: Authentic Learning Empowered By IT
Motivating Minds In Minnesota
VRA 2013, Pedagogical Studies in Visual Literacy, Petraits
Finalchapter
Newsletter August 2011
Newsletter August 2011
Research proposal presentation - 10 june 2014
ELI 2010 Presentation
Teaching portfolio: Ching-Ching Huang
130627 edmedia-invited
ELET5160 Multimedia Design Principles
Teaching Architectural design
Online Collaboration using VoiceThread
Technologyin time
Technologyin time
V1 learning with digital media bringing 21st century skills to the natives
North woods new pedagogies artefacts
Open SUNY NDLW: Using open source virtual-reality environments for community...
Project based learning powerpoint
Digital Storytelling
Ad

More from Omar Sosa-Tzec (20)

PDF
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
PDF
Delight in the User Experience: Form and Place
PDF
Delight by Motion: Investigating the Role of Animation in Microinteractions
PDF
Critical Design Research and Constructive Research Outcomes as Arguments
PDF
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
PDF
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
PDF
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
PDF
Communicating design-related intellectual influence: towards visual references
PDF
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
PDF
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
PDF
My fascination with the visual: meaning, persuasion, and delight
PDF
Visual Design for Interface and Experience Design
PDF
Affordances, Constraints, and Feedback in User Experience Design
PDF
User Experience Design, Navigation, and Interaction Flows
PDF
Introduction to Human-Computer Interaction and Interaction Design
PDF
Takeaways from the course Visual Design for User Experience
PDF
Introduction to Visual Design for User Experience
PDF
Sometimes a sign, sometimes a figure
PDF
Principios de Diseño Visual para Interacción Humano-Computadora
PDF
HCI Seminar Fall 2015
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Delight in the User Experience: Form and Place
Delight by Motion: Investigating the Role of Animation in Microinteractions
Critical Design Research and Constructive Research Outcomes as Arguments
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Communicating design-related intellectual influence: towards visual references
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
My fascination with the visual: meaning, persuasion, and delight
Visual Design for Interface and Experience Design
Affordances, Constraints, and Feedback in User Experience Design
User Experience Design, Navigation, and Interaction Flows
Introduction to Human-Computer Interaction and Interaction Design
Takeaways from the course Visual Design for User Experience
Introduction to Visual Design for User Experience
Sometimes a sign, sometimes a figure
Principios de Diseño Visual para Interacción Humano-Computadora
HCI Seminar Fall 2015
Ad

Recently uploaded (20)

PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PPTX
Cell Structure & Organelles in detailed.
PDF
Computing-Curriculum for Schools in Ghana
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Institutional Correction lecture only . . .
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
Cell Types and Its function , kingdom of life
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Anesthesia in Laparoscopic Surgery in India
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
O7-L3 Supply Chain Operations - ICLT Program
VCE English Exam - Section C Student Revision Booklet
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
Cell Structure & Organelles in detailed.
Computing-Curriculum for Schools in Ghana
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Institutional Correction lecture only . . .
102 student loan defaulters named and shamed – Is someone you know on the list?
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Supply Chain Operations Speaking Notes -ICLT Program
Cell Types and Its function , kingdom of life
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
202450812 BayCHI UCSC-SV 20250812 v17.pptx
O5-L3 Freight Transport Ops (International) V1.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx

Building the Narrative Cloud: Reflection and Distributed Cognition in a Design Studio Classroom