SlideShare a Scribd company logo
1 of 27
Building the Narrative Cloud:
Reflection and Distributed Cognition
in a Design Studio Classroom




Omar Sosa Tzec – Jordan E. Beck – Martin A. Siegel

Indiana University, Bloomington

School of Informatics and Computing                  s       s
Spring 2013
                                                         s
what is this about?

We introduce a pedagogical approach for
Human-Computer Interaction Design (HCI/d)
based on narratives to be employed in a
design studio [course].

In this approach the narratives are seen as a
tool for supporting the learning process of
HCI/d students to become designers.
Student




  s
          path as a designer
No-designer                        HCI Designer




    s                                  s
              path as a designer
s
         path as a designer


The studio as a HCI/d
learning environment


     * Design Thinking
     * Sets of design competency
     * Repertoire
s
         path as a designer


The studio as a HCI/d
learning environment



           narratives
             as a tool
sense of agency

                  Understanding of technology
                  that benefits humans




     d
the role of narratives

In this approach, the instructor selects a
concept that it’s believed to contribute in
the conformation of the students’ agency
as [future] designers.

Narratives are used to convey these concepts
and to engage the students into reflection
during the lecture stage of the studio.
the role of narratives (cont.)

We call these concepts
Concept Independent Concept (CIC).




                     cic
The design studio




cic 1




        time
The design studio




narrative


cic 1




            time
The design studio



            narrative



            cic 2
narrative


cic 1




                        time
The design studio



              narrative



              cic 2
narrative 1                      narrative 2


 cic 1                            cic 1




                          time
narratives: typology



                         cic




        Oral             Video       Musical
      Narratives       Narratives   Narratives
narratives: composition

* Characters
* Setting
* Actions
* Time Pins
* Objects
* Emotions
* Intentions
* Values
Maya Lin




Credits

Maya Lin: http://prelectur.stanford.edu/lecturers/lin/images/mayalb.jpg

Vietnam Veteran’s War Memorial: http://2.bp.blogspot.com/
_HWru1FKVR_M/TO5PHe1-qVI/AAAAAAAAAB0/vyuNrzOMFCY/s1600/
vietnam-veterans-memorial.jpg.gif
“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
reflection-in-narrative




        i    content-independent concept    s      s       s

      instructor                                students
                                   studio
reflection-on-narrative




            ?
       i    communal reflection zone    s   s   s


                               studio
the narrative cloud

The narrative cloud is envisioned as the highest
level on which we can model the learning experience
as narrative.

In the narrative cloud, the instructor abdicates
sole authorship. In the narrative cloud, stories act on,
are acted upon, and complement each other.
T   s

    s       s
i       s



                        s       s
                i           s

    s       s
i       s


                s           s
                                s
conclusions

We introduced an HCI/d pedagogical approach to be
applied in a studio-based course (Schön, 1987).

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.
conclusions (cont.)

This self- reflection motivates achievement of two
student goals:

(1) empowerment of the individual as designer, and

(2) cultivation of consciousness about the nature of
being a designer.
limitations

* Students may have difficulty comprehending a
narrative-based approach in a studio.

* This approach doesn’t instruct design principles
per se.

* This approach doesn’t fit in every curriculum,
neither does it fit every instructor.
future work

* How to build a framework for practical use?

   * When to consider the narrative cloud?
   * What are the implication of use?
   * What are the general impilcations in pedagogy?
Through the process of exchanging stories and inquiring
into the meaning of those stories, a natural shift occurs
whereby students no longer speak of the stories themselves.


The students begin to speak of themselves in relation
to the stories. They begin speaking about stories in terms of
their personal experiences. They seek meaning in themselves.
They strengthen and refine their sense of agency by composing
their own life narratives. In the end, the students are the story.
Thank you!
http://soic.indiana.edu

More Related Content

Viewers also liked

Arquitectura de Información de Personas a Wireframes
Arquitectura de Información de Personas a WireframesArquitectura de Información de Personas a Wireframes
Arquitectura de Información de Personas a WireframesOmar Sosa-Tzec
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsOmar Sosa-Tzec
 
Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de InformaciónOmar Sosa-Tzec
 
Asuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoAsuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoOmar Sosa-Tzec
 
Sistemas De Navegación
Sistemas De NavegaciónSistemas De Navegación
Sistemas De NavegaciónOmar Sosa-Tzec
 
Método de diseño y Modos de apelación retóricos
Método de diseño y Modos de apelación retóricosMétodo de diseño y Modos de apelación retóricos
Método de diseño y Modos de apelación retóricosOmar Sosa-Tzec
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureOmar Sosa-Tzec
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignOmar Sosa-Tzec
 
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Omar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 
La creatividad es un mito
La creatividad es un mitoLa creatividad es un mito
La creatividad es un mitoOmar Sosa-Tzec
 
Visual Design for Presentations
Visual Design for PresentationsVisual Design for Presentations
Visual Design for PresentationsOmar Sosa-Tzec
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceOmar Sosa-Tzec
 
Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Omar Sosa-Tzec
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceOmar Sosa-Tzec
 
Rhetoric in Graphic Design
Rhetoric in Graphic DesignRhetoric in Graphic Design
Rhetoric in Graphic Designbarbara_emanuel
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignOmar Sosa-Tzec
 

Viewers also liked (20)

Arquitectura de Información de Personas a Wireframes
Arquitectura de Información de Personas a WireframesArquitectura de Información de Personas a Wireframes
Arquitectura de Información de Personas a Wireframes
 
User Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction FlowsUser Experience Design, Navigation, and Interaction Flows
User Experience Design, Navigation, and Interaction Flows
 
Esquemática y Diseño de Información
Esquemática y Diseño de InformaciónEsquemática y Diseño de Información
Esquemática y Diseño de Información
 
Asuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseñoAsuntos sobre el pensamiento y ejecución de diseño
Asuntos sobre el pensamiento y ejecución de diseño
 
Sistemas De Navegación
Sistemas De NavegaciónSistemas De Navegación
Sistemas De Navegación
 
Método de diseño y Modos de apelación retóricos
Método de diseño y Modos de apelación retóricosMétodo de diseño y Modos de apelación retóricos
Método de diseño y Modos de apelación retóricos
 
Sometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figureSometimes a sign, sometimes a figure
Sometimes a sign, sometimes a figure
 
Visual Design for Interface and Experience Design
Visual Design for Interface and Experience DesignVisual Design for Interface and Experience Design
Visual Design for Interface and Experience Design
 
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
Manual de Identidad Visual para AmexIHC: Asociación Mexicana para la Interacc...
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
La creatividad es un mito
La creatividad es un mitoLa creatividad es un mito
La creatividad es un mito
 
Visual Design for Presentations
Visual Design for PresentationsVisual Design for Presentations
Visual Design for Presentations
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Takeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User ExperienceTakeaways from the course Visual Design for User Experience
Takeaways from the course Visual Design for User Experience
 
My Design Philosophy
My Design PhilosophyMy Design Philosophy
My Design Philosophy
 
Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015Doctoral Consortium Persuasive Technology Conference 2015
Doctoral Consortium Persuasive Technology Conference 2015
 
Sketchnoting Tutorial
Sketchnoting TutorialSketchnoting Tutorial
Sketchnoting Tutorial
 
Introduction to Visual Design for User Experience
Introduction to Visual Design for User ExperienceIntroduction to Visual Design for User Experience
Introduction to Visual Design for User Experience
 
Rhetoric in Graphic Design
Rhetoric in Graphic DesignRhetoric in Graphic Design
Rhetoric in Graphic Design
 
Affordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience DesignAffordances, Constraints, and Feedback in User Experience Design
Affordances, Constraints, and Feedback in User Experience Design
 

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

Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Research into Interaction Design Practice
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec
 
This I Believe: Cultivating Students' Individual Voices through Digital Story...
This I Believe: Cultivating Students' Individual Voices through Digital Story...This I Believe: Cultivating Students' Individual Voices through Digital Story...
This I Believe: Cultivating Students' Individual Voices through Digital Story...Sarah Clark
 
Agenda digital storytelling session 1
Agenda digital storytelling session 1Agenda digital storytelling session 1
Agenda digital storytelling session 1David Boin
 
Intro ouldi hea_sig_no_logo
Intro ouldi hea_sig_no_logoIntro ouldi hea_sig_no_logo
Intro ouldi hea_sig_no_logoRebecca Galley
 
Hybrid Learning Spaces (HLS): a contemporary design challenge
Hybrid Learning Spaces (HLS): a contemporary design challengeHybrid Learning Spaces (HLS): a contemporary design challenge
Hybrid Learning Spaces (HLS): a contemporary design challengeUniversity of Newcastle, NSW.
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Omar Sosa-Tzec
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Research into Interaction Design Practice
 
Seductive Online Program for Adult Learners
Seductive Online Program for Adult LearnersSeductive Online Program for Adult Learners
Seductive Online Program for Adult LearnersDavid Robins
 
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015Andy Hunsucker
 
A Personal Design Philosophy
A Personal Design PhilosophyA Personal Design Philosophy
A Personal Design PhilosophyOmar Sosa-Tzec
 
Arp Report Erika Rimes 2007
Arp Report Erika Rimes 2007Arp Report Erika Rimes 2007
Arp Report Erika Rimes 2007Erika Rimes
 
Constructivist design model
Constructivist design modelConstructivist design model
Constructivist design modelsevinckurt
 
Olnet 30 June Workshop
Olnet 30 June WorkshopOlnet 30 June Workshop
Olnet 30 June Workshopgrainne
 
The Digital Storytelling Cafe: Intro to digital storytelling with Photostory
The Digital Storytelling Cafe: Intro to digital storytelling with PhotostoryThe Digital Storytelling Cafe: Intro to digital storytelling with Photostory
The Digital Storytelling Cafe: Intro to digital storytelling with PhotostoryJen Hegna
 
Udl Presentation Pic Edited
Udl Presentation Pic EditedUdl Presentation Pic Edited
Udl Presentation Pic EditedLeanneButcher
 

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

Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
 
This I Believe: Cultivating Students' Individual Voices through Digital Story...
This I Believe: Cultivating Students' Individual Voices through Digital Story...This I Believe: Cultivating Students' Individual Voices through Digital Story...
This I Believe: Cultivating Students' Individual Voices through Digital Story...
 
Agenda digital storytelling session 1
Agenda digital storytelling session 1Agenda digital storytelling session 1
Agenda digital storytelling session 1
 
Eudt a fa11_syllabus
Eudt a fa11_syllabusEudt a fa11_syllabus
Eudt a fa11_syllabus
 
Intro ouldi hea_sig_no_logo
Intro ouldi hea_sig_no_logoIntro ouldi hea_sig_no_logo
Intro ouldi hea_sig_no_logo
 
Hybrid Learning Spaces (HLS): a contemporary design challenge
Hybrid Learning Spaces (HLS): a contemporary design challengeHybrid Learning Spaces (HLS): a contemporary design challenge
Hybrid Learning Spaces (HLS): a contemporary design challenge
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
 
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
Building the Narrative Cloud: Reflection and Distributed Cognition in a Desig...
 
Unpacking
UnpackingUnpacking
Unpacking
 
Seductive Online Program for Adult Learners
Seductive Online Program for Adult LearnersSeductive Online Program for Adult Learners
Seductive Online Program for Adult Learners
 
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015
Once Upon a Time: Storytelling in the Design Process - LearnXDesign 2015
 
A Personal Design Philosophy
A Personal Design PhilosophyA Personal Design Philosophy
A Personal Design Philosophy
 
Arp Report Erika Rimes 2007
Arp Report Erika Rimes 2007Arp Report Erika Rimes 2007
Arp Report Erika Rimes 2007
 
Constructivist design model
Constructivist design modelConstructivist design model
Constructivist design model
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
Olnet 30 June Workshop
Olnet 30 June WorkshopOlnet 30 June Workshop
Olnet 30 June Workshop
 
Overview of the OULDI project
Overview of the OULDI projectOverview of the OULDI project
Overview of the OULDI project
 
The Digital Storytelling Cafe: Intro to digital storytelling with Photostory
The Digital Storytelling Cafe: Intro to digital storytelling with PhotostoryThe Digital Storytelling Cafe: Intro to digital storytelling with Photostory
The Digital Storytelling Cafe: Intro to digital storytelling with Photostory
 
Udl Presentation Pic Edited
Udl Presentation Pic EditedUdl Presentation Pic Edited
Udl Presentation Pic Edited
 

More from Omar Sosa-Tzec

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Omar Sosa-Tzec
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceOmar Sosa-Tzec
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsOmar Sosa-Tzec
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsOmar Sosa-Tzec
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Omar Sosa-Tzec
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Omar Sosa-Tzec
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesOmar Sosa-Tzec
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual referencesOmar Sosa-Tzec
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceOmar Sosa-Tzec
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Omar Sosa-Tzec
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightOmar Sosa-Tzec
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraOmar Sosa-Tzec
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignOmar Sosa-Tzec
 
Towards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismTowards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismOmar Sosa-Tzec
 
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Omar Sosa-Tzec
 

More from Omar Sosa-Tzec (15)

Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
Digital Wellbeing Technology through a Social Semiotic Multimodal Lens: A Cas...
 
Delight in the User Experience: Form and Place
Delight in the User Experience: Form and PlaceDelight in the User Experience: Form and Place
Delight in the User Experience: Form and Place
 
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in MicrointeractionsDelight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
 
Critical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as ArgumentsCritical Design Research and Constructive Research Outcomes as Arguments
Critical Design Research and Constructive Research Outcomes as Arguments
 
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...Creative Data and Information Visualization: Reflections on Two Pedagogical A...
Creative Data and Information Visualization: Reflections on Two Pedagogical A...
 
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
Teaching Design, Information, and Interaction: Reflections, Foundations, and ...
 
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for InterfacesVisualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
Visualizing Data Trails: Metaphors and a Symbolic Language for Interfaces
 
Communicating design-related intellectual influence: towards visual references
 Communicating design-related intellectual influence: towards visual references Communicating design-related intellectual influence: towards visual references
Communicating design-related intellectual influence: towards visual references
 
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile InterfaceDesign tensions: Interaction Criticism on Instagram’s Mobile Interface
Design tensions: Interaction Criticism on Instagram’s Mobile Interface
 
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semió...
 
My fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delightMy fascination with the visual: meaning, persuasion, and delight
My fascination with the visual: meaning, persuasion, and delight
 
Principios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-ComputadoraPrincipios de Diseño Visual para Interacción Humano-Computadora
Principios de Diseño Visual para Interacción Humano-Computadora
 
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX DesignExploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
Exploration of Rhetorical Appeals, Operations and Figures in UI/UX Design
 
Towards a Pentadic Interaction Criticism
Towards a Pentadic Interaction CriticismTowards a Pentadic Interaction Criticism
Towards a Pentadic Interaction Criticism
 
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
Rhetorical Handbook. An Illustrated Manual for UX/UI Designers.
 

Recently uploaded

80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...ZurliaSoop
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxPooja Bhuva
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 

Recently uploaded (20)

80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 

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

  • 1. Building the Narrative Cloud: Reflection and Distributed Cognition in a Design Studio Classroom Omar Sosa Tzec – Jordan E. Beck – Martin A. Siegel Indiana University, Bloomington School of Informatics and Computing s s Spring 2013 s
  • 2. what is this about? We introduce a pedagogical approach for Human-Computer Interaction Design (HCI/d) based on narratives to be employed in a design studio [course]. In this approach the narratives are seen as a tool for supporting the learning process of HCI/d students to become designers.
  • 3. Student s path as a designer
  • 4. No-designer HCI Designer s s path as a designer
  • 5. s path as a designer The studio as a HCI/d learning environment * Design Thinking * Sets of design competency * Repertoire
  • 6. s path as a designer The studio as a HCI/d learning environment narratives as a tool
  • 7. sense of agency Understanding of technology that benefits humans d
  • 8. the role of narratives In this approach, the instructor selects a concept that it’s believed to contribute in the conformation of the students’ agency as [future] designers. Narratives are used to convey these concepts and to engage the students into reflection during the lecture stage of the studio.
  • 9. the role of narratives (cont.) We call these concepts Concept Independent Concept (CIC). cic
  • 12. The design studio narrative cic 2 narrative cic 1 time
  • 13. The design studio narrative cic 2 narrative 1 narrative 2 cic 1 cic 1 time
  • 14. narratives: typology cic Oral Video Musical Narratives Narratives Narratives
  • 15. narratives: composition * Characters * Setting * Actions * Time Pins * Objects * Emotions * Intentions * Values
  • 16. Maya Lin Credits Maya Lin: http://prelectur.stanford.edu/lecturers/lin/images/mayalb.jpg Vietnam Veteran’s War Memorial: http://2.bp.blogspot.com/ _HWru1FKVR_M/TO5PHe1-qVI/AAAAAAAAAB0/vyuNrzOMFCY/s1600/ vietnam-veterans-memorial.jpg.gif
  • 17. “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
  • 18. reflection-in-narrative i content-independent concept s s s instructor students studio
  • 19. reflection-on-narrative ? i communal reflection zone s s s studio
  • 20. the narrative cloud The narrative cloud is envisioned as the highest level on which we can model the learning experience as narrative. In the narrative cloud, the instructor abdicates sole authorship. In the narrative cloud, stories act on, are acted upon, and complement each other.
  • 21. T s s s i s s s i s s s i s s s s
  • 22. conclusions We introduced an HCI/d pedagogical approach to be applied in a studio-based course (Schön, 1987). 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.
  • 23. conclusions (cont.) This self- reflection motivates achievement of two student goals: (1) empowerment of the individual as designer, and (2) cultivation of consciousness about the nature of being a designer.
  • 24. limitations * Students may have difficulty comprehending a narrative-based approach in a studio. * This approach doesn’t instruct design principles per se. * This approach doesn’t fit in every curriculum, neither does it fit every instructor.
  • 25. future work * How to build a framework for practical use? * When to consider the narrative cloud? * What are the implication of use? * What are the general impilcations in pedagogy?
  • 26. Through the process of exchanging stories and inquiring into the meaning of those stories, a natural shift occurs whereby students no longer speak of the stories themselves. The students begin to speak of themselves in relation to the stories. They begin speaking about stories in terms of their personal experiences. They seek meaning in themselves. They strengthen and refine their sense of agency by composing their own life narratives. In the end, the students are the story.