INTERFACE DESIGN DMS 546/446 DESIGNING INTERFACES - JENIFER TIDWELL CHAPTER 1.

Slides:



Advertisements
Similar presentations
Basic Computer Skills Windows & the Internet.
Advertisements

ZoomText, Step-by-Step IU Adaptive Technology Center.
Downloading Audacity software Julie Collareda Adapted from Shaughnessy 2006.
Windows 7 and Office 2010 What’s New. Reasons to Love Windows 7 New taskbar Quick launch Jumplists Quick peeks Gadgets Snap feature Search from Start.
Using Macros and Visual Basic for Applications (VBA) with Excel
Tutorial 8: Developing an Excel Application
Copyright © 2008 Pearson Prentice Hall. All rights reserved Copyright © 2008 Prentice-Hall. All rights reserved. Committed to Shaping the Next.
Introduction User Patterns September 4 th, User Patterns in Software Safe Exploration Instant Gratification Satisficing Changes in Midstream Deferred.
Microsoft Word 2010 Lesson 1: Introduction to Word.
Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTION Lesson 1 – Microsoft Office XP Basics and the Internet.
© by Pearson Education, Inc. All Rights Reserved.
Introduction September 2 nd, Accomplish a Task Make Life Easier or More Efficient Entertainment A Means to and End.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
1 Visual Basic.NET Application Overview. 2 Objectives Discuss what a typical Visual Basic.NET application looks like Configure the Visual Studio.NET Integrated.
Customizing Word Microsoft Office Word 2007 Illustrated Complete.
A Guide to Oracle9i1 Creating an Integrated Database Application Chapter 8.
Word Processing Microsoft Office: Exploring Word 2011 for MAC.
Live Meeting 2007: Presenter's companion Use the collaborative content features You want all new hires to participate actively in the new hire orientation.
Working with SharePoint Document Libraries. What are document libraries? Document libraries are collections of files that you can share with team members.
Prepared by: Ms. Catherine M. Catamora IAS - IT
Using Journal and Other Tablet PC Tools. Outcomes Software  Intro to Sticky Notes  Intro to Ink Desktop  Intro to using Windows Journal Tools and uses.
2. Introduction to the Visual Studio.NET IDE 2. Introduction to the Visual Studio.NET IDE Ch2 – Deitel’s Book.
So – You want to learn how to put an advanced article submission (cut and paste) onto the state website. (Note: If you have not done so, you will need.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
XP New Perspectives on Introducing Microsoft Office XP Tutorial 1 1 Introducing Microsoft Office XP Tutorial 1.
© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 22 Macros.
1 CA201 Word Application Increasing Efficiency Week # 13 By Tariq Ibn Aziz Dammam Community college.
EDU 271. Introduction to Microsoft Publisher  Microsoft Publisher helps you easily create, customize, and publish materials such as: newsletters, brochures,
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
CIS—100 Chapter 15—Windows Vista 1. Parts of a Window 2.
How KeePass password safe can save you time and energy
Thank you for your decision to try vTreePro Practice Tree Software! Your satisfaction is very important to us. Please feel free to send us an if.
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.
Microsoft Access Lesson 1 Lexington Technology Center February 11, 2003 Bob Herring On the Web at
CIS 205—Web Design & Development Dreamweaver Chapter 1.
Chapter Three The UNIX Editors. 2 Lesson A The vi Editor.
Alice 2.0 Introductory Concepts and Techniques Project 1 Exploring Alice and Object-Oriented Programming.
Computing Fundamentals Module Lesson 3 — Changing Settings and Customizing the Desktop Computer Literacy BASICS.
CS 275Tidwell Course NotesPage 1 Chapter 1: What Users Do When designing software interfaces, we must ascertain who will be using the software and why.
PowerTeacher with Web Grade Book Semester Classes School Year August 2012.
Key Applications Module Lesson 21 — Access Essentials
Interface Design Inputs and outputs –data flows to and from external entities –data flows into and out of processes that are manual or not fully automated.
Basic Editing Lesson 2.
© 2010 Pearson Education, Inc. | Publishing as Prentice Hall1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 1: Starting with Microsoft.
If you are reading this on YOUR computer… CONGRATULATIONS! You have a computer that works and is connected to enough components that it us up and running.
Chapter Three The UNIX Editors.
Microsoft Word Level 1 Michael Carco. Word Level 1 Agenda  Word Basics  Navigating in a Document  Inserting and Modifying Text  Creating and Modifying.
January 2006Colby College ITS Setting Up Course Pages.
An Introduction to Forms. The Major Steps of a MicroSoft Access Database  Tables  Queries  Forms  Macros  Reports  Modules On our road map, we are.
Microsoft PowerPoint 2010 Lesson 1 Created by Felicia Hudson, Riverside High School--Durham Public Schools.
1. Chapter 1 Creating, Printing, and Editing Documents.
Lesson 6: Working with Word Basics. 2 Learning Objectives After studying this lesson, you will be able to:  Use and customize the Ribbon  Use the Quick.
Photoshop Actions Lights, Camera, Actions in Photoshop.
Explore GNOME The easy way, using a live CD By Carl Weisheit.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
1 CA202 Spreadsheet Application Automating Repetitive Tasks with Macros Lecture # 12 Dammam Community College.
Chapter 10 Using Macros, Controls and Visual Basic for Applications (VBA) with Excel Microsoft Excel 2013.
Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Using Macros Lesson.
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.
Getting Started with Microsoft Word
June 17, 2009 Office 2007 Tips & Tricks.
CSC420 Topic 1: Humans.
The Desktop Screen image displayed when a PC starts up A metaphor
A few tricks to take you beyond the basics of Microsoft Office 2010
Microsoft PowerPoint 2010 Lesson 1
Chapter 1: Digital Communication Tools
Chapter 8 Using Document Collaboration and Integration Tools
Welcome To Microsoft Word 2016
Microsoft Excel 2007 – Level 2
Presentation transcript:

INTERFACE DESIGN DMS 546/446 DESIGNING INTERFACES - JENIFER TIDWELL CHAPTER 1

A MEANS TO AN END WHAT ARE THEY REALLY AFTER? USERS AND CLIENTS TYPICALLY SPEAK TO YOU IN TERMS OF DESIRED FEATURES AND SOLUTIONS NOT IN TERMS OF NEEDS AND PROBLEMS KEEP ASKING THEM “WHY” TO UNCOVER THE NEEDS AND PROBLEMS ASK EVEN WHEN THE HAVE CLEAR DESIGN REQUIREMENTS

THE BASICS OF USER RESEARCH: DIRECT OBSERVATION CASE STUDIES SURVEYS PERSONAS

USERS' MOTIVATION TO LEARN HOW MUCH EFFORT ARE YOUR USERS WILLING TO SPEND TO LEARN THE INTERFACE?

USERS' MOTIVATION TO LEARN SOME INTERFACES ARE DESIGNED FOR INTERMEDIATE TO EXPERT USERS: PHOTOSHOP DREAMWEAVER SYSTEM ADMINISTRATION TOOLS

USERS' MOTIVATION TO LEARN SOME INTERFACES ARE DESIGNED FOR OCCASIONAL (OR ONCE-ONLY) USERS: KIOSK AT MUSEUM KIOSK FOR FLIGHT CHECK-IN WINDOWS OR MAC OS CONTROLS FOR SETTING DESKTOP BACKGROUNDS INSTALLATION WIZARDS AUTOMATED TELLER MACHINES PURCHASE PAGES FOR ONLINE STORES

USERS' MOTIVATION TO LEARN Q: WHAT ARE THE TRADE-OFFS BETWEEN DESIGNING FOR OCCASIONAL/NOVICE USER AND INTERMEDIATE/EXPERT USERS?

USERS' MOTIVATION TO LEARN MANY APPLICATIONS FALL SOMEWHERE BETWEEN: MICROSOFT OFFICE CLIENTS WEB BROWSERS

THE PATTERNS SAFE EXPLORATION INSTANT GRATIFICATION SATISFICING CHANGES IN MIDSTREAM DEFERRED CHOICES INCREMENTAL CONSTRUCTION HABITUATION SPATIAL MEMORY PROSPECTIVE MEMORY STREAMLINED REPETITION KEYBOARD ONLY OTHER PEOPLE'S ADVICE

WATCHING FOR USER BEHAVIOR PATTERNS SAFE EXPLORATION INSTANT GRATIFICATION SATISFICING CHANGES IN MIDSTREAM DEFERRED CHOICES INCREMENTAL CONSTRUCTION HABITUATION SPATIAL MEMORY PROSPECTIVE MEMORY STREAMLINED REPETITION KEYBOARD ONLY OTHER PEOPLE'S ADVICE

USER BEHAVIOR PATTElRNS... SAFE EXPLORATION Good software allows people to try something unfamiliar, back out, and try something else, all without stress.

USER BEHAVIOR PATTElRNS... SAFE EXPLORATION Good software allows people to try something unfamiliar, back out, and try something else, all without stress. not get lost be able to undo changes understand consequence such as extra fees

USER BEHAVIOR PATTERNS... INSTANT GRATIFICATION People like to see immediate results.

USER BEHAVIOR PATTERNS... INSTANT GRATIFICATION People like to see immediate results. if you can predict what they will likely want to do, make that task very easy ie give them a blank canvas and palette don't start them out with registration pages, long sets of instructions, etc

USER BEHAVIOR PATTERNS... SATISFICING (SATISFYING + SUFFICING)‏ PEOPLE ARE WILLING TO ACCEPT “GOOD ENOUGH” RATHER THAN “BEST” IF LEARNING ALL THE ALTERNATIVES MIGHT COST TIME OR EFFORT.

USER BEHAVIOR PATTERNS... SATISFICING (SATISFYING + SUFFICING)‏ PEOPLE ARE WILLING TO ACCEPT “GOOD ENOUGH” RATHER THAN “BEST” IF LEARNING ALL THE ALTERNATIVES MIGHT COST TIME OR EFFORT. MAKE LABELS/MENUS/BUTTONS SHORT, PALINLY WRDED & QUICK TO READ USE LAYOUT TO COMMUNCIATE MEANING (COLOR AND SHAPE)‏ BE ABLE TO RETURN IF A WRONG CHOICE IS MADE (SAFE EXPLORATION)‏

USER BEHAVIOR PATTERNS... CHANGES IN MIDSTREAM USERS WILL WANT TO CHANGE WHAT THEY'RE DOING OR STOP AND RESUME LATER

USER BEHAVIOR PATTERNS... CHANGES IN MIDSTREAM USERS WILL WANT TO CHANGE WHAT THEY'RE DOING OR STOP AND RESUME LATER GIVE THEM NAVIGATION OPTIONS (EXCEPT WHEN THERE'S A REASON NOT TO – IE TASK WIZARD)‏ ALLOW THEM TO PUT ASIDE ONE TASK AND WORK ON ANOTHER (IE MULTIPLE OPEN PROJECTS)‏ ALLOW THEM TO STOP A PROCESS AND RETURN TO IT

