SlideShare a Scribd company logo
North Carolina State University, College of Design, Department of Graphic and Industrial Design,
Fall 2011, GD581 Final Project Research




Researchable question:
How can the design of an annotation system
for professional blogs use spatial principles related
to physical behavior to facilitate the interpretation
of a hypertext narrative?




Nadya Rodionenko | December 5, 2011
Meredith Davis (Committee Chair)
Denise Gonsalez Crisp, Kermit Bailey
WHAT          WHY?
Researchable question:
How can the design of an annotation system              1. A layer of user-generated content
                                                           on top of the existing resource;
for professional blogs use spatial principles related
to physical behavior to facilitate the interpretation   2. An application that allows users
                                                           to create an annotation system.
of a hypertext narrative?

                                                HOW
WHAT        WHY?                              PURPOSES OF READING:
                                              Retrieval, reconstruction
       1. A layer of user-generated content
                                              Comprehention, future recognition
          on top of the existing resource;    Summarization
       2. An application that allows users    Question answering
          create an annotation system.        Analysis
                                              Memorization
HOW                                           Getting an overview
                                              Entertainment, communication
WHAT        WHY?                                  PURPOSES OF READING
                                                  ACTIVITIES:
                                              ●   skip over portions of text; speed-reading
       1. A layer of user-generated content
          on top of the existing resource;    ●   refocus very quickly between different
                                                  materials and sources
       2. An application that allows users
          create an annotation system.        ●   integrate information from multiple sources
                                              ●   reread/re-encounter sections

HOW?                                          ●   search for reference materials
                                              ●   pause on a particular word, phrase, paragraph
                                              ●   connect the newly gained knowledge
                                                  to older materials
                                              ●   organize easy retrieval of existing information
                                              ●   contradict, agree, expand on the content
                                              ●   add links and comments, recommendations,
                                                  opinions, questions
WHAT        WHY?                              PURPOSES OF READING
                                              ACTIVITIES
                                              TOOLS:
       1. A layer of user-generated content
                                                      print                          digital
          on top of the existing resource;
                                                    highlight                       highlight
       2. An application that allows users       label, clip, tag                label, clip, tag
          create an annotation system.             color code                      color code
                                                write on margins
                                                   bookmark                        bookmark
HOW?                                               underline                       underline
                                                   fold corner
                                               write between lines




                                              PURPOSE               ACTIVITIES           TOOLS
a constructive format that describes a sequence
Researchable question:                                    of non-fictional or fictional events.

How can the design of an annotation system
for professional blogs use spatial principles related
to physical behavior to facilitate the interpretation
of a hypertext narrative?
        informed audience with well-developed             is a system of cross-referencing linked texts,
        critical positions;
                                                          that allows users to view information non-sequentially,
        an editorial board ensures that the content       which is similar to the way humans think — that is,
        published professional and trustworthy;           by association rather than in a linear sequence.
        public discussion of topical social, political,   Design Dictionary, Erlhoff M. et al., 2008
        and economic events.
actions of body
                                                                 actions of body parts
                                                        BODY     activities of body
                                                                 what relationships occur
Researchable question:
                                                                 time, tempo
How can the design of an annotation system                       weight, force
for professional blogs use spatial principles related   EFFORT   space
to physical behavior to facilitate the interpretation            flow

of a hypertext narrative?
                                                                 symmetrical
                                                                 assymetrical
                                                        SHAPE    straight, twisted
                                                                 wide
                                                                 round

                                                                 planes
                                                                 pathways
                                                        SPACE    extensions
                                                                 areas
                                                                 directions
Subquestion 1:
What physical behaviors do readers use in processing or interpreting
a hypertext narrative (e. g. highlighting, writing in the margins, placing
one unit of the text to another, etc.) and how might they be supported
by design features?
Subquestion 2:
How can the reading space accommodate various purposes
for reading? How do we read on different levels?



     text                                  clarify       text   elaborate
Subquestion 3:
How can the spatial arrangement of a reading and annotation space
allow for the juxtaposition of differing opinions?



     text                researchers




                                          HCI


                              designers
