CS449/649: Human-Computer Interactioncs449/s19... · Gestalt Principles Fitts’ Law Prototype...

CS449/649: Human-Computer Interaction

Spring 2019

Lecture XVI

Anastasia Kuzminykh and Edward Lank

InteractionInformation processing

Spatial organisation

Elements & characteristics

Color Perception

Shape Perception

Visceral Reaction Triggers

The Von Restorff effect

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Social & Emotional info

Patterns matching

Elements composition

Gestalt Principles

Fitts’ Law

Prototype Design

Designing User Interface

Manipulation

Conversation

Locomotion

Gestalt Principles

Proximity Similarity Closure Continuity Symmetry

Objects in close proximity are seen as a group

Objects that look the same are seen as a group

Shape is seen as a whole even if not fully closed

Line is seen as a whole - natural eye movement

Objects are seen as symmetrical and formed around center

Gestalt Principles for Information Design

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Fitts’ Law

● MT - movement time● a and b - empirically determined constants, device dependent.● A - the distance of movement from start to target center● W - the width of the target● log2(2A/W) is called the index of difficulty (ID)

Big targets at close distance are acquired faster than small targets at long distance

ID provides a single combined measure of two main physical properties of movement tasks

Provides information only through an experiment - a comparative tool for devices, tasks, interaction techniques, etc.

http://demo.rockettheme.com/live/joomla/cerulean/features/menu-options

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Rule of Thirds

Image: http://www.nationalgeographicexpeditions.com/expeditions/yosemite-sequoia-tour/detail

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Image: http://www.militarydisabilitymadeeasy.com/theeyes.html

Larson, Adam M., and Lester C. Loschky. "The contributions of central versus peripheral vision to scene gist recognition." Journal of Vision 9.10 (2009): 6-6.

Types of Vision

Central Peripheral

- Scene recognition

- Context identification

- “Danger” attention

- Object recognition

- Element identification

- “Details” attention

What Where

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Free space

Makes important elements stand out

Improves comprehension

Clarifies relationship through proximity

Free space

Makes important elements stand out

Improves comprehension

Layout - margins, paddings

Visual - space around graphics, icons, images

Content - spacing between content groups

Text - spacing between lines and letters

Clarifies relationship through proximity

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Dual Coding Theory - human memory operates both wirth verbal representations and mental images, when both potentiate recall of each other

Text ImagesVS

- Slower- Verbal message

- Faster- Illustrating idea

Allan Paivio, University of Western Ontario, 1971

Combine. Use not just images and diagrams, but infographics, visual cues, framing, etc.

Image: http://3.7designs.co/blog/2012/05/design-copy-and-mental-processing/

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

Patterns Matching - the way of processing incoming information

- Based on previous experience- Assesses familiarity- Stimuli that are difficult to match can be more memorable, but also frustrating

Color Perception

Shape Perception

Types of vision

Rule of Thirds

Free space

Dual-coding theory

Patterns matching

Gestalt Principles

Fitts’ Law

Prototype Design

Manipulation

Conversation

Locomotion

CS449/649: Human-Computer Interactioncs449/s19... · Gestalt Principles Fitts’ Law Prototype...

Documents

Evaluating Fitts' Law Performance With a Non-ISO Task · 2017. 10. 6. · 2 FITTS’ LAW AND THE CALCULATION OF THROUGHPUT In the ˙eld of Human-Computer Interaction (HCI), Fitts’

Human Interaction with Small Haptic Effectsbrl.ee.washington.edu/eprints/220/1/Rep173.pdf · 1.2 Fitts’ Law Fitts’ law (Fitts, 1954) was used in this study to evaluate the results

Hammering Does Not Fit Fitts' Law€¦ · 1996) and speed-accuracy tradeoﬀs characterized by Fitts’ Law (Fitts, 1954; Bootsma et al., 2004; Zhai et al., 2004). Fitts’ Law expresses

Chapter 15 · 2013. 11. 25. · Fitts’ Law (Fitts, 1954) •Fitts’ Law predicts that the time to point at an object using a device is a function of the distance from the target

Device Driverspeople.cs.pitt.edu/~aus/cs449/ts-lecture15.pdf · 2016-03-01 · Device Drivers CS449 Spring 2016. Abstraction via the OS. Software Layers ... Device drivers Interrupt

CS449/649: Human-Computer Interactioncs449/s19/Lectures 22-24...System Design: New Perspectives on Human-Computer Interaction", 1986 ‘‘The need for the future is not so much computer

CS449/649: Human-Computer Interactioncs449/w18... · User Centered Design Process ... March 1. Special topics Gamification Accessibility in HCI. Gamification Term coined by Nick Pelling

FAREWELL TO FITTS

CS449/649: Human-Computer Interactioncs449/s17/Lecture 16 slides.pdf · Human-Computer Interaction Spring 2017 Lecture XVI Anastasia Kuzminykh. History of user centered design in

Fitts Stair Parts Full Line Catalog

CS449/649: Human-Computer Interactioncs449/s17/Lecture 23 Slides.pdf · History of user centered design in HCI June 19, June 21 Academic HCI June 26, June 28 Special topics in HCI

CS449/649: Human-Computer Interactioncs449/w18/Lecture 17 W18... · From: Bill Moggridge and Bill Atkinson. Designing interactions. History PARC’s Alto computer, 1973 ... and Interactions

CS449/649: Human-Computer Interactioncs449/w18... · Creativity - process of producing a new idea which has value to someone . Create Ideas Create Design Ideas Creative process 1

Bob Fitts Chord Charts

Measuring Performance - Dalhousie Universitybmackay/cs4163/S6_FittsLaw.pdf · Fitts Law Fitts law is a descriptive model of human movement. Fitts’ Law predicts that the time to

ARMH : Fitts ’ Law

Sheri Fitts Brand-Business-Bottomline

Shoe Fitts

Predictive models: GOMS, KLM, Fitts ’ Law

CS449/649: Human-Computer Interactioncs449/s19/Lectures 25-27...Academic HCI Human-Computer Interaction - a discipline concerned: - with the design, evaluation and implementation of