SlideShare uma empresa Scribd logo
1 de 32
[object Object],[object Object]
[object Object],[object Object]
Landmarks
Navigation
Interaction design
[object Object],[object Object]
[object Object],[object Object],[object Object]
. associated with navigation actions ,[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
. each visually distinct from others
. use concrete and not abstract objects
. placed on major paths
. carry a common element
[object Object],[object Object]
rectilinear normalization ,[object Object]
Navigation Definition: . creation and interpretation of an internal model Four cognitive activities: . Browsing and modelling . Interpretation . Strategy . Navigational process
Navigation Browsing: Definition:  registration of content  Types: ,[object Object]
cognitive browsing
weighted browsing Modelling: initiating the formation of an internal model
Navigation Interpretation: . content registered from browsing activity . integration into internal model . formation of an internal model or cognitive map Interpreted in various ways: . no more browsing is needed . current model is inadequate
Navigation Browsing strategy: . planned . opportunistic Triggered: . cognitively . perceptually
Navigation
Interaction design To support browsing: . selection, encoding & presentation of data . inherent data structure must be transformed into an imposed structure . quick overview at a glance . low cost of interaction To support modelling: .   external representation should match the inherent structure in data . topological structures representations might be more effective Maintenance of internal model: . external variations should be less disruptive . changing smoothly . show only the relevant details
Interaction design ,[object Object],[object Object]
Interaction design
Interaction design Navigation metaphors: A good metaphor ,[object Object]
matches the system well
easy to understand A good Interface with right affordances ,[object Object]

Mais conteúdo relacionado

Semelhante a Navigation of Information Spaces and Landmarks in Virtual Environments

Don't Make me Think - Book Summary
Don't Make me Think - Book Summary Don't Make me Think - Book Summary
Don't Make me Think - Book Summary Adam Guerguis
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me thinkJason White
 
Alp Presentation T Foster042809
Alp Presentation T Foster042809Alp Presentation T Foster042809
Alp Presentation T Foster042809Teresa Foster, MA
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed Minhal
 
Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignLeanna Gingras
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me thinkJason White
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibilityqixingz
 
Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15Robert Stribley
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
Basics of Interaction Design & Strategy - 4/9/16
Basics of Interaction Design & Strategy - 4/9/16Basics of Interaction Design & Strategy - 4/9/16
Basics of Interaction Design & Strategy - 4/9/16Robert Stribley
 
Successful Information Architecture - the art and science
Successful Information Architecture - the art and scienceSuccessful Information Architecture - the art and science
Successful Information Architecture - the art and scienceIvo Andreev
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and StrategyRobert Stribley
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 

Semelhante a Navigation of Information Spaces and Landmarks in Virtual Environments (20)

4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
Don't Make me Think - Book Summary
Don't Make me Think - Book Summary Don't Make me Think - Book Summary
Don't Make me Think - Book Summary
 
Web design Prasantation
Web design PrasantationWeb design Prasantation
Web design Prasantation
 
Web development
Web developmentWeb development
Web development
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me think
 
Alp Presentation T Foster042809
Alp Presentation T Foster042809Alp Presentation T Foster042809
Alp Presentation T Foster042809
 
Sayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful DesignSayed-Minhal-Principles of Beautiful Design
Sayed-Minhal-Principles of Beautiful Design
 
Session 3: Sketching and User-centered Design
Session 3: Sketching and User-centered DesignSession 3: Sketching and User-centered Design
Session 3: Sketching and User-centered Design
 
Don’t make me think
Don’t make me thinkDon’t make me think
Don’t make me think
 
Design for Accessibility
Design for AccessibilityDesign for Accessibility
Design for Accessibility
 
072012 tc day03
072012 tc day03072012 tc day03
072012 tc day03
 
Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15Basics of Interaction Design & Strategy - 4/11/15
Basics of Interaction Design & Strategy - 4/11/15
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
Basics of Interaction Design & Strategy - 4/9/16
Basics of Interaction Design & Strategy - 4/9/16Basics of Interaction Design & Strategy - 4/9/16
Basics of Interaction Design & Strategy - 4/9/16
 
Successful Information Architecture - the art and science
Successful Information Architecture - the art and scienceSuccessful Information Architecture - the art and science
Successful Information Architecture - the art and science
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Basics of Interaction Design and Strategy
Basics of Interaction Design and StrategyBasics of Interaction Design and Strategy
Basics of Interaction Design and Strategy
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
Web design basics
Web design basicsWeb design basics
Web design basics
 

Último

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 

Último (20)

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 

Navigation of Information Spaces and Landmarks in Virtual Environments

Notas do Editor

  1. . start with a brief introduction to way finding . followed by discussion on landmarks ... & design guidelines for design of landmarks in VEs . Framework for navigation .. will discuss about the 4 cognitive activities that contribute to navigation . implications for interaction design to support navigation
  2. How do we learn to find our way in unfamiliar environments? How does an unfamiliar env become a familiar env? 3 stages of how navigational knowledge is formed: 1. info abt key landmarks is learned no spatial understanding of relationships between them - initially declarative knowledge 2. routes from 1 location to another is learned procedural knowledge landmarks as decision points if 'place x' turn left/right .. also has some topological knowledge 3. a cognitive spatial map is formed is 2D – is not only spatial but also hierarchical (draw e.g on board – ubc, home - ) includes quantitative info about distances between different locations with a cognitive spatial map possible to estimate distance beween 2 points even when u have not travelled between them not necessarily in this order depends upon the scale of the scene whether we can view things at a glance or not e.g objs in a small room (we will revisit these stages when we take a look at the theoretical framework for navigation & the 4 cognitive activities)
  3. Now we will be switching to the second topic - landmarks Lets start with the definition: def distinctive environmental features functioning as ref points associated with navigation actions (we will see a detailed example of this later) ease navigation route - ordered series of action-landmark associations why do we need landmarks landmarks standout from the rest of the objs in env hence they reduce the cognitive resources (esp mem) required to navigate
  4. Kevin Lynch found that people’s cognitive maps generally contained five types of elements: paths, edges, districts, nodes, and landmarks.
  5. Lets do a small exercise Please spend a few minutes to read this text and categorizing the types of navigation aids
  6. I am not sure about the 'side of road', 'End of road' being an Edge and also 'front of' house being a district
  7. Some common difficulties with landmarks due to multiple viewpoints 'navy' pilots - diff in remembering - incoming vs outgoing suggests that they are remembered in viewpoint-dependent fashion scaling error (caused by the difference in info between that obtained when interpreting navigational guides such as maps and when navigating the real world) rapidly remedied by a snapping phenomenon syncing mental model with the world that is currently seen
  8. design guidelines for landmarks in VEs enough landmarks such that a small number is visible at all times at all navigable scales each landmark - visually distinct from others include landmarks from each category sides of landmarks must differ from each other distinctiveness can be increased by pairing with other nearby objects use concrete and not abstract objs as landmarks study shows that memorable landmarks increase navigability should be placed on major paths & at intersection of paths landmarks must carry a common element to distinguish them from others
  9. We shall end this section on landmarks with a note on distortion of cognitive maps. many distortions result from hierarchical structure of cognitive maps e.g San Diego is west of Reno underestimate distance of objs within districts vs between districts rectilinear normalization tendency to distort env features into a grid guidelines arrange paths & edges to form a grid hierarchical representations where districts form a grid if district A is to left of B then all objs in A are to the left of B That brings us to the end of the 2 nd topic. We will start exploring the third topic: Navigation
  10. definition navigation - creation & interpretation of an internal model With this definition, ROBERT SPENCE outlines a theoretical framework for navigation: It Comprises of 4 cognitive activities: . Browsing and Modelling . Interpretation of the model . Formation of a Strategy . Navigational process – which is a meta process of iterative traversal of the sequence of the above activities We shall see each of these 3 activities in some detail
  11. browsing registration of content without integrating the result into a structure or map (declarative knowledge) – 1 st step of wayfinding e.g browsing / scanning newspaper/rss reader for items to read, scanning menu for food 2 types perceptual browsing cognitive browsing interactive what if probing clicking around an interface discovering functionality weighted browsing content registration weighted by expectations priming modelling relative spatial locations, routes between initating the formation of an internal model (topological knowledge – 2 nd step of WF) proceeds concurrently with browsing
  12. interpretation input = content registered from browsing activity Process = integration into internal model output = formation of an internal model or cognitive map interpreted in various ways no more browsing is needed or .. that the current model is inadequate might lead to a formulation of browsing strategy aided by both external representation & internal model
  13. browsing strategy 2 types planned opportunistic upon noticing a point of interest that was not in the plan triggered cognitively perceptually
  14. ... I am not very convinced by it. But lets just plough through.. .... with this we come to the end of the this part. We shall move onto the final part – Interaction design to support navigation
  15. To support Browsing data source is external selection, encoding & presentation of data must be designed to support browsing .. inherent data struct must be transformed into an imposed strut to lead to better formation of an internal model quick overview at a glance supports registering e.g Busiest Neighborhood disc low cost of interaction e.g Video streamer video frame change on mouse movement (we will see the examples in a moment) To support Modelling profoundly affected by the manner in which raw data is externalized topological structures representations might be more effective in supporting model creation than representational structures external representation should match the inherent structure in data maintenance of internal model external variations should be less disruptive to internal models changing smoothly e.g hyperbolic display (we will see later) simplification of external representation to show only the relevant details Elision (we will see examples of these later)
  16. This example struck me as weird – but nevertheless .. Here is a video of the show –I think not of the interactive CD – that might give us an idea ..
  17. This is the best quality picture I could find on this :) I am not entirely sure on what is going on here.. But my understanding is that the right top corner has a live video source And the central visualization is an aggregation of the live video (showing scene breaks) And that we could browse rapidly between frames by mousing over the visualization
  18. To support navigation in general there are several metaphors that can be used in designing interactive systems. But such designs should meet with 2 fundamental constraints – one is creation of a good metaphor and another is creation of an interface with right affordances cognitive creation a good metaphor is apt matches the sys well easy to understand interface with right affordances makes the possibility for action plain to the user gives feedback that is easy to interpret 4 different kinds world in hand eyeball in hand walking flying We shall discuss each of these 4 kinds in some detail now
  19. world in hand optimal for discrete, relatively compact data objs does not provide affordances for navigating long distances
  20. eyeball in hand 1 of the least effective for controlling viewpoint some viewpoints easy to achieve, some led to confusion
  21. walking Prob users will run into real walls where the VR equip is housed some alt approaches tread mills sys moves viewpoint when it detects the up-&-down motion when ppl walk may be the best way to give a sense of architectural space
  22. flying 2 kinds have literal aircraft like controls do not model flight dynamics disadv for users with flying experience rated as most flexible and useful interface compared with world-in-hand & eyeball-in-hand maybe more useful for navigating through large data landscapes
  23. 4 way interaction affordances of the virtual data space real physical space inpute device user's mental model of the task sense of control Rutkowski - principle of transparency user is able to apply intellect directly to the task the tool itself seems to disappear e.g mouse to drag slider on screen nothing physically direct abt the interaction but if temporal feedback is rapid illusion of direct control key psychological var responsivenes of sys rule of thumb visual feedback within 1/10 sec (Lets take a look at google maps and identify different metaphors)
  24. 3 kinds of problems in navigating large information spaces spatial scale interactive maps structural scale software multiple levels of complexity zooming out = abstraction temporal scale involve understanding timing of events at diff scales e.g traffic patterns course of a year vs month vs day vs hour One way of mitigating this problem is to use focus+context. Lets take a look at the perceptual properties of 4 diff viz. Techniques that enable focus+context distortion obj of interest is spatially expanded at the expense of others rapid zooming only part of a large info landscape is visible at any instant given the ability to rapidly zoom in/out although focus + context is not simultaneously available users can move rapidly & smoothly betwen f & c IF rapid smooth scaling is used viewer can perceptually integrate info over time key rapidity & easy of changing view less than 1s transtion time: good rule of thumb animation must me smooth to maintain sense of location landmark features should be designed to be recognized consistently elision parts of structure hidden until they are needed this is acheived typically by collapsing a large structure into a single graphical obj e.g intelligent zoom – Bartram, fish eye lens e.g in viewing code cognitive counterpart chunking small concepts. facts, procedures are grouped into larger chunks might be why ellision is so effective multiple windows
  25. distortion obj of interest is spatially expanded at the expense of others e.g intelligent zooming hyberbolic tree browser table lens
  26. Live example
  27. Caveats of distortion: if distortion disturbs our existing mental mode e.g spatial distortion of map
  28. multiple windows major perceptual prob disconnect between windows solution use lines to connect windows adv Non distorting shows focus + context simultaneously And that brings us to the end of this presentation
  29. We saw about . 3 stages of way finding .. landmarks ,, routes .. cognitive spatial map . Landmarks .. different types of landmarks (paths, edges, nodes ..etc) .. design guidelines for building landmarks in Ves .. how hierarchical structure of cognitive maps results in distortion of interpretation . Theoretical framework for navigation .. with 4 cognitive activities (Browsing, Modelling, Interpretation. Strategy formation) . Recommendation for Interaction designers .. to support browsing, modelling .. about different metaphors for navigation in information spaces .. about 4 different techniques to achieve focus + context