Subquestion 4:
How can the spatial arrangement support shared authoring spaces?




            text



                   1st person's annotations
                     2nd person's annotations
Subquestion 5:
How can annotation represent the idea of time in digital space?
What can the visual organization of annotation tell the readers
about the time and context in which it appeared?



                                                  original text




                                                           1st comment



                                                                  2nd comment



                               timeline
                                          event
                                          event
Subquestion 6:
How might a system use spatial principles related to the viewpoint
(e. g. as a spectator vs. participant; flyover vs. walkthrough; inside
vs. outside) to facilitate the interpretation of a hypertext narrative?
Subquestion 7:
What do symbolic and diagrammatic elements for annotation
mean and what other metaphors based on spatial arrangements
might exist?
Next steps:
● continue small studies and reading
● develop an annotated bibliography



    Thank you!

More Related Content

Viewers also liked

Workshop 4: ready, set, design!
Workshop 4: ready, set, design!Workshop 4: ready, set, design!
Workshop 4: ready, set, design!Nadya Rodionenko
 
Construct Shared Vision
Construct Shared VisionConstruct Shared Vision
Construct Shared Vision
Alexandria Jarvis
 
Workshop 1: Brainstorming + Affinity Diagramming = Goals
Workshop 1: Brainstorming + Affinity Diagramming = GoalsWorkshop 1: Brainstorming + Affinity Diagramming = Goals
Workshop 1: Brainstorming + Affinity Diagramming = Goals
Alexandria Jarvis
 
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose StatementWorkshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
Alexandria Jarvis
 
Extend the Walls - Information Architecture
Extend the Walls - Information ArchitectureExtend the Walls - Information Architecture
Extend the Walls - Information Architecture
Alexandria Jarvis
 

Viewers also liked (6)

Workshop 4: ready, set, design!
Workshop 4: ready, set, design!Workshop 4: ready, set, design!
Workshop 4: ready, set, design!
 
Construct Shared Vision
Construct Shared VisionConstruct Shared Vision
Construct Shared Vision
 
Workshop 1: Brainstorming + Affinity Diagramming = Goals
Workshop 1: Brainstorming + Affinity Diagramming = GoalsWorkshop 1: Brainstorming + Affinity Diagramming = Goals
Workshop 1: Brainstorming + Affinity Diagramming = Goals
 
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose StatementWorkshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
Workshop 2: Speed dating + Rapid Modeling and Diagramming = Purpose Statement
 
Extend the Walls - Information Architecture
Extend the Walls - Information ArchitectureExtend the Walls - Information Architecture
Extend the Walls - Information Architecture
 
Workshop 3: storyboarding
Workshop 3: storyboardingWorkshop 3: storyboarding
Workshop 3: storyboarding
 

Similar to 11 16 11_full_committee

Academic visibility online presentation 13 october 2011
Academic visibility online presentation 13 october 2011Academic visibility online presentation 13 october 2011
Academic visibility online presentation 13 october 2011
Laura Czerniewicz
 
Academics' online presence - assessing & shaping visibility 2012
Academics' online presence - assessing & shaping visibility 2012Academics' online presence - assessing & shaping visibility 2012
Academics' online presence - assessing & shaping visibility 2012
Laura Czerniewicz
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2garagenoda
 
A brief introduction to learning cell
A brief introduction to learning cellA brief introduction to learning cell
A brief introduction to learning cell
Wei Cheng
 
Orals Defense Thesis Slideshow and Abstract
Orals Defense Thesis Slideshow and AbstractOrals Defense Thesis Slideshow and Abstract
Orals Defense Thesis Slideshow and AbstractAlexandria Jarvis
 
The eReading Experience
The eReading ExperienceThe eReading Experience
The eReading ExperienceA.J. Renold
 
Developing a digital literacy framework in your school
Developing a digital literacy framework in your schoolDeveloping a digital literacy framework in your school
Developing a digital literacy framework in your school
Eduwebinar
 