USER BEHAVIOR PATTERNS... DEFERRED CHOICES LET USER GET STARTED WITH A BARE MINIMUM OF SET-UP (THEY CAN RETURN TO THE SET-UP LATER IF NECESSARY)‏

USER BEHAVIOR PATTERNS... DEFERRED CHOICES LET USER GET STARTED WITH A BARE MINIMUM OF SET-UP (THEY CAN RETURN TO THE SET-UP LATER IF NECESSARY)‏ SHOULD BE ABLE TO CREATE A BARE-BONES PROFILE, ADD IMAGES, ETC LATER SHOULD BE ABLE TO OPEN A PROJECT WITHOUT KNOWING WHAT THE FINAL FORM OF IT WILL BE (IN MUSIC, FOR EXAMPLE, TEMPO, KEY ETC)‏

USER BEHAVIOR PATTERNS... INCREMENTAL CONSTRUCTION PEOPLE WANT TO EVALUATE THEIR PROJECT AS THEY WORK ON IT – THEY WANT LITTLE OR NO TIME BETWEEN MAKING CHANGES AND SEEING THE RESULTS

USER BEHAVIOR PATTERNS... INCREMENTAL CONSTRUCTION PEOPLE WANT TO EVALUATE THEIR PROJECT AS THEY WORK ON IT – THEY WANT LITTLE OR NO DELAY BETWEEN MAKING CHANGES AND SEEING THE RESULTS RENDERING IN FINAL CUT PRO AND APPLYING AUDIO FILTERS IN AUDACITY ARE EXAMPLES OF SITUATIONS WHERE INCREMENTAL CONSTRUCTION IS IMPEDED

