230 likes | 413 Views
Vrije Universiteit Faculty of Sciences Department of Computer Science Section Information Management & Software Engineering Subsection Human Computer Interaction, Multimedia & Culture. Johan F. Hoorn. Web Agents. Vrije Universiteit Faculty of Sciences Department of Computer Science
E N D
Vrije Universiteit Faculty of Sciences Department of Computer Science Section Information Management & Software Engineering Subsection Human Computer Interaction, Multimedia & Culture Johan F. Hoorn WebAgents Johan F. Hoorn, 2003
Vrije Universiteit Faculty of Sciences Department of Computer Science Section Information Management & Software Engineering Subsection Human Computer Interaction, Multimedia & Culture Johan F. Hoorn What does this animation mean and what is the function of motion in it? WebAgents Johan F. Hoorn, 2003
Click action button now! Assistants Johan F. Hoorn, 2003
Why can’t elephants fly? Hello, I am Froggy. Let me tell you about jumping graphics visualization Can I help you with your motion management? I am Crabby, your friendly assistant Assistants Motion is important for drawing attention to a topic or to explain a process. If the info-motion ratio is not obeyed, however, motion can be an annoying distraction Johan F. Hoorn, 2003
Motion visualization is important for drawing attention to a topic or to explain a process. If the info-motion ratio is not obeyed, however, motion can be an annoying distraction Johan F. Hoorn, 2003
In information contexts (kiosks, Web sites, ppt): informative motion Info-motion ratio = _______________________________ total motion used in the graphic = proportion of a graphic’s motion devoted to the non-redundant display of information = 1.0 - proportion of a graphic’s motion that can be erased without loss of information After data-ink ratio by Tufte (1995, p. 93) Johan F. Hoorn, 2003
Does the following Web site comply with info-motion ratio? Click action button now! Gamble (Alt+Enter for Full Screen) No. Motion is not strictly necessary to know what this site is about But does the motion have a function yet? Yes, because here motion is informative for the experience of entering a casino Johan F. Hoorn, 2003
The casino example teaches us that info-motion ratio is restricted by the goal of a representation: - cognitive information - emotional experience And therefore, by genre: - information kiosk, science attentional focus (effort) - entertainment, gaming, art attentional diffusion (relaxing) For pure information, info-motion ratio is applicable For entertainment, the value for motion in the denominator of the fraction can be much larger than tolerated by info-motion ratio Johan F. Hoorn, 2003
In entertainment contexts (games, animation movies): joy motion Joy-motion ratio = _______________________________ total motion used in the graphic = proportion of a graphic’s motion devoted to the non-redundant display of entertainment = 1.0 - proportion of a graphic’s motion that can be erased without loss of entertainment Against data-ink ratio by Tufte (1995, p. 93) Johan F. Hoorn, 2003 http://www.unm.edu/~kballar/heraldry/rampart/kingdom/entertainers.gif
Does the Bounce This! animation comply with joy-motion ratio? Click action button now! Bounce Yes, the motion adds to telling the story. In particular the bouncing can be represented more naturally by animation than cartoon However, there is a motion repetition constraint: The walking and bouncing are looping sequences, which render boredom The making of the green ball is a sequence of different motion frames, which renders interest Johan F. Hoorn, 2003
In entertainment: Predictable motion sequences not enough effort for viewer boring Unpredictable motion sequences too much effort for viewer fatiguing Predictable sequences with different motion frames just enough effort interest Design trade-off: Motion loops are cheap and easily made but boring Motion diversity is costly and hard work but interesting Johan F. Hoorn, 2003
EXTRA GROUP EXERCISE (In pdf reader: Exercise 5) Develop a measure for applying motion in infotainment or edutainment by combining the info-motion ratio with the joy-motion ratio Enter your answers in the discussion group (http:/teletop.few.vu.nl > Cursus 02400075 > Discussie) It is allowed that your answer is a response to others Constructive contributions receive credits (answers are not considered right or wrong) Who fails at contributing receives no credits Make sure to put your name and student number Johan F. Hoorn, 2003
Flip Suggestion of 3-D Seeing 3-D: Slicing up and filling in http://main.psy.ilstu.edu/faculty/redding/ MachineVisionCurriculum/Perception.html (January 15, 2003) A High in visual field = low on retina Left in visual field = right on retina Computed Tomography Imaging (CT Scan, CAT Scan) B Human eye C D D’ http://www.barre.nom.fr/medical/these/pictures.html (January 14, 2003) C’ B’ A’ Johan F. Hoorn, 2003
move move If things move on x-axis, the object closest to the eye moves the most because the retinal path is longer Seeing 3-D through motion (things move) The brain interprets this as: Short path is behind long path therefore, depth Johan F. Hoorn, 2003
If you move your head, again the object closest to the eye moves the most because the retinal path is longer Seeing 3-D through motion (viewer moves) The brain interprets likewise: Short path is behind long path therefore, depth possibility of ‘train illusion’ move Johan F. Hoorn, 2003
Seeing 3-D through motion (motion parallax) Focal point Fixate on a point in space, then move head on x-axis Head move Johan F. Hoorn, 2003
Same direction Seeing 3-D through motion (motion parallax) Focal point Opposite direction The brain interprets: The direction of leaving visual field indicates the direction of object motion (which is not necessarily true) If you fixate while moving, the object in front of focal point moves in opposite direction, the one behind focal point in same direction (landscape ‘turns’ around y-axis) Johan F. Hoorn, 2003
Seeing 3-D through motion: Optic Flow Move from = contracting Optic Flow viewer leans forward Move towards = expanding Optic Flow viewer leans back Starfield Rewind (Alt+Enter for Full Screen) (Alt+Enter for Full Screen) (e.g., Screensaver: Starfield Simulation) (e.g., Screensaver: Starfield Rewind) Johan F. Hoorn, 2003 http://www.people.virginia.edu/~ls8j/perception/class12.htm (January 15, 2003)
3-D (minor shift same frame, parallel perception) Motion (larger shift different frame serial perception) In sum Stereoscopic view (cf. viewmaster) The PokeScope® 3D Viewer Johan F. Hoorn, 2003
Now realize what the brain is doing (and more) while seeing the 3-D animation Perk by Dušan Kastelic (2002) Perk (Alt+Enter for Full Screen) http://www.sundanceonlinefilmfestival.com/animation01_11.html (Jan. 16, 2003) Next time: Sound and music in multimedia Next time: Sound and music in multimedia Johan F. Hoorn, 2003
TheEnd Johan F. Hoorn, 2003
Johan F. Hoorn, 2003 http://www.brother.com/eu-printer/lcv/lcfig10.gif (January 15, 2003)