MET CS 405/605 Human Computer Interface Design. Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation.

Slides:



Advertisements
Similar presentations
Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Advertisements

NoodleTools Create a Reference list. What is NoodleTools? Create, organize and store Create a bibliography Take notes online Organize your notes Create.
User Preferences – List Views Select “User Preference” from the File Menu.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
User Interface Design Notes p7 T120B pavasario sem.
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
11 HCI - Lesson 5.1 Heuristic Inspection (Nielsen’s Heuristics) Prof. Garzotto.
Forms and Screen Design What is a form? A layout on screen which allows users to make choices, enter data or view data. They are found in: PC applications.
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.
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
Lecture 7 Date: 23rd February
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
Principles and Methods
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Discussion Silvia Lindtner INF 132 April 07. Fitts’ law - recap A predictive model of time to point at an object Help decide the location and size of.
CSC450 Software Engineering
Creating FrontPage Tasks The task view allows you to add information about what you want to accomplish when creating your Web site.
Essential Guide to User Interface Design PART 1 The User Interface – Introduction and Overview Chapter 2 – Characteristics of the Graphical and Web UI.
How do people communicate with computers?
Microsoft Office 2003 Illustrated Introductory a Presentation Creating.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
Spring /6.831 User Interface Design and Implementation1 Lecture 3: Visibility.
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
Nielsen’s Ten Usability Heuristics
10 Usability Heuristics for User Interface Design.
COMPSCI 345 S1 C and SoftEng 350 S1 C Interaction Styles Lecture 4 Chapter 2.3 (Heim)
SBD: Interaction Design Chris North cs3724: HCI. Problem scenarios summative evaluation Information scenarios claims about current practice analysis of.
Key Applications Module Lesson 21 — Access Essentials
To access our web services, go to……. Click on Customer Login.
National Levee Database Interactive Reports Instructions NLD Point of Contact 1 US Army Corps of Engineers.
P6 BTEC Level 3 Subsidiary Diploma in ICT. Automation The end user of a spreadsheet may be proficient in using the software, but the more that you automate.
Preparing for Day 1. Day 1 Tasks Tasks include Creating an Announcement Adding Calendar Entries Creating a Discussion Forum.
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
1 Once you log in – How to create your profile Company Name TID Contact Name - Enter your name using the format First Name space Last Name User ID – will.
Knowledge Based Systems ExpertSystems Difficulties in Expert System Development u Scarce resources – new technology – demand for trained personnel u Development.
CHOOSE 1 OF THESE.
A user interface, like the one created by the DOS operating system, that makes use of typed commands.
Ten Usability Heuristics These are ten general principles for user interface design. They are called "heuristics" because they are more in the nature of.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
PSY 103 Week 3 Individual Remembering, Feeling, and Thinking Worksheet Complete the Remembering, Feeling, and Thinking worksheet located on your student.
Chapter 6 : User interface design
Characteristics of Graphical and Web User Interfaces
CEN3722 Human Computer Interaction Interface Metaphors and Conceptual Models Dr. Ron Eaglin.
Chapter 16: User Interface Design
Chapter 2 Hix & Hartson Guidelines.
Human-Computer Interaction
System Design Ashima Wadhwa.
Difficulties in Expert System Development
Interaction Styles.
Software engineering USER INTERFACE DESIGN.
GUI Week 9.
Copyright Catherine M. Burns
LEARNING AREA 4 : MULTIMEDIA
Dialog Design 2 Direct Manipulation
GRAPHICAL USER INTERFACE
Lessons Vocabulary Access 2016.
10 Design Principles.
CS305, HW1, Spring 2008 Evaluation Assignment
Chapter 11 Interaction styles
Characteristics of Graphical and Web User Interfaces
For use on your feedback page
Proper functionality Good human computer interface Easy to maintain
Graphical User Interfaces
Presentation transcript:

MET CS 405/605 Human Computer Interface Design

Week 5 – Design  Interaction Style ~  Command Line  Menu Selection  Form Fill  Direct Manipulation  Anthropomorphic

Week 5 – Design  Interaction Style ~  Command Line

Week 5 – Design  Interaction Style ~  Command Line  Powerful – access to system functionality  Flexible – options and parameters  Limitations  Commands must be remembered  Commands are obscure and cryptic  Better for experts to use  Error rates are high

Week 5 – Design  Interaction Style ~  Menu Selection  A set of options from which the user must choose  Offer cues for user recognition  Breaks the complex into small steps

Week 5 – Design  Interaction Style ~  Menu Selection

Week 5 – Design  Interaction Style ~  Form Fill  Capture user information  Easy movement around the form  Provide for error correction  Indicate required fields  Provide explanatory messages for fields

Week 5 – Design  Interaction Style ~  Form Fill

Week 5 – Design  Interaction Style ~  Direct Manipulation  Allows direct interaction with the UI  Visible and continuous representation of task objects  Requires physical actions to manipulate  Operations are rapid, incremental, reversible  Users “feel” directly involved  Easy to learn  Click here to go to the class web page here  Get rid of your files by dropping them into the trash!

Week 5 – Design  Interaction Style ~  Anthropomorphic  For example - gestures, facial expressions, or eye movements

Week 5 – Design  Interaction Style ~  Blending Interaction Styles  Choosing the Most Appropriate Interaction Style