FIGURING OUT WHAT USERS EXPECT (TAKEN FROM USER INTERFACE DESIGN FOR PROGRAMMERS, BY JOEL SPOLSKY)

Slides:



Advertisements
Similar presentations
Possible Windows 8 Improvements By: Scott Hill. Improve Windows 8 Split Screen Mode The only options for split screen mode currently is to have one screen.
Advertisements

Chapter 1 - VB 2008 by Schneider1 Chapter 1 - An Introduction to Computers and Problem Solving 1.1 An Introduction to Computers 1.2 Windows, Folders, and.
Tips for New Mac Users 20 simple tips to make using a Mac quicker and easier.
Usability examples Usability problems and some possible solutions… David Rashty, Isaac Waisberg.
2-May-15 GUI Design. 2 HMI design There are entire college courses taught on HMI (Human-Machine Interface) design This is just a very brief presentation.
Evaluating Requirements. Outline Brief Review Stakeholder Review Requirements Analysis Summary Activity 1.
RESULTS. The Opening up Initiative is very important in my work (GROUP 1) I strongly agree A A I agree B B I disagree D D I don’t know C C I strongly.
S.T.A.I.R.. General problem solving strategy that can be applied to a range problems.
FLOWCHART BASED DESIGN A flowchart is ideal for a process that has sequential process steps. The steps will be executed in a simple order that may change.
More than Just Presentations PowerPoint:. Digital Signage Flyers and Posters Covers for Supplements/books General Fun and Laughs Lighter than Publisher.
Getting Started With STATA How do I do this? It probably opened automatically, but you may have to save it to the desktop, and double-click it to open.
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.
Who I am
User studies. Why user studies? How do we know security and privacy solutions are really usable? Have to observe users! –you may be surprised by what.
Day 9 Navigation Heuristic evaluation. Objectives  Look at some simple rules on navigation  Introduction to Heuristic Evaluation.
Software engineering Olli Alm Lecture 2: requirements, modelling & representation.
Direct manipulation Designing the university’s library website using Direct manipulation Proposal 18.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
Why study user interfaces? Good UIs are critical to success UI programming is easy (sophisticated algorithms not required) straightforward (can immediately.
What is an Expert System?
BTEc unit 12 software development
CiDA E-portfolio.
IENG 423 Design of Decision Support Systems Modeling with Excel Excel Basics Filtering, sorting, data validation, summarizing data.
Lab 1: The Stroop Effect (1935) Measuring interference effects
CW-V1 SDD 0201 Principals of Software Design and Development Introduction to Programming Languages.
Created by NW 2012 – please note all copyright on images used is property of copyright holder. Note: some of the more complicated descriptions are taken.
How do people communicate with computers?
Object Matching With Faces CS460 Project Presentation By Sam Buyarski.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Software: Building apps Suitable for: Advanced.
Strategic Stressing As many boards think ahead to their strategy away day, they may be looking for different ways to liven up the discussion and get new.
CS 4720 Usability and Accessibility CS 4720 – Web & Mobile Systems.
AS Level ICT Selection and use of appropriate software: Interfaces.
Mr C Johnston ICT Teacher BTEC IT Unit 06 - Lesson 01 Introduction to Computer Programming.
Knowledge based Humans use heuristics a great deal in their problem solving. Of course, if the heuristic does fail, it is necessary for the problem solver.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Computer basics: Getting started Suitable for: Beginner.
An Interesting Geography Tool A new way to create Photosynths using Microsoft ICE This Photosynth was created from 9 photographs taken with a FUJI FINEPIX.
Version Control.
In this presentation we will focus on some simple tips and habits that will keep you from pulling your hair out Go from this To this.
Robert Crawford, MBA West Middle School.  Explain how the binary system is used by computers.  Describe how software is written and translated  Summarize.
National Diploma Unit 4 Introduction to Software Development Human Computer Interaction – HCI.
1 CSC111H User Interface Design Dennis Burford
Midterm Review Francis Li CS160 Midterm Review October 9, 2000.
Psychology Lesson 2.
Inferencing in rule-based systems: forward and backward chaining.
CSCI N100 Principles of Computing Basic Problem-Solving.
Evaluating Requirements
Review of Previous Classes Declaring Variables - var myVar:DataType = value Data Types – Number, uint, String, Boolean Functions – parameters, return.
How a Computer Processes Data. With today’s technology a little knowledge about what’s inside a computer can make you a more effective user and help you.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Interface design Multimedia and Web. Today’s Objectives Defined User Interface Design Introduce User-Center Design Design guidelines Check Web accounts.
Introduction to Computer Programming - Project 1 Intro to Digital Technology.
Tech Tuesdays Tuesday, September 25, 2001 Finding Lost Things On Your Computer.
IT323 - Software Engineering 2 1 Tutorial 3.  Suggest ways in which the user interface to an e-commerce system such as an online stores might be adapted.
Literature Unit 3 Theme, Summarizing, Inference. Theme A theme is a message about life that a writer wants you to understand. A story usually has one.
Unpacking each and every strategy! THE MATHEMATICIAN’S TOOLBOX.
University of Nebraska  Lincoln R School of Natural Resources Usability Testing Mark Mesarch Web/Database Programmer School of Natural Resources
Algorithms and Flowcharts
[Donald A. Norman, “The Design of Everyday Things,” Chapter 3]
Managing a Project User Documentation.
CEN3722 Human Computer Interaction Interface Metaphors and Conceptual Models Dr. Ron Eaglin.
Conceptual Models & Interface Metaphors
Web User Interface (WUI) Behavior
Introduction to Usability Engineering
Chapter 1 Cognitive psychology concepts
Git started with git: 2018 edition
Welcome to the computer!
Maxsony Technology Limited
How To - Use a Monitor as a Secondary Display for your Laptop
Mapping a network drive
Hello World C By Anand George.
Presentation transcript:

FIGURING OUT WHAT USERS EXPECT (TAKEN FROM USER INTERFACE DESIGN FOR PROGRAMMERS, BY JOEL SPOLSKY)

Program Model and User Model User Model Program Model How the program actually behaves How the user expects the program to behave A user interface is well designed when the program model conforms to the user model

Program Model  How the program behaves  It’s the ‘Law’  Encoded in bits and bytes and will be faithfully executed by the CPU  The CPU will not disobey the Program Model

User Model  How the user expects the program to work  Determined by the user’s history and knowledge  Knowledge of the domain  Knowledge of other user interfaces  History and knowledge of working with other software programs

How Do I Know What The User Model Is?  Turns out to be relatively easy  Ask users  Pick five random people  Picking more than five has little reward  Describe the scenarios and situations where the software will be used  Then ask a lot of questions  Don’t make assumptions

How Do I Know What The User Model Is?  Rule Of Thumb – User models are not very complex  If your program model is complex, it will confuse the user and the program model does not match the user model  When people guess how something works, they tend to guess simple things rather than complicated things

Metaphors  Sometimes the User Model is incomplete or wrong  You have to find ways to give the user clues  Most well known metaphor is the desktop, with folders and files that can be dragged to the trash  Another example is a magnifying glass used to tell the user to zoom  Well designed objects make it clear how they work just by looking at them

Affordances  Well designed affordances make it clear how they work just by looking at them  Example: Doors with a big metal plate. You can’t pull it. You can only push it.  Another Example: 3D buttons with shades of gray that change when clicked. Not just a cool design, but the buttons afford pushing

Consistency  When software works like the user expects, the Program Model matches the User Model  When your user tries to do things, they just “work”  This makes users happy  Happy users are a good thing  Consistency causes ease of use