Lecture 13 CSE 403 User oriented design. Design principles from DOET Provide a good conceptual model Make things visible Principle of Mapping Principle.

Slides:



Advertisements
Similar presentations
1 CASUS Authoring System 07/2010 E-Learning & E-Teaching Welcome to the CASUS Authoring System!
Advertisements

Chapter 11 Designing the User Interface
BTEC 149. Windows Desktop Click on the Start Button.
Assistive Technology Training Online (ATTO) University at Buffalo – The State University of New York USDE# H324M Co:Writer.
1 Software Engineering: A Practitioner’s Approach, 6/e Chapter 12b: User Interface Design Software Engineering: A Practitioner’s Approach, 6/e Chapter.
Viewing this Tutorial Use the ‘Down’ arrow on your keyboard, or left click your mouse, to move to the next point. Use the ‘Up’ arrow to go back. Use the.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
Click your mouse to continue Menu Conventions A check mark option is a toggle or “on-off” switch (like a light switch) that is either checked (turned on)
Mark Dixon Page 1 04 – Database Design: Forms. Mark Dixon Page 2 Session Aims & Objectives Aims –To allow easier data entry using forms Objectives, by.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Automating Tasks With Macros. 2 Design a switchboard and dialog box for a graphical user interface Database developers interact directly with Access.
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
Technology Education and Information Design Copyright 2009 MediTech NUI: New User Interface Online Training.
Prototyping Teppo Räisänen
Usability and Evaluation Dov Te’eni. Figure ‎ 7-2: Attitudes, use, performance and satisfaction AttitudesUsePerformance Satisfaction Perceived usability.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Copyright 1999 all rights reserved Screen-Based Controls n Primarily ready-made objects –Standard look and feel across applications –Available in APIs.
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
Learning About Technology Chapter 2. 2 Learning New Tools How do you learn to use new tools?  Read the instruction manual Programming a VCR Cooling my.
®® Microsoft Windows 7 for Power Users Tutorial 2p2 Customizing Microsoft Windows 7.
Windows Tutorial 9 Maintaining Hardware and Software
Customizing Microsoft Project
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Antalis-HQ USER GUIDE. Antalis, Europe’s leading distributor of paper, packaging solutions and visual communication products presents you its user web.
Defining Styles and Automatically Creating Table of Contents and Indexes Word Processing 4.03.
Principles of User Centred Design Howell Istance.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
COMPREHENSIVE Windows Tutorial 9 Maintaining Hardware and Software.
Department of Mechanical Engineering, LSUSession VII MATLAB Tutorials Session VIII Graphical User Interface using MATLAB Rajeev Madazhy
Creating a Web Site to Gather Data and Conduct Research.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Creating your own form from scratch.. To create a custom form, you can modify an existing form or design and create a form from scratch. In either case,
Business solutions you can count on Advanced Business Manager Version 2.6 Features.
Overview of the rest of the semester Building on Assignment 1 Using iterative prototyping.
Basic Principles of HCI Lecture Requirements Analysis Establish the goals for the Website from the standpoint of the user and the business. Agree.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Key Applications Module Lesson 21 — Access Essentials
Downloading and Installing Autodesk Revit 2016
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
HCI For Pen Based Computing Cont. Richard Anderson CSE 481 B Winter 2007.
Project 6 Advanced File and Web Searching. 2 CHAPTER OBJECTIVES  Begin a new file or folder search, save a search, and find a file using a saved search.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
INTRODUCTION TO USER DOCUMENTATION Function and purpose Production specifications Evaluate the effectiveness.
Using the Right Method to Collect Information IW233 Amanda Murphy.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
At the Log in page enter your college provided username and password then click submit to login to Owl Link.
1 COSC 4406 Software Engineering COSC 4406 Software Engineering Haibin Zhu, Ph.D. Dept. of Computer Science and mathematics, Nipissing University, 100.
Jan 2015 iServ OfficeServ Operator Essential for business operators, receptionists, and people who manage high volume on calls, the iServ OfficeServ Operator.
Input Design Lecture 11 1 BTEC HNC Systems Support Castle College 2007/8.
User Interface Evaluation Cognitive Walkthrough Lecture #16.
User and Task Analysis © Ed Green Penn State University Penn State University All Rights Reserved All Rights Reserved 12/5/2015User and Task Analysis 1.
1 Technical & Business Writing (ENG-715) Muhammad Bilal Bashir UIIT, Rawalpindi.
XP New Perspectives on Microsoft Office Access 2003 Tutorial 10 1 Microsoft Office Access 2003 Tutorial 10 – Automating Tasks With Macros.
CS212: Object Oriented Analysis and Design Lecture 32: Use case and Class diagrams.
1 Cognitive Modeling GOMS, Keystroke Model Getting some details right!
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Human Computer Interface INT211
Writing to Teach - Tutorials Chapter 2. Writing to Teach - Tutorials The purpose of a tutorial is to accommodate information to the needs of the user.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Design CSE 403. Announcements Design How do people interact with computers? Tremendous flexibility in designing/building interactions Look at physical.
Basic Navigation in Oracle R12 BY: Muhammad Irfan.
 Step 1: Enabling the keyboard in window Skip this step if the computer does not enter sleep mode or if the computer.
Annual Performance Management Cycle Management Training Tutorial
Defining Styles and Automatically Creating Table of Contents and Indexes Word Processing 4.03.
Windows Tutorial 9 Maintaining Hardware and Software
Reviewing Course Outlines for C-ID Designation
Simulation-driven Enterprise Modelling: WHY ?
Presentation transcript:

Lecture 13 CSE 403 User oriented design

Design principles from DOET Provide a good conceptual model Make things visible Principle of Mapping Principle of Feedback

Why design matters for Software Engineering Software engineering is about delivering a successful software product Usability considerations can have a massive impact on application architecture

What is bad design of software? I consider software to be badly designed when I am unable to complete the task through no fault of my own More generally, design that impedes user performance of the task at hand

Design failures I

Set Mode to Program, Applications to foo.exe Attempt 1 Toggle mode to Program Attempt to enter start application Selected text box does not accept input Eventual solution Toggle mode to Program Click Apply Enter start application

Where was the difficulty Visual feedback – text box looks enabled (cursor shows) Actual conceptual model Must be in “Program Accepted mode” (which does not always coincide with entry) Naïve user model Mode indicated by field Application indicated by field Ability to enter application might or might not depend on being in program mode

Design Failures II

Launch extended desktop as external monitor (HP) Enable internal/external from q menu Display Properties->Settings Right click on square with 2 Select Attached Select Apply

Where people have problems Finding the q menu Internal/External? Finding display properties / settings Selection of 2 What is “attached” Confirming with apply Feedback already given Menu entry checked Box is highlighted Inconsistent conceptual model – second monitor is already in use when internal/external is selected

Other design issues Designing for failure Design for multiple levels of expertise

Designing for Failure

Multiple levels of expertise Beginner Intermediate Expert In order to be successful, applications generally must cater to both intermediate and expert users Catering to beginners is only important in order to get them to intermediacy

Beginners Do not accomplish useful work with the application In general, do not represent a viable market However, it is essential for beginners to rapidly become competent Tutorials, scaffolding, help facilities, training wheels,...

Intermediates Core of user base Cannot be expected to fully remember how application works Convenient rediscovery Stress core functionality Address basic task Generally, without modification

Advanced users Often provide business case for the application Stress performance and power over ease of use E.g., keyboard shortcuts Customization and advanced features

Involving the user in design Initial conversations with users are to understand the users’ tasks and domain, not to co-design the application with the user

Understanding user tasks Job application evaluation Pinball design Restaurant management