USER BEHAVIOR PATTERNS... INCREMENTAL CONSTRUCTION PEOPLE WANT TO EVALUATE THEIR PROJECT AS THEY WORK ON IT – THEY WANT LITTLE OR NO DELAY BETWEEN MAKING CHANGES AND SEEING THE RESULTS MAINTAIN USER'S FLOW: MAKE IT EASY TO BUILD SMALL PIECES ONE AT AT TIME DYNAMIC FEEDBACK – SHOW WHAT THE WHOLE THING LOOKS LIKE WHILE THE USER WORKS LITTLE OR NO DELAY BETWEEN MAKING CHANGES AND SEEING THE RESULTS

USER BEHAVIOR PATTERNS... HABITUATION USER DEVELOPS EFFICIENT HABITS

USER BEHAVIOR PATTERNS... HABITUATION USER DEVELOPS EFFICIENT HABITS CONSISTENCY WITHIN APPLICATION AND CONSISTENCY ACROSS APPLICATIONS DO NOT CHANGE THE FUNCTIONS OF KEYSTROKES OR GESTURES IN DIFFERENT MODES TOO MANY CONFIRMATION BOXES CAN PUT USER IN THE HABIT OF ALWAYS HITTING “OK”

USER BEHAVIOR PATTERNS... SPATIAL MEMORY USERS LEARN AN INTERFACE BY REMEMBERING WHERE ON THE SCREEN A BUTTON OR FILE IS

USER BEHAVIOR PATTERNS... SPATIAL MEMORY USERS LEARN AN INTERFACE BY REMEMBERING WHERE ON THE SCREEN A BUTTON OR FILE IS LET PEOPLE MAKE THEIR OWN PLACEMENTS (ICONS ON DESKTOP)‏ PUT DIALOG BUTTONS IN PREDICATBALE PLACES CONSISTENCY WITHIN AND ACROSS APPLICATIONS THE TOPS AND BOTTOMS OF MENUS ARE MORE NOTICED AND REMEMBERED

USER BEHAVIOR PATTERNS... PROSPECTIVE MEMORY PEOPLE LIKE TO BE ABLE TO LEAVE REMINDERS TO THEMSELVES

USER BEHAVIOR PATTERNS... PROSPECTIVE MEMORY PEOPLE LIKE TO BE ABLE TO LEAVE REMINDERS TO THEMSELVES ALLOW FLEXIBILITY IN NAMING, FOLDERS, ETC DON'T HAVE SYSTEM ORGANIZE OR DELETE FILES WITHOUT ASKING THE USER

USER BEHAVIOR PATTERNS... STREAMLINED REPETITION USERS OFTEN NEED TO REPEAT THE SAME TASKS – MAKE IT POSSIBLE FOR THEM TO DO SO WITH JUST A FEW CLICKS OF COMMANDS

USER BEHAVIOR PATTERNS... STREAMLINED REPETITION USERS OFTEN NEED TO REPEAT THE SAME TASKS – MAKE IT POSSIBLE FOR THEM TO DO SO WITH JUST A FEW CLICKS OF COMMANDS SEARCH & REPLACE COPY & PASTE MACROS - PHOTOSHOP “ACTIONS” (LET'S YOU RECORD A SEQUENCE AND APPLY IT AGAIN AND AGAIN)‏ DIRECT OBSERVATION OF USERS WILL TELL YOU WHAT TASKS THEY ARE REPEATING OFTEN

USER BEHAVIOR PATTERNS... KEYBOARD ONLY USERS MAY BE MORE EFFICIENT USING THE KEYBOARD ONLY OR HAVE DISABILITIES THAT MAKE USING THE MOUSE DIFFICULT OR IMPOSSIBLE

USER BEHAVIOR PATTERNS... KEYBOARD ONLY USERS MAY BE MORE EFFICIENT USING THE KEYBOARD ONLY OR HAVE DISABILITIES THAT MAKE USING THE MOUSE DIFFICULT OR IMPOSSIBLE DEFINE KEYBOARD SHORTCUTS – CTRL-S, ETC. SELECTION FROM LISTS USING ARROW KEYS AND MODIFIERS ENABLING TAB TRAVERSAL “DEFAULT BUTTON” - SUBMIT OR DONE TRIGGERED BY THE RETURN KEY THESE SHOULD BE DEFINED TO FOLLOW THE CONVENTIONS OF THE PLATFORM

USER BEHAVIOR PATTERNS... OTHER PEOPLE'S ADVICE INTEGRATE OTHER PEOPLE'S EXPERIENCES/ADVICE INTO THE INTERFACE

USER BEHAVIOR PATTERNS... OTHER PEOPLE'S ADVICE INTEGRATE OTHER PEOPLE'S EXPERIENCES/ADVICE INTO THE INTERFACE BULLETIN BOARD ONLINE USER FORUM USER'S SHARE TIPS AND TECHNIQUES USER'S SHARE TEMPLATES OR CODE “CUSTOMERS WHO BOUGHT THIS BOOK ALSO BOUGHT...” SEARCH RESULTS DETERMINED BY PAST SEARCHES