SlideShare a Scribd company logo
Human Computer
Interaction (HCI)
Interaction styles
Interaction Styles
 There are different ways a user can communicate with a
computer system and a computer system can communicate with
a user. These are called interaction styles.
 An interaction style is a collection of user interface controls and
their associated behavior. The interaction style provides both the
look (appearance) and feel (behavior) of the user interface
components, indicating the way a user will communicate with
the system.
Interaction Styles
 There are several interaction styles from which a designer
can choose. The most common are as follow:
• Command line
• Menu selection
• Form-fill
• Direct manipulation
• Gestural Interaction
And other
Command Line
 The command line interface was the first interactive dialog
style to be commonly used.
 It provides a means of directly instructing the system, using
function keys on a keyboard (F1, F8, etc.), single characters,
abbreviations, or whole-word commands.
 When the user types characters onto the screen, they appear
as a line across the screen, hence the term “command line.

Recommended for you

System Menu And Navigation
System Menu And NavigationSystem Menu And Navigation
System Menu And Navigation

The document discusses different types of menus used in user interfaces, including their structures, functions, formatting, and advantages/disadvantages. The main types covered are single menus, sequential linear menus, simultaneous menus, hierarchical menus, connected menus, event-trapping menus, menu bars, pull-down menus, cascading menus, pop-up menus, and iconic menus.

systemmenuhcisystemnavigation
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop

Here are some tips for observing strangers respectfully and ethically: - Obtain verbal consent before observing. Explain your student project and ensure anonymity. - Observe from a distance without interrupting their activities. - Focus observations on actions, not personal details. Avoid noting attributes like age, gender. - Be discreet. Do not stare or make the person feel uncomfortable. - Respect privacy. Do not photograph or record without permission. - Be mindful. Observe sensitively and avoid assumptions about the person's identity or situation. - Thank the person afterwards if you introduced yourself. Respect their right to not participate. While observation can provide useful insights, prioritizing the

HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics

The document discusses various topics related to interaction design basics including goals and constraints of design, understanding users through personas and scenarios, prototyping and iteration, navigation design, screen design principles, and more. It emphasizes the importance of an user-centered design approach and provides examples and guidelines to help design intuitive interactions.

interactioncomputerhci3e
Command Line
Command Line
 One limitation of command line UIs is that the commands need
to be remembered, as no cue is provided to indicate which
commands are available.
 So users have to remember command sequences, which are often
ambiguous with complex syntax.
 Commands are often unclear and vary between systems, causing
the users to become confused and making commands difficult to
learn.
Command Line
 Users’ frustration with command line interfaces often
occurs because of the memory and typing demands and the
low tolerance of errors shown by this type of interface - a
confusing error message is often the consequence of a single
typing mistake in a long command.
 The use of consistent and meaningful commands and
abbreviations can help alleviate this problem.
Command Line
 Command line interfaces are better for expert users than for
novices. For expert users, command languages provide a sense
of being in control.
 Users learn the syntax and can express complex possibilities
rapidly, without having to read distracting prompts. However,
error rates are typically high, and training is necessary. Error
messages and online assistance are hard to provide because of
the interface (command) concepts and syntax.

Recommended for you

Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel

This slides explains the concepts of Human computer Interaction ,Input output channel and Human Memory

human computer interactioninput output channelhuman memory
Unit2 hci
Unit2 hciUnit2 hci
Unit2 hci

The document discusses human-computer interaction design. It notes that good design requires understanding users, their needs and expectations. Common pitfalls include lack of early user analysis, usability testing and team communication. Ambiguous interfaces, limited input and complex navigation cause usability problems. The design process involves understanding business functions, human characteristics like memory and speed, and ensuring the interface matches users' mental models through techniques like task analysis and conceptual modeling.

hci
SELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLSSELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLS

The user interface design process involves understanding users and business needs, principles of screen design, and selecting appropriate controls. Key steps include developing navigation, selecting windows and controls, writing clear text, providing feedback, testing, and considering users, tasks, environments, and hardware when choosing controls. Common input devices include mouse, keyboard, touchscreen, graphics tablet, joystick, light pen, and voice recognition. Controls are direct or indirect based on their relationship to screen interaction.

select the proper device based controls
Menu based Interaction
 Menu based interaction avoids many of the
problems associated with command line interfaces. A
menu is a set of options from which the user must
choose.
 Typically, the interface displays the options as menu
items or icons and the user indicates a choice with a
pointing device or keystroke, receiving feedback that
indicates which option he or she has chosen, and the
outcome of the command being executed.
Menu based Interaction
 Menu selection does not have to be visual. When you telephone a
bank, for example, it is common to have speech interfaces, which
require you to choose between several options.
 Menus are effective because they offer cues for user recognition
rather than forcing the users to recall the syntax of a command
from memory.
 If the items are meaningful to the users, then menu selection can
be rapid and accurate.
 Menus are especially helpful for contextual actions
Menu based Interaction
 If the items are hard to understand or appear similar to each
other, users can become confused and make errors. This
means that if menus are to be effective, their names or icons
should be self-explanatory.
 Menu based interaction is particularly effective when users
have little training, or are unfamiliar with the terminology, or
need help to structure their decision-making process.
Menu based Interaction
 On the other hand, the same decomposition
process can be too rigid for some users, and it
may slow the knowledgeable frequent user.
 With the careful design of complex menus and
techniques such as shortcuts, menu-based
interaction can become appealing even for
expert users.

Recommended for you

drag and drop.pdf
drag and drop.pdfdrag and drop.pdf
drag and drop.pdf

The document discusses drag and drop interactions from the perspectives of users, events, actors, and purposes. It outlines key questions about how users perceive draggable objects and valid drop targets. It also lists common drag and drop events like hover, drag initiation, and entering/exiting targets. The actors involved include objects, cursors, and containers. Finally, it describes using drag and drop for rearranging modules, lists, changing object relationships, and invoking actions.

unit 5
hci in software development process
hci in software development processhci in software development process
hci in software development process

This document discusses HCI (human-computer interaction) in the software development process. It explains that HCI is used to create an intuitive interface between users and products. Usability, effectiveness, efficiency, and satisfaction are important traditional usability categories to consider. The software lifecycle involves designing for usability at all stages. Prototyping is discussed as a model where prototypes are built, tested, and refined with user feedback until an acceptable final system is achieved. Design involves understanding users, requirements, and balancing goals within technical constraints.

Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design

A half day course on Interaction Design taught by Mark Billinghurst from the HIT Lab NZ at the University of Canterbury

human–computer interactionhuman-computer interaction
Guidelines for designing Menu based
Interaction
 Use flow of tasks and interaction to organize
menus.
 Give menu items titles that reflect their functions.
 Group items meaningfully.
 Avoid lengthy menus.
 Order menu items meaningfully.
 Use short names for menu items.
 Use consistent grammar, layout, and
terminology.
 Consider the screen’s size when deciding the
number of menu items.
Form-Fill
 If your interface has to gather a lot of information from the
user, then it often helps if you provide a form to fill in. An
example is the web page which collects complaint
information about Internet content from Internet users.
Form-Fill
Point to consider for Mobile Form-Fill
 Text entry is difficult : Whichever type of phone
you use, entering text on a mobile device isn't
easy. A recent study by Blink looked at typing on
four types of mobile devices, and found no real
advantage for any of them. Users get familiar with
their current device, and prefer its method.
 Put labels above the fields: The Baymard
Institute points out one way you can help users:
put the labels above the fields. Then they can see
the label as they type on the narrow mobile
window.

Recommended for you

User cognitive aspects for HCI
User cognitive aspects for HCIUser cognitive aspects for HCI
User cognitive aspects for HCI

This document discusses various cognitive processes involved in human-computer interaction such as attention, perception, memory, learning, and problem-solving. It explains how an understanding of cognition can help design better interactive products by accounting for cognitive limitations and identifying usability issues. Specific topics covered include the effects of multitasking on attention, the differences between recognition and recall memory, and the importance of context for memory. Design implications discussed are structuring information to capture attention, enabling recognition over recall, and providing memory aids.

user cognitive aspects for hciuser cognitive
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction

This document provides an overview of human-computer interaction (HCI) as an academic discipline and design field. It discusses what students will learn, including understanding systems and humans through analysis, and applying that understanding to design solutions with a focus on real users. It outlines topic areas like design processes, underlying theories of human cognition, and specific domains. It also explores the roots of HCI in fields like psychology and computing. Finally, it discusses changes in the field with increasing device multiplicity, ubiquitous and wearable technologies, and a shift from computer dialogue to dialogue with the world.

Hci activity#3
Hci activity#3Hci activity#3
Hci activity#3

This document discusses models of interaction between humans and computers. It describes Norman's model of the execution-evaluation cycle, which outlines 7 stages of interaction: establishing a goal, forming an intention, specifying actions, executing actions, perceiving the system state, interpreting the state, and evaluating it. It also discusses Abowd and Beale's interaction framework, which includes the system, user, input, and output as components and how there are translations between them. Key concepts discussed include the gulfs of execution and evaluation, different interaction styles, and how interface design can help reduce errors.

modes of interactionparadigm of interactionergonomics
Point to consider for Mobile Form-Fill
 Left Aligned Field label
Point to consider for Mobile Form-Fill
 Top aligned Field Label:
Guidelines for Designing Form-Fill
Interfaces
 Give meaningful labels to the fields.
 Give familiar field labels (use the users’
language).
 Provide comprehensible instructions.
 Incorporate a logical grouping and sequencing of
the fields.
 Present a visually appealing layout for the form.
 Use consistent terminology and abbreviations.
 Provide white space and boundaries.
Guidelines for Designing Form-Fill
Interfaces
 Allow for convenient cursor movement.
 Provide error correction for individual characters
and the entire field.
 Provide error messages for unacceptable values
and error indicators as soon as possible (prompt
error messages should identify the field the error
occurred in and why).
 Indicate required fields.

Recommended for you

Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides

Usability: the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.“ For instance: • Appropriate for a purpose • Comprehensible, usable, (learnable), … • Ergonomic, high-performance, ... • Reliable, robust, …

usability engineeringusabilityquality components of usability
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2

The document discusses various input and output devices used in computer systems. It describes keyboards, mice, touchscreens, displays, printers and scanners. It explains how these devices work and how they allow interaction with computers. Different interaction techniques are suitable depending on the devices used, such as direct interaction with touchscreens versus indirect interaction with mice.

hcibook
Exploring GOMs
Exploring GOMsExploring GOMs
Exploring GOMs

Human Computer Interaction was developed in 1983 by Stuart Card, Thomas Moran, and Allen Newell and explained in their book "The Psychology of Human Computer Interaction". It uses goals, operators, methods, and selections to model and predict human performance on computer systems. Goals are what a user wants to accomplish, operators are actions to reach goals, methods are sequences of operators, and selections determine which method to use based on context.

methodscomputinggoals
Direct Manipulation
 Direct manipulation (DM) interfaces allow
users to interact directly with the UI
objects — for example, dragging a file from one
folder and dropping it into another
in Microsoft Explorer, as illustrated in Figure.
Direct Manipulation
Direct Manipulation
 In Direct Manipulation interfaces, the keyboard
entry of commands or menu choices is replaced by
manipulating a visible set of objects and actions. This is usually
achieved by using a continuous input device, such as a mouse,
pen, or joystick or a finger on the touch screen.
 DM interfaces exist in many application areas, including word
processing, desktop publishing, computer-aided design (CAD),
flight simulation, virtual reality systems, and video games.
Direct Manipulation
 DM interfaces are based on the idea that users
should be allowed to manipulate UIs in a way
that is analogous to the way they interact with
task objects in everyday life. In this way, they
represent a more natural and familiar
mode of interacting with the representation of
the task objects.

Recommended for you

Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals

This document discusses various aspects of user interface design, including graphical user interfaces, interaction styles, information presentation, error messages, help systems, and user documentation. It provides descriptions and comparisons of different interface design approaches such as direct manipulation, menus, forms, command languages, and natural language interfaces. It also outlines principles for user-centered design and guidelines for effective user interface design.

@anwal mirza
Human computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with ScenarioHuman computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with Scenario

This document discusses input and output channels in human-computer interaction. It describes the five human senses - sight, hearing, touch, taste and smell - and how they provide input. It then discusses the major effectors like limbs, fingers and vocal systems that provide human output. The document focuses on how vision, hearing and touch are used as input channels in interacting with computers, primarily through the eyes, fingers and voice. It provides details on the physiological mechanisms and processing involved in each sense.

human computer interactioninput output channel
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction

Chapter 3: The interaction from Dix, Finlay, Abowd and Beale (2004). Human-Computer Interaction, third edition. Prentice Hall. ISBN 0-13-239864-8. http://www.hcibook.com/e3/

hci3ehcihuman
Benefits of Direct Manipulation
 Novices can learn basic functionality quickly,
usually through a demonstration by a more
experienced user.
• Experts can work rapidly to carry out a wide
range of tasks, even defining new functions and
features.
• Error messages are rarely needed.
• Users can immediately see if their actions
are furthering their goals, and, if not, they can
simply change the direction of their activity.
Direct Manipulation
 Users experience less anxiety because the system
is comprehensible and because actions are so
easily reversible.
 Users gain confidence and mastery because they
are the initiators of action; they feel in control,
and the system responses are predictable.
Gestural Interaction
 Gestures and bodily postures are a natural part of
social communication and interaction between
humans.
Gestures
 Navigational gestures: It helps users to move around and
explore options.
 Action gestures: They are similar to scrolling, selecting etc.
 Transform gestures: They transform an element’s size,
position, and rotational features.

Recommended for you

HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3

The document discusses models of interaction between users and computer systems. It describes Norman's seven-stage model of interaction which focuses on the user's perspective when interacting with an interface. It also discusses Abowd and Beale's framework which identifies the major components involved in interaction, including user input and system output. Different styles of interaction are examined, such as command line interfaces, menus, and WIMP interfaces.

hcibook
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7

This document discusses various aspects of user interface design, including graphical user interfaces, interaction styles, information presentation, error messages, help systems, and user documentation. It describes principles of direct manipulation, menu selection, command languages, and other interaction styles. It also covers guidelines for designing effective error messages and help systems to support users. The goal of user-centered design is to prioritize users' needs in the design process.

@anwal mirza
lecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxlecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptx

This document discusses human-computer interaction and interaction models. It begins by outlining the learning objectives, which are to understand basics of interaction, differentiate between interaction models and styles, and understand the impact of interaction in social and organizational contexts. It then defines interaction and discusses several interaction models and styles, including command line interfaces, menus, natural language, forms, spreadsheets, and WIMP (windows, icons, menus, pointers) interfaces. It also covers physical aspects of interfaces like ergonomics and different interaction contexts.

hci
Gestural Interaction
 Gestures are movement of
– Finger(s)
– Hand
– Arm
– Foot, Head, Body
 Two basic variations:
– Touch gestures (done on a touch-sensitive
surface)
– Air-based gestures (without a touch-sensitive
surface)
Touch gestures
 Tap
 Double Tap
 Drag and Drop
 Slide
 Fling/Flick
 Touchdown and
Hold/Long press
 Two finger slide
 Rotate
 Pinch and Spread
Air gestures
Air gestures
Swiping left or
right
Function: Swipe left or right to switch between pages, music, or pictures.
Gesture: Swipe left or right over the screen with your palm or back of the
hand.
Swiping up or
down
Function: Swipe up or down to switch content.
Gesture: Swipe up or down over the screen with your palm or back of the
hand.
Taking a
screenshot
Function: Take a screenshot of the entire screen.
Gesture: Make a fist straight in front of the screen.
Mute Function: Mute or unmute the system volume.
Gesture: Face the screen and place the forefinger near the middle of the
lip.
Performing an
operation
Function: Perform an operation in a certain scenario, such as
playing/pausing a video and answering a call.
Gesture: Press forward with your palm.
Dragging up or
down
Function: Adjust the volume.
Gesture: Pinch the thumb with forefinger and move up or down.
Dragging left or
right
Function: Fast forward or rewind media content.
Gesture: Pinch the thumb with forefinger and move left or right.

Recommended for you

Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics

1. Interaction design focuses on meaningful communication between people and technology through collaborative processes. It includes interaction models, ergonomics, interaction styles, and context. 2. Models of interaction help understand what is occurring in the interaction, identify difficulties, and compare styles. Norman's model describes the execution-evaluation cycle, while Abowd and Beale's framework has four parts: user input, system, output, and context. 3. Common interaction styles include command-line, menu-based, natural language, form-fills, point-and-click, 3D, and question/answer interfaces. The widespread WIMP interface uses windows, icons, menus, and pointers.

User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15

The document discusses principles of user interface design including interaction styles, information presentation, user support, and evaluation. It covers topics such as direct manipulation, menu selection, command languages, using color and graphics effectively, designing helpful error messages and documentation, and evaluating interfaces against usability specifications. The goal is to provide user-centered interfaces that are logical, consistent, and help users recover from errors.

Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...

interface rather than its functionality •A poorly designed interface can cause a user to make catastrophic errors •Poor user interface design is the reason why so many software systems are never used

interface rather

More Related Content

What's hot

HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
Alan Dix
 
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWSSELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWS
Dhanya LK
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
brindaN
 
System Menu And Navigation
System Menu And NavigationSystem Menu And Navigation
System Menu And Navigation
Ovidiu Von M
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
Shyamala Prayaga
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
Alan Dix
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
N.Jagadish Kumar
 
Unit2 hci
Unit2 hciUnit2 hci
Unit2 hci
pradeepgupta266
 
SELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLSSELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLS
Dhanya LK
 
drag and drop.pdf
drag and drop.pdfdrag and drop.pdf
drag and drop.pdf
PILAMPIRAYAsstProfes
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
Kainat Ilyas
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
Mark Billinghurst
 
User cognitive aspects for HCI
User cognitive aspects for HCIUser cognitive aspects for HCI
User cognitive aspects for HCI
HafizMImran1
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction
hcicourse
 
Hci activity#3
Hci activity#3Hci activity#3
Hci activity#3
Desalegn Aweke
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
wajahat Gul
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2
Alan Dix
 
Exploring GOMs
Exploring GOMsExploring GOMs
Exploring GOMs
jbellWCT
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
Anwal Mirza
 
Human computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with ScenarioHuman computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with Scenario
N.Jagadish Kumar
 

What's hot (20)

HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
SELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWSSELECT THE PROPER KINDS OF WINDOWS
SELECT THE PROPER KINDS OF WINDOWS
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
System Menu And Navigation
System Menu And NavigationSystem Menu And Navigation
System Menu And Navigation
 
Interaction design workshop
Interaction design workshopInteraction design workshop
Interaction design workshop
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
Unit2 hci
Unit2 hciUnit2 hci
Unit2 hci
 
SELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLSSELECT THE PROPER DEVICE BASED CONTROLS
SELECT THE PROPER DEVICE BASED CONTROLS
 
drag and drop.pdf
drag and drop.pdfdrag and drop.pdf
drag and drop.pdf
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Introduction to Interaction Design
Introduction to Interaction DesignIntroduction to Interaction Design
Introduction to Interaction Design
 
User cognitive aspects for HCI
User cognitive aspects for HCIUser cognitive aspects for HCI
User cognitive aspects for HCI
 
Introducing Human Computer Interaction
Introducing Human Computer InteractionIntroducing Human Computer Interaction
Introducing Human Computer Interaction
 
Hci activity#3
Hci activity#3Hci activity#3
Hci activity#3
 
Usability Engineering Presentation Slides
Usability Engineering Presentation SlidesUsability Engineering Presentation Slides
Usability Engineering Presentation Slides
 
HCI - Chapter 2
HCI - Chapter 2HCI - Chapter 2
HCI - Chapter 2
 
Exploring GOMs
Exploring GOMsExploring GOMs
Exploring GOMs
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Human computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with ScenarioHuman computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with Scenario
 

Similar to Human computer interaction chapter 2 interaction Styles.pptx

HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction
Alan Dix
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
Alan Dix
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7
Anwal Mirza
 
lecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxlecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptx
BhanukaFernando3
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
GEETHAS668001
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
koolkampus
 
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
DennisAnaafi1
 
Slides chapter 12
Slides chapter 12Slides chapter 12
Slides chapter 12
Priyanka Shetty
 
Mobiles & usbaility
Mobiles & usbailityMobiles & usbaility
Mobiles & usbaility
Ekta Rohra Jafri
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
Raj Lal
 
UI.docx
UI.docxUI.docx
UI.docx
UI.docxUI.docx
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
Saqib Raza
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interaction
nur ezzaty
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
Ivano Malavolta
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
Ovidiu Von M
 
5945479
59454795945479
5945479
aryang720
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
gusfaleo firnando
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
Abdul Rasheed Memon
 
SECh1516
SECh1516SECh1516
SECh1516
Joe Christensen
 

Similar to Human computer interaction chapter 2 interaction Styles.pptx (20)

HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
Hci user interface-design principals lec 7
Hci user interface-design principals lec 7Hci user interface-design principals lec 7
Hci user interface-design principals lec 7
 
lecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxlecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptx
 
Human Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basicsHuman Computer interaction -Interaction design basics
Human Computer interaction -Interaction design basics
 
User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15User Interface Design in Software Engineering SE15
User Interface Design in Software Engineering SE15
 
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...Slide 4 - User Interface Design.pptx interface rather than its functionality ...
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
 
Slides chapter 12
Slides chapter 12Slides chapter 12
Slides chapter 12
 
Mobiles & usbaility
Mobiles & usbailityMobiles & usbaility
Mobiles & usbaility
 
Mobile User Experience - @iRajLal
Mobile User Experience - @iRajLalMobile User Experience - @iRajLal
Mobile User Experience - @iRajLal
 
UI.docx
UI.docxUI.docx
UI.docx
 
UI.docx
UI.docxUI.docx
UI.docx
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
Topic 3 Human Computer Interaction
Topic 3 Human Computer InteractionTopic 3 Human Computer Interaction
Topic 3 Human Computer Interaction
 
UI design for mobile apps
UI design for mobile appsUI design for mobile apps
UI design for mobile apps
 
Introduction To Usability
Introduction To UsabilityIntroduction To Usability
Introduction To Usability
 
5945479
59454795945479
5945479
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
HCI Presentation
HCI PresentationHCI Presentation
HCI Presentation
 
SECh1516
SECh1516SECh1516
SECh1516
 

Recently uploaded

Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊
Saurabh computer
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
tezeqes
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
antonellispunches643
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Aditi Sh.
 
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENGPortfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Rostyslav Kasyanenko
 
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
kumarikajal989877
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
Mostafa Abd Elrahman
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Mostafa Abd Elrahman
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
Pieter van Langen
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
telchlarzelere270
 
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model SafeKarol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
shoeb2926
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
ManashChatterjee3
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
kousato1
 
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
Aditi Sh.
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeDaryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
S S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural DesigningS S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural Designing
SuvamoyPanja
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
kousato1
 

Recently uploaded (20)

Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊
 
Glasgow University degree Certificate
Glasgow University degree CertificateGlasgow University degree Certificate
Glasgow University degree Certificate
 
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
十大欧洲杯投注app平台-十大靠谱欧洲杯投注app官方平台 |【​网址​🎉ac10.net🎉​】
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
 
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENGPortfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
Portfolio of Family Coat of Arms, devised by Kasyanenko Rostyslav, ENG
 
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model SafeGhaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
Ghaziabad @ℂall @Girls ꧁❤ 9873940964 ❤꧂VIP Hina Khan Top Model Safe
 
A Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdfA Journey Through Islamic Architecture.pdf
A Journey Through Islamic Architecture.pdf
 
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdfPreserving-the-Essence-A-Journey-in-Visual-Identity.pdf
Preserving-the-Essence-A-Journey-in-Visual-Identity.pdf
 
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafePaharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Paharganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
Design Impulse: Boost the power of design
Design Impulse: Boost the power of designDesign Impulse: Boost the power of design
Design Impulse: Boost the power of design
 
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】  .
十大美洲杯投注网站-美洲杯投注网站平台网址大全 |【​网址​🎉ac123.net🎉​】 .
 
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model SafeKarol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
Karol Bagh @ℂall @Girls ꧁❤ 9873777170 ❤꧂Glamorous sonam Mehra Top Model Safe
 
Surface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different toolsSurface Analysis Civil 3D using different tools
Surface Analysis Civil 3D using different tools
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 
2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf2024_summer_my_dream_gnjp_20240705_ks.pdf
2024_summer_my_dream_gnjp_20240705_ks.pdf
 
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
An Introduction to Housing: Core Concepts and Historical Evolution from Prehi...
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeDaryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
S S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural DesigningS S Bhavikatti Civil Engineering Structural Designing
S S Bhavikatti Civil Engineering Structural Designing
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
 

Human computer interaction chapter 2 interaction Styles.pptx

  • 2. Interaction Styles  There are different ways a user can communicate with a computer system and a computer system can communicate with a user. These are called interaction styles.  An interaction style is a collection of user interface controls and their associated behavior. The interaction style provides both the look (appearance) and feel (behavior) of the user interface components, indicating the way a user will communicate with the system.
  • 3. Interaction Styles  There are several interaction styles from which a designer can choose. The most common are as follow: • Command line • Menu selection • Form-fill • Direct manipulation • Gestural Interaction And other
  • 4. Command Line  The command line interface was the first interactive dialog style to be commonly used.  It provides a means of directly instructing the system, using function keys on a keyboard (F1, F8, etc.), single characters, abbreviations, or whole-word commands.  When the user types characters onto the screen, they appear as a line across the screen, hence the term “command line.
  • 6. Command Line  One limitation of command line UIs is that the commands need to be remembered, as no cue is provided to indicate which commands are available.  So users have to remember command sequences, which are often ambiguous with complex syntax.  Commands are often unclear and vary between systems, causing the users to become confused and making commands difficult to learn.
  • 7. Command Line  Users’ frustration with command line interfaces often occurs because of the memory and typing demands and the low tolerance of errors shown by this type of interface - a confusing error message is often the consequence of a single typing mistake in a long command.  The use of consistent and meaningful commands and abbreviations can help alleviate this problem.
  • 8. Command Line  Command line interfaces are better for expert users than for novices. For expert users, command languages provide a sense of being in control.  Users learn the syntax and can express complex possibilities rapidly, without having to read distracting prompts. However, error rates are typically high, and training is necessary. Error messages and online assistance are hard to provide because of the interface (command) concepts and syntax.
  • 9. Menu based Interaction  Menu based interaction avoids many of the problems associated with command line interfaces. A menu is a set of options from which the user must choose.  Typically, the interface displays the options as menu items or icons and the user indicates a choice with a pointing device or keystroke, receiving feedback that indicates which option he or she has chosen, and the outcome of the command being executed.
  • 10. Menu based Interaction  Menu selection does not have to be visual. When you telephone a bank, for example, it is common to have speech interfaces, which require you to choose between several options.  Menus are effective because they offer cues for user recognition rather than forcing the users to recall the syntax of a command from memory.  If the items are meaningful to the users, then menu selection can be rapid and accurate.  Menus are especially helpful for contextual actions
  • 11. Menu based Interaction  If the items are hard to understand or appear similar to each other, users can become confused and make errors. This means that if menus are to be effective, their names or icons should be self-explanatory.  Menu based interaction is particularly effective when users have little training, or are unfamiliar with the terminology, or need help to structure their decision-making process.
  • 12. Menu based Interaction  On the other hand, the same decomposition process can be too rigid for some users, and it may slow the knowledgeable frequent user.  With the careful design of complex menus and techniques such as shortcuts, menu-based interaction can become appealing even for expert users.
  • 13. Guidelines for designing Menu based Interaction  Use flow of tasks and interaction to organize menus.  Give menu items titles that reflect their functions.  Group items meaningfully.  Avoid lengthy menus.  Order menu items meaningfully.  Use short names for menu items.  Use consistent grammar, layout, and terminology.  Consider the screen’s size when deciding the number of menu items.
  • 14. Form-Fill  If your interface has to gather a lot of information from the user, then it often helps if you provide a form to fill in. An example is the web page which collects complaint information about Internet content from Internet users.
  • 16. Point to consider for Mobile Form-Fill  Text entry is difficult : Whichever type of phone you use, entering text on a mobile device isn't easy. A recent study by Blink looked at typing on four types of mobile devices, and found no real advantage for any of them. Users get familiar with their current device, and prefer its method.  Put labels above the fields: The Baymard Institute points out one way you can help users: put the labels above the fields. Then they can see the label as they type on the narrow mobile window.
  • 17. Point to consider for Mobile Form-Fill  Left Aligned Field label
  • 18. Point to consider for Mobile Form-Fill  Top aligned Field Label:
  • 19. Guidelines for Designing Form-Fill Interfaces  Give meaningful labels to the fields.  Give familiar field labels (use the users’ language).  Provide comprehensible instructions.  Incorporate a logical grouping and sequencing of the fields.  Present a visually appealing layout for the form.  Use consistent terminology and abbreviations.  Provide white space and boundaries.
  • 20. Guidelines for Designing Form-Fill Interfaces  Allow for convenient cursor movement.  Provide error correction for individual characters and the entire field.  Provide error messages for unacceptable values and error indicators as soon as possible (prompt error messages should identify the field the error occurred in and why).  Indicate required fields.
  • 21. Direct Manipulation  Direct manipulation (DM) interfaces allow users to interact directly with the UI objects — for example, dragging a file from one folder and dropping it into another in Microsoft Explorer, as illustrated in Figure.
  • 23. Direct Manipulation  In Direct Manipulation interfaces, the keyboard entry of commands or menu choices is replaced by manipulating a visible set of objects and actions. This is usually achieved by using a continuous input device, such as a mouse, pen, or joystick or a finger on the touch screen.  DM interfaces exist in many application areas, including word processing, desktop publishing, computer-aided design (CAD), flight simulation, virtual reality systems, and video games.
  • 24. Direct Manipulation  DM interfaces are based on the idea that users should be allowed to manipulate UIs in a way that is analogous to the way they interact with task objects in everyday life. In this way, they represent a more natural and familiar mode of interacting with the representation of the task objects.
  • 25. Benefits of Direct Manipulation  Novices can learn basic functionality quickly, usually through a demonstration by a more experienced user. • Experts can work rapidly to carry out a wide range of tasks, even defining new functions and features. • Error messages are rarely needed. • Users can immediately see if their actions are furthering their goals, and, if not, they can simply change the direction of their activity.
  • 26. Direct Manipulation  Users experience less anxiety because the system is comprehensible and because actions are so easily reversible.  Users gain confidence and mastery because they are the initiators of action; they feel in control, and the system responses are predictable.
  • 27. Gestural Interaction  Gestures and bodily postures are a natural part of social communication and interaction between humans.
  • 28. Gestures  Navigational gestures: It helps users to move around and explore options.  Action gestures: They are similar to scrolling, selecting etc.  Transform gestures: They transform an element’s size, position, and rotational features.
  • 29. Gestural Interaction  Gestures are movement of – Finger(s) – Hand – Arm – Foot, Head, Body  Two basic variations: – Touch gestures (done on a touch-sensitive surface) – Air-based gestures (without a touch-sensitive surface)
  • 30. Touch gestures  Tap  Double Tap  Drag and Drop  Slide  Fling/Flick  Touchdown and Hold/Long press  Two finger slide  Rotate  Pinch and Spread
  • 32. Air gestures Swiping left or right Function: Swipe left or right to switch between pages, music, or pictures. Gesture: Swipe left or right over the screen with your palm or back of the hand. Swiping up or down Function: Swipe up or down to switch content. Gesture: Swipe up or down over the screen with your palm or back of the hand. Taking a screenshot Function: Take a screenshot of the entire screen. Gesture: Make a fist straight in front of the screen. Mute Function: Mute or unmute the system volume. Gesture: Face the screen and place the forefinger near the middle of the lip. Performing an operation Function: Perform an operation in a certain scenario, such as playing/pausing a video and answering a call. Gesture: Press forward with your palm. Dragging up or down Function: Adjust the volume. Gesture: Pinch the thumb with forefinger and move up or down. Dragging left or right Function: Fast forward or rewind media content. Gesture: Pinch the thumb with forefinger and move left or right.