Integrating digital traces into a semantic enriched data
Integrating digital traces into a semantic enriched dataIntegrating digital traces into a semantic enriched data
Integrating digital traces into a semantic enriched dataDhaval Thakker
 
Sakai 3, Architectural Choices and Community Impact
Sakai 3, Architectural Choices and Community ImpactSakai 3, Architectural Choices and Community Impact
Sakai 3, Architectural Choices and Community Impact
AuSakai
 
It services & research methods
It services & research methodsIt services & research methods
It services & research methodsAkanshShandilya
 
Foundations of reading
Foundations of readingFoundations of reading
Principles of web design
Principles of web designPrinciples of web design
Principles of web designMR Z
 
Kneaver An Overview From User Perspective Ppt
Kneaver An Overview From User Perspective PptKneaver An Overview From User Perspective Ppt
Kneaver An Overview From User Perspective PptKneaver
 
Measuring users' experience - or, the memory of them?
Measuring users' experience - or, the memory of them?Measuring users' experience - or, the memory of them?
Measuring users' experience - or, the memory of them?
Evan Karapanos
 
Luciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metricsLuciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metrics
Joanne Luciano
 
Luciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metricsLuciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metrics
Joanne Luciano
 
Hypertext
HypertextHypertext
Oral exam presentation
Oral exam presentationOral exam presentation
Oral exam presentation
curlybecca
 
Semiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI AlphabetSemiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI Alphabet
Jan Brejcha
 

Similar to 11 16 11_full_committee (20)

Academic visibility online presentation 13 october 2011
Academic visibility online presentation 13 october 2011Academic visibility online presentation 13 october 2011
Academic visibility online presentation 13 october 2011
 
Academics' online presence - assessing & shaping visibility 2012
Academics' online presence - assessing & shaping visibility 2012Academics' online presence - assessing & shaping visibility 2012
Academics' online presence - assessing & shaping visibility 2012
 
Advisoryboard2
Advisoryboard2Advisoryboard2
Advisoryboard2
 
A brief introduction to learning cell
A brief introduction to learning cellA brief introduction to learning cell
A brief introduction to learning cell
 
Orals Defense Thesis Slideshow and Abstract
Orals Defense Thesis Slideshow and AbstractOrals Defense Thesis Slideshow and Abstract
Orals Defense Thesis Slideshow and Abstract
 
The eReading Experience
The eReading ExperienceThe eReading Experience
The eReading Experience
 
Developing a digital literacy framework in your school
Developing a digital literacy framework in your schoolDeveloping a digital literacy framework in your school
Developing a digital literacy framework in your school
 
Integrating digital traces into a semantic enriched data
Integrating digital traces into a semantic enriched dataIntegrating digital traces into a semantic enriched data
Integrating digital traces into a semantic enriched data
 
LMS
LMSLMS
LMS
 
Sakai 3, Architectural Choices and Community Impact
Sakai 3, Architectural Choices and Community ImpactSakai 3, Architectural Choices and Community Impact
Sakai 3, Architectural Choices and Community Impact
 
It services & research methods
It services & research methodsIt services & research methods
It services & research methods
 
Foundations of reading
Foundations of readingFoundations of reading
Foundations of reading
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Kneaver An Overview From User Perspective Ppt
Kneaver An Overview From User Perspective PptKneaver An Overview From User Perspective Ppt
Kneaver An Overview From User Perspective Ppt
 
Measuring users' experience - or, the memory of them?
Measuring users' experience - or, the memory of them?Measuring users' experience - or, the memory of them?
Measuring users' experience - or, the memory of them?
 
Luciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metricsLuciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metrics
 
Luciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metricsLuciano pr 08-849_ontology_evaluation_methods_metrics
Luciano pr 08-849_ontology_evaluation_methods_metrics
 
Hypertext
HypertextHypertext
Hypertext
 
Oral exam presentation
Oral exam presentationOral exam presentation
Oral exam presentation
 
Semiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI AlphabetSemiotics of Interaction: Towards a UI Alphabet
Semiotics of Interaction: Towards a UI Alphabet
 

Recently uploaded

Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 

Recently uploaded (20)

Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 

