User Interface Design and Development

Slides:



Advertisements
Similar presentations
Tour of About Face Section 2: Designing Behavior and Form Cooper & Reimann AJ Brush Richard Anderson.
Advertisements

PowerPoint Tutorial 1: Creating a Presentation
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
Creating Presentations with PowerPoint 2003 for the PC Kristen Dunn-Thomason Melissa Moore Division of Customer Support CIT Training Program
Word Processing basics
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
HCI Research Project. Research Paradigms Theoretical (in the style of mathematics) –Mathematical deduction –Simulation –Analysis of algorithms The researcher:
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
User Interface Overview Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
Creating a PowerPoint Presentation
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
10/8/2015© Jeff Offutt, Menu Design Guidelines Jeff Offutt SWE 432 Design and Implementation of Software for.
Review for Final Exam Fall 2014 Jeff Offutt SWE 632 User Interface Design and Development.
GUI Widgets Jeff Offutt SWE 432 Design and Implementation of Software for the Web.
Summer Extended 2006 PowerPoint. Summer Extended 2006 PowerPoint Window Outline tab Slides tab Slide Pane Notes Pane View buttons Task pane Select pane.
Making a Power Point It is easy and fun! Just remember to make it informative as well.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Thursday CS 321 Human-Computer Interaction Design Elements Completed Reading:
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 18 Goal-Directed.
HOW TO IMPROVE YOUR POWERPOINT PRESENTATION By Samir Chahid.
Foundation year Practical Lec.5: Practical Lec.5: Presentation Software Using Microsoft Office 2007 Practical Lec.5: Practical Lec.5: Presentation Software.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 28 Behavior.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Lesson 11 Exploring Microsoft Office 2007
Using Advanced Options
with a few tips and tools for managing mail
WHAT’S NEW? OFFICE 2013 for Windows Pamela Daniels Academic Technology
Workshop to develop theories of change
Microsoft Office PowerPoint 2007
The Desktop Screen image displayed when a PC starts up A metaphor
DSS & Warehousing Systems
Excise Tasks CS 4640 Programming Languages for Web Applications
Difficulties in Expert System Development
Microsoft Official Academic Course, Microsoft Word 2013
Designing Information Systems Notes
We are Astronauts Learning Objectives: I can open Scratch
Tips and tools for managing the new interface
User Interface Design and Development
Cooper Part III Interaction Details Designing for the Desktop
User Interface Design and Development
Krug Chapter 5 A: Omit Needless Words and Defaults and Memory
Accidental and Essential Problems Excise Tasks
Krug 8 Dialog Boxes Toolbars
Norman Chapter 6 Krug Chapter 7 C: Navigation
Web User Interface (WUI) Behavior
Copyright Catherine M. Burns
User Interface Design and Development
Cooper Part II Making Well-Behaved Products Excise
Review for Final Exam Fall 2016
Analytical Thinking: Assessments and Assertions
Software Usability and Design
SAMPLE PRESENTATION Company Name presents PowerPoint Basics
Cooper Part II Making Well-Behaved Products Flow
Krug Chapter 6 B: Flow in UIs
Cooper Part III Interaction Details Designing for the Desktop
Chapter 1 Cognitive psychology concepts
Norman 7 A: User-Centered Design
Cooper Part II Making Well-Behaved Products Visual Design
Shneiderman’s measurable criteria
Software Usability and Design
The Power Of PowerPoint.
Chapter 2 Foundations of usability
Graphical User Interfaces (GUI)
Lecture 22: HCI Design March 15, /6/2019
Review for Final Exam Fall 2018
Levels of Learning A gross simplification of Bloom’s taxonomy
Software Usability and Design
Presentation transcript:

User Interface Design and Development Cooper Part II Well-Behaved Products Etiquette, Posture, and Intermediates Jeff Offutt http://www.cs.gmu.edu/~offutt/ SWE 632 User Interface Design and Development Cooper Ed4, Ch 10

Ch 10 : Design for Intermediates Designers are usually experts They view all functions as having equal weight Marketing want UIs designed for beginners They sell to beginners Many have only novice semantic knowledge Most users are in between—intermediates ! Don’t weld on training wheels 3-Dec-18 © Jeff Offutt

Distribution of Users Beginners Experts Intermediates What does the application do? What doesn’t it do? How do I print? Where do I start? Experts Automate? Shortcuts? Can I change? Customize? Keyboard shortcut? Dangerous? Intermediates Forgot how Where is it? Remind me … Can I undo? More features? 3-Dec-18 © Jeff Offutt

Most Users are Intermediates Beginners are incompetent—and nobody likes that They either move up or move on Experts often move on Or use it less and become intermediates Optimize for intermediates 3-Dec-18 © Jeff Offutt

Inflecting the Interface Inflecting means organizing the UI to minimize the most common navigation Most commonly used functions up front Less frequently used functions can be on the back shelf Choose defaults for intermediates Microwaves : Make the “timed cook option” an easy default Very valuable functions can be harder to reach Slide animation features are deeper than font changing Google mail is default, google drive is further in Users will make a strong effort if the rewards justify it 3-Dec-18 © Jeff Offutt

Progressive Disclosure Advanced controls are hidden in an expanding pane PPT – drawing palette – bottom right arrow Google mail, hover over “Starred” to get other folders Criteria for organizing : Frequency of use—how often “typical” users use the functions Degree of dislocation—how much the screen and UI changes when the choice is made Degree of risk exposure—functions that are irreversible or dangerous Remember that advanced users will eventually want shortcuts to some of these functions And their frequency of use may change 3-Dec-18 © Jeff Offutt

Imagine users are very intelligent but very busy What Beginners Need Help beginners become intermediates They want actions, not theory They want examples, not definitions Match their mental models to Reduce errors Hasten learning Extra help must disappear for intermediate users Imagine users are very intelligent but very busy 3-Dec-18 © Jeff Offutt

What Experts Need Remember the experts are often more vocal Beginners listen to experts (even when they should listen to intermediates) Experts want shortcuts to everything Experts are often also frequent users Experts want higher information density Experts will adopt new features quickly 3-Dec-18 © Jeff Offutt

What Intermediates Need Mostly, they need attention! Far too many products are designed for beginners or experts, rather than the majority of users They need : Fast access to common functions Reference materials—online help (or the interweb) Knowledge that advanced functions are available, but not yet necessary They do not need : Long explanations When making tradeoffs, intermediate users should usually have priority 3-Dec-18 © Jeff Offutt