Interaction Styles. Hall of Fame The 3-point seatbelt Brief history ●1959: Invented by Nils Bohlin ○patent released by Volvo ○saving lives > profit ●1968.

Slides:



Advertisements
Similar presentations
Copyright 1999 all rights reserved Early Design n How to Start –Intelligent Borrowing Plagiarizing or Good Design PracticePlagiarizing or Good Design Practice.
Advertisements

Tutorial 8: Developing an Excel Application
Copyright 1999 all rights reserved The HCI Design Process n User Interfaces are not just built by sitting down and drawing up designs for them n Just like.
Tutorial 12: Enhancing Excel with Visual Basic for Applications
Computer Training for Elders.  We make some assumptions about who you are: ◦ You are interested in using a computer for a few basic tasks (to begin with)
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.
User Interface Design Notes p7 T120B pavasario sem.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Interaction Styles Course 6, CMC, 07/10/03 Direct Manipulation
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
Lecture 7 Date: 23rd February
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Menu-Selection and Form Fillin. Menu selection design guidelines 4 Semantic organisation logical grouping of options –sensible, understandable, memorable.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
1 Pertemuan 12 Interface Matakuliah: M0446/Analisa dan Perancangan Sistem Informasi Tahun: 2005 Versi: 0/0.
Dialogue Styles.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
CSC450 Software Engineering
Exploring the Basics of Windows XP
Lecture 5 Heuristic evaluations & Early prototype Evaluations HEIM, CHAPTERS
Microsoft Office Word 2013 Expert Microsoft Office Word 2013 Expert Courseware # 3251 Lesson 5: Setting Up Global Accessibility.
Create Professional-looking Content Easy to Use Interface Share Documents.
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
XP Chapter 4 Succeeding in Business with Microsoft Office Access 2003: A Problem-Solving Approach 1 Collecting Data for Well-Designed Forms Chapter 4 “Making.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
XP New Perspectives on Introducing Microsoft Office XP Tutorial 1 1 Introducing Microsoft Office XP Tutorial 1.
CS378 - Mobile Computing App Project Overview. App Project Teams of 2 or 3 students Develop an Android application of your choosing subject to instructor.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
11.10 Human Computer Interface www. ICT-Teacher.com.
User Interface Styles A method for getting information from the user or interfacing with a user. Usually, interfaces provide more than one style: Command.
Lecture 6 User Interface Design
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
USER INTERFACE.
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
Design Rules-Part B Standards and Guidelines
1 Interaction Styles. 2 Introduction In order to get a system or a device to do something for us we need to be able to communicate/ interact with that.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
More on Design of Everyday Things. Turn it up, or shut it down?
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
E.g.: MS-DOS interface. DIR C: /W /A:D will list all the directories in the root directory of drive C in wide list format. Disadvantage is that commands.
COMPREHENSIVE Windows Tutorial 1 Exploring the Basics of Microsoft Windows Vista.
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
Different Types of HCI CLI Menu Driven GUI NLI
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Interaction Styles Chris North cs3724: HCI. Presentations mike miller sean king Vote: UI Hall of Fame/Shame?
User Interface Design Lecture #4 Part-A. 30 January, 2008Human Computer Interaction Spring 2008, Lecture #4A 2 Agenda Principles on User Interface Design.
INFORMATION SYSTEM – SOFTWARE TOPIC: GRAPHICAL USER INTERFACE.
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Knowledge Based Systems ExpertSystems Difficulties in Expert System Development u Scarce resources – new technology – demand for trained personnel u Development.
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
1 Unit E-Guidelines (c) elsaddik SEG 3210 User Interface Design & Implementation Prof. Dr.-Ing. Abdulmotaleb.
Designing Effective Input. Design input forms for users of business systems Design engaging input displays for users of information systems Design useful.
FIRST COURSE Exploring the Basics of Microsoft Windows Vista.
Human-Computer Interaction
11.10 Human Computer Interface
System Design Ashima Wadhwa.
Difficulties in Expert System Development
Interaction Styles.
Software engineering USER INTERFACE DESIGN.
Applications Software
Chapter 11 Interaction styles
Human and Computer Interaction (H.C.I.) &Communication Skills
Chapter 9 System Control
Presentation transcript:

Interaction Styles

Hall of Fame The 3-point seatbelt Brief history ●1959: Invented by Nils Bohlin ○patent released by Volvo ○saving lives > profit ●1968 (and on): required on all American cars ●2002: Bohlin died ○Volvo estimated 1 million+ lives saved ●2012: NHTSA estimated 12,174 lives saved (US) (ages 5+) ○raising annually Ryan McDermott

What makes it work? Understanding o belt keeps your body secure o slack locks out when force is exerted on belt ● history/three-point-seatbelt-inventor-nils-bohlin- bornhttp:// history/three-point-seatbelt-inventor-nils-bohlin- born ● Ryan McDermott Industrial Design o secures upper and lower body at hips, as opposed to abdomen o “Immovable anchorage point” – Bohlin o one simple movement Discoverability o Seat belt affords pulling o Seat buckle affords inserting something shaped like the buckle tongue) o Seat buckle affords pushing (for release) o Pulling seatbelt gives feedback (stops giving slack)

PS4 Buttons Hall of Shame Weston Miller

By zooming in, changing the angle AND changing the lighting…

Affordances They are “Buttons”, but they don’t “push” in. Consistency More like a touch screen than the previous PS consoles. Constraint Buttons can only be touched. Feedback Lights turn on when the power button is touched. If eject button is pressed, the disc is ejected (if there is one in the system) Mapping Both buttons are by disc slot and are directly across from the other with the slot in the middle. User has to memorize that the top is power and the bottom is eject or run the risk of accidentally turning the system off instead. Visibility They blend in with the line going all the way around making it difficult to guess they are there without close inspection The symbols are small. Also, when the lights are on and it’s dark in the room, the symbols are almost invisible.

Objectives for today Revisit “working in groups” Get a quick tour of interaction styles

Working in groups: reminders Different people have different communication styles Capture ideas on paper; discuss the ideas, not the person Ask questions, propose alternatives; be cautious about definitive statements Be open and honest Put it in writing –Who is responsible for what; when is it due Be aware that there are different ways to contribute –Not everyone needs to program –Not everyone needs to go on each user visit Not just the end result matters – the process does, too

Design: A Broad Spectrum System Design –Requirements Information Design Graphic Design Interaction Design

Interaction Design Styles Menu Selection Form fill-in Direct Manipulation Command language Natural Language

Menu Selection Users read a list of items Select the item most appropriate Observe the effect Early on, the way most systems worked. We had moved away from it a little (what’s coming) but it has made a revival with the web

Menu Selection

Advantages Shortens learning Reduces keystrokes Structures decision making Permits use of dialog management Easy error handling Disadvantages Presents danger of many menus May slow frequent users Consumes screen space Requires rapid display

Form Fill-in Used when data entry is required Users see a display of related fields and enter data in each field as appropriate Note: very common on the web

Form Fill-in

Form fill-in Advantages Simplifies data entry Requires modest training Gives convenient assistance Permits form management tools Disadvantages Consumes screen space

Direct Manipulation Create a visual representation of the world of action where users can directly make changes and see results

Direct Manipulation Search

Zillow Online demo at –

Direct Manipulation Advantages Visually presents task concepts Allows easy learning Allows easy retention Can prevent errors Encourages exploration High subjective satisfaction Disadvantages Harder to program Require graphics display and pointing device

Command Language For frequent users Must learn the syntax and options

java command

Command Language Advantages Flexible Appeals to ‘power users’ Supports user initiative Allows convenient creation of macros Disadvantages Poor error handling Substantial training and memorization

Natural Language Researchers have been working for years in the hope that computers can be made to respond to arbitrary sentences Note: may work with or without speech recognition

Natural Language Advantages Relieves burden of learning syntax May be “natural” in some settings, e.g., interaction over a telephone Disadvantages Requires clarification dialog May require more keystrokes May not show context Is unpredictable

Some comments All these styles should be in your toolbox (well, maybe not NL) They may be combined in a single app –Direct Manipulation with menus and forms is common Different platforms / toolkits make particular styles more or less easy –We’ll talk about toolkits some next week