11 16 11_full_committee

  • 1. North Carolina State University, College of Design, Department of Graphic and Industrial Design, Fall 2011, GD581 Final Project Research Researchable question: How can the design of an annotation system for professional blogs use spatial principles related to physical behavior to facilitate the interpretation of a hypertext narrative? Nadya Rodionenko | December 5, 2011 Meredith Davis (Committee Chair) Denise Gonsalez Crisp, Kermit Bailey
  • 2. WHAT WHY? Researchable question: How can the design of an annotation system 1. A layer of user-generated content on top of the existing resource; for professional blogs use spatial principles related to physical behavior to facilitate the interpretation 2. An application that allows users to create an annotation system. of a hypertext narrative? HOW
  • 3. WHAT WHY? PURPOSES OF READING: Retrieval, reconstruction 1. A layer of user-generated content Comprehention, future recognition on top of the existing resource; Summarization 2. An application that allows users Question answering create an annotation system. Analysis Memorization HOW Getting an overview Entertainment, communication
  • 4. WHAT WHY? PURPOSES OF READING ACTIVITIES: ● skip over portions of text; speed-reading 1. A layer of user-generated content on top of the existing resource; ● refocus very quickly between different materials and sources 2. An application that allows users create an annotation system. ● integrate information from multiple sources ● reread/re-encounter sections HOW? ● search for reference materials ● pause on a particular word, phrase, paragraph ● connect the newly gained knowledge to older materials ● organize easy retrieval of existing information ● contradict, agree, expand on the content ● add links and comments, recommendations, opinions, questions
  • 5. WHAT WHY? PURPOSES OF READING ACTIVITIES TOOLS: 1. A layer of user-generated content print digital on top of the existing resource; highlight highlight 2. An application that allows users label, clip, tag label, clip, tag create an annotation system. color code color code write on margins bookmark bookmark HOW? underline underline fold corner write between lines PURPOSE ACTIVITIES TOOLS
  • 6. a constructive format that describes a sequence Researchable question: of non-fictional or fictional events. How can the design of an annotation system for professional blogs use spatial principles related to physical behavior to facilitate the interpretation of a hypertext narrative? informed audience with well-developed is a system of cross-referencing linked texts, critical positions; that allows users to view information non-sequentially, an editorial board ensures that the content which is similar to the way humans think — that is, published professional and trustworthy; by association rather than in a linear sequence. public discussion of topical social, political, Design Dictionary, Erlhoff M. et al., 2008 and economic events.
  • 7. actions of body actions of body parts BODY activities of body what relationships occur Researchable question: time, tempo How can the design of an annotation system weight, force for professional blogs use spatial principles related EFFORT space to physical behavior to facilitate the interpretation flow of a hypertext narrative? symmetrical assymetrical SHAPE straight, twisted wide round planes pathways SPACE extensions areas directions
  • 8. Subquestion 1: What physical behaviors do readers use in processing or interpreting a hypertext narrative (e. g. highlighting, writing in the margins, placing one unit of the text to another, etc.) and how might they be supported by design features?
  • 9. Subquestion 2: How can the reading space accommodate various purposes for reading? How do we read on different levels? text clarify text elaborate
  • 10. Subquestion 3: How can the spatial arrangement of a reading and annotation space allow for the juxtaposition of differing opinions? text researchers HCI designers
  • 11. Subquestion 4: How can the spatial arrangement support shared authoring spaces? text 1st person's annotations 2nd person's annotations
  • 12. Subquestion 5: How can annotation represent the idea of time in digital space? What can the visual organization of annotation tell the readers about the time and context in which it appeared? original text 1st comment 2nd comment timeline event event
  • 13. Subquestion 6: How might a system use spatial principles related to the viewpoint (e. g. as a spectator vs. participant; flyover vs. walkthrough; inside vs. outside) to facilitate the interpretation of a hypertext narrative?
  • 14. Subquestion 7: What do symbolic and diagrammatic elements for annotation mean and what other metaphors based on spatial arrangements might exist?
  • 15. Next steps: ● continue small studies and reading ● develop an annotated bibliography Thank you!