User Interface Design and Development

Slides:



Advertisements
Similar presentations
A new way of printing at S.T.C.C.
Advertisements

Microsoft ® Office PowerPoint ® 2003 Training Package to a CD Your STS, Tom Redd, presents:
Cox Personal Web Space (or AOL space) Free Storage for Image Galleries.
Video Rental Store M.S. Access Module CAS 133 Basic Computer Skills/MS Office Russ Erdman.
Tour of About Face Section 2: Designing Behavior and Form Cooper & Reimann AJ Brush Richard Anderson.
Downloading and Installing AutoCAD Architecture 2015 This is a 4 step process 1.Register with the Autodesk Student Community 2.Downloading the software.
What to do when you are done. PRINTING WITH PHOTOSHOP.
Page 1. Page 2 Genesis of this Presentation! This is SIR Phil Goff's PSE4 presentation from April 2007; updated by SIR Derek Southern to PSE 5, September.
Prepare Your Academy for 2013
Panorama High School E.G.P./ Training to Put Students’ Grades on the Website Wednesday, September 29,
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Mail merge I: Use mail merge for mass mailings Perform a complete mail merge Now you’ll walk through the process of performing a mail merge by using the.
© 2003 Everett Public Schools Information Systems and Technology Department Getting Started with FirstClass October 10, 2015.
1. If you know your user name (first initial, last name) and password, you will start here If you do not know your user name, start here and register.
Unit 1 – Improving Productivity. 1.1Why did you use a computer? What other systems / resources could you have used? I used a computer for unit 10 and.
William H. Bowers – Making Software Considerate Cooper 14.
Downloading and Installing Autodesk Revit 2016
Webmasters’ Guild Word Training. Making Better Word 2007 (and 2003) Documents Styles…Images…Lists Oh my!
Downloading and Installing Autodesk Inventor Professional 2015 This is a 4 step process 1.Register with the Autodesk Student Community 2.Downloading the.
Lesson 10 - Mail Merge and Reviewing Documents Advanced Microsoft Word.
The desktop (overview) Working with desktop icons The desktop is the main screen area that you see after you turn on your computer and log on to Windows.
Using the AFRESH software Ruaraidh Dobson University of Aberdeen V1.0 27/04/2016.
Perform a complete mail merge Lesson 14 By the end of this lesson you will be able to complete the following: Use the Mail Merge Wizard to perform a basic.
Welcome to the Basic Microsoft Word Guide. Before you start this Guide, you will need to complete “Basic Computer”; “Basic Windows” and know how to type.
What type of project? I tried three type of project and the only one I managed to obtain the results I wanted was this one. It is more flexible and much.
SuccessFactors - Frequently Asked Questions FAQs Question: I don't have easy access to a computer at work. What other options do I have? Answer: SuccessFactors.
[The Design of Everyday Things, Don Norman, Ch 7]
Hidden Slide for Instructor
Weebly Elements, Continued
Creating an Account on Wikieducator
Gathering Information on your Topic
Microsoft Word 2010.
Welcome to Week 3 in the computer lab
Excise Tasks CS 4640 Programming Languages for Web Applications
Saving, Modifying page, grammar & spell checking, and printing
PowerPoint Day 1 Credibility Builder
TO DOWNLOAD FREE TRIAL of Kurzweil 3000 Subscription
Krug Chapter 5 B: Software Should be Considerate
How to use PSCEZPRINT prairiestate.edu/ezprint Web site address: 1 2
Kickboard Staff Training
User Interface Design and Development
Collaboration with Google Docs
User Interface Design and Development
Krug Chapter 5 A: Omit Needless Words and Defaults and Memory
Multi-host Internet Access Portal (MIAP) Enhancement Guide
Accidental and Essential Problems Excise Tasks
Lesson 9 Windows Management
Design and Implementation of Software for the Web
Web User Interface (WUI) Behavior
User Interface Design and Development
Software Usability and Design
Assistant lecturer Nisreen A. Jabr
What to “Fix” in your Graduation Project Papers
Krug Chapter 2 How We Really Use the Web and Web Site Design
Homework: Typed, printed MLA draft of “Thanksgiving Moment” (due tomorrow) Do Now: Put everything but your HW and handout in the bin under your seat.
Cooper Part II Making Well-Behaved Products Data Entry
Cooper Part II Making Well-Behaved Products Flow
New Perspectives on Windows XP
Homework Assignment 5 My Patriot Web Evaluation
Graphical User Interfaces (GUI)
creating a ecosystems model in net logo
Microsoft Office Illustrated Fundamentals
Chapter 1 Introducing Small Basic
Web Design Holden School
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
Software Should be Considerate
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7]
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 8

People should think, computers should work Ch 8 : Digital Etiquette People respond to computer user interfaces as if they are sentient beings We should make our software considerate, likeable, supportive What does the human need ? This is not hard … Being considerate takes more time than being inconsiderate Efficient sometimes looks self-centered, curt, and cryptic People should think, computers should work 19-Nov-18 © Jeff Offutt

Making Software Considerate Take an interest Considerate people ask what you like once, then remember Google map, firefox, … PPT never remembers my print or file saving preferences Considerate products are deferential Give users choices, not orders Never judge users—don’t tell users they’re wrong, tell them the software doesn’t understand Considerate products are forthcoming Give users related information that might help them Suggest possible words on misspellings Software should behave like a considerate human 19-Nov-18 © Jeff Offutt

Making Software Considerate (cont’d) Considerate products use common sense Put controls in logical places A considerate program would never think I want my class roster for the next semester Considerate products anticipate human needs Operating systems “pre-fetch” sectors that are near the last sector we read … why don’t web browsers do the same ? Considerate products are conscientious Consider the broader goal When copying a file with the same name—let me merge, show me the differences, rename the old file, or simply overwrite When printing color ppt to a black-and-white printer, should automatically change to “pure black and white” 19-Nov-18 © Jeff Offutt

Making Software Considerate (cont’d) Considerate products don’t burden you with their personal problems Software should not : Tell us it successfully saved … Whine about a full recycle bin … Tell us it cannot render some weird fonts … Considerate products keep us informed Tell users about what matters to the users What can I do next ? How do I complete my order ? How do I quit ? How can I change something later ? 19-Nov-18 © Jeff Offutt

Making Software Considerate (cont’d) Considerate products are perceptive If I check my roster in the morning, then log in that afternoon, patriotweb should tell me if anybody added or dropped If I resize adobe reader to use the full height of my screen and be just wide enough to fit a document … it should open the window with that size next time When I print with “Adobe PDF” in PPT, I always choose “Handouts”, “Pure Black and White” and “Slides per page” = 2 ... PPT should notice and remember Considerate products are self-confident “are you sure ?” just gets in the way … the software should provide an “undelete” 19-Nov-18 © Jeff Offutt

Making Software Considerate (cont’d) Considerate software does not ask questions Give users choices, not questions Don’t offer choices nobody ever wants Don’t offer choices with unclear consequences “are you sure you want to quit? (yes, no, cancel)” What does cancel do ? About once a week I shut down my computer and go to bed … the next morning when I look at my computer I find a dialog box “something is still open, should I shut down?” … Considerate products fail gracefully When you fail, apologize and try to fix it (kindergarten lesson) Don’t throw away data when crashing … If I fill out 10 form fields and get one wrong, keep the data from the other 9 19-Nov-18 © Jeff Offutt

An Inconsiderate Question Uhmmmm …. I didn’t change anything … All I did was print ! Did I accidentally change something else ? Did I make a change and forget ? Why are you bothering me ? Are you stupid or am I ? What does “Cancel” do ? Mommy ! Help ! 19-Nov-18 © Jeff Offutt

Making Software Considerate (cont’d) Considerate products know when to bend rules To reimburse a visitor for a trip, we have to create a record Need a G-number, which needs a social security number ! The system does not check that the SSN is valid ... Allow users to do part of the process today and finish later Binary logic : yes/no, true/false, done/not done Trinary logic : yes/no/maybe, true/false/possibly, done/not done/started … In real life, we never get the rules right We need to allow for when the rules don’t quite fit Considerate products take responsibility Software should understand hardware and deal with them When my printer runs out of paper, my computer tells me “could not print” … so I fill the printer up and print again … then the printer finishes my first print and happily prints my second copy! 19-Nov-18 © Jeff Offutt

Designing Smart Products Smart products have a memory : A way to track and use actions that users take over multiple sessions Remember previous preferences and choices “Dynamic defaults” resets defaults based on the user’s past history It’s easier for programmers to let the UI ask the user what to do each time – it’s easier for users if the UI remembers What should a program remember ? EVERYTHING ! Disk space is now not a problem for saving information – save everything ! My TA emails me the same file at least once a week and I put it in the same place every time … yet every time, my mail client asks me where to put it … can you imagine an assistant acting that stupidly ? 19-Nov-18 © Jeff Offutt

Memory—Auto-customization Remember what the user did the last time Avoid unnecessary questions Imagine a secretary that asked you every time whether you wanted copies on front and back! Dialog boxes ask questions, buttons offer choices 19-Nov-18 © Jeff Offutt

Auto-customization Examples MS Word : I always put my files in C:\offutt But MS Word always thinks I’m going to open a file in C:\Program Files\ … (took me years to find the customization!) PPT : I often print “Handouts”, “2”, “Pure black and white” If I print several PPT files in a row, I have to click all three boxes every time! ATM : I usually withdraw $150. Why does the ATM always use $40 and $60 as defaults? 19-Nov-18 © Jeff Offutt

Designing Smart Products Task coherence : Our goals and how we achieve them is usually similar from day to day Similar usage patterns in software Often the same document, or documents in the same directory Why should I tell Word to full justify paragraphs … every time ? Applications should remember how big they were and where they were on-screen If a user goes through the same sequence of commands several times – the application should automatically create a macro If it’s worth the user’s time, it’s worth the software’s time to remember 19-Nov-18 © Jeff Offutt

Summary : Digital Etiquette Effective UI designs are polite 19-Nov-18 © Jeff Offutt