Chapter 10: Orchestration and Flow By reducing disruptive elements in software, designers promote productivity and efficiency. The idea is to build a mental.

Slides:



Advertisements
Similar presentations
ITEC 1001 Tutorial 1 Using Common Features of Microsoft Office 2003.
Advertisements

Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills Mark Worden Instructor Use your spacebar or down arrow key to advance slides.
Tutorial 8: Developing an Excel Application
CS 275Tidwell Course NotesPage 110 Chapter 7: Getting Input From Users Designing interactive forms, in which the user is expected to supply information.
Microsoft Word 2010 Lesson 1: Introduction to Word.
CGS 1060 Introduction to MicroComputer Usage Chapter 1 Windows 7
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Lab 10: Creating a Presentation
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
McGraw-Hill Technology Education© 2004 by the McGraw-Hill Companies, Inc. All Rights Reserved. Introduction to Microsoft Office 2003.
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS    
Chapter 4: Working with Windows Types of Windows –Program Windows –Message Boxes –Dialog Boxes Elements of a Window –Window Panes –Scroll Bars –Menus –Tool.
PowerPoint Lesson 1 Microsoft PowerPoint Basics
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
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.
Lesson 46: Using Information From the Web copy and paste information from a Web site print a Web page download information from a Web site customize Web.
ADVANCED MICROSOFT POWERPOINT Lesson 6 – Creating Tables and Charts
Spreadsheet. Objectives Create a new blank workbook. Create a new blank workbook. Identify user interface elements that you can use to accomplish basic.
Microsoft Office 2010 Office 2010 and Windows 7: Essential Concepts and Skills.
Lecture Set 3 Introduction to Visual Basic Concepts Part A – User Interfaces and Windows Forms – The Toolbox.
Create Professional-looking Content Easy to Use Interface Share Documents.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
Key Applications Module Lesson 19 — PowerPoint Essentials
Getting Started with Application Software
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.
Microsoft Access Lesson 1 Lexington Technology Center February 11, 2003 Bob Herring On the Web at
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
XP New Perspectives on Windows XP Tutorial 1 Exploring the Basics.
Information Technology Word Processing. Word Processing is the preparation of documents such as letters, reports, memos, books, or any other type of correspondences.
Basic Computer and Word Functions, part 1 Read the information and use to answer the questions in the Basic Computer and Word Functions Study Guide.
1 Microsoft Windows 2000 Robert H. Smith School of Business University of Maryland – College Park Essentials of Windows.
Copyright © 2010 Wolters Kluwer Health | Lippincott Williams & Wilkins Introduction to Windows Chapter 2.
Key Applications Module Lesson 21 — Access Essentials
Getting Help in Excel Getting Help, Slide 1Copyright © 2004, Jim Schwab, University of Texas at Austin Excel is a complex program with so many features.
Microsoft Office 2008 for Mac – Illustrated Unit C: Understanding File Management.
Basic Computer and Word Functions, part 1 Read the information and use to answer the questions in the Basic Computer and Word Functions Study Guide.
CIS111 PC Literacy Getting Started with Windows XP.
Microsoft Office XP Illustrated Introductory, Enhanced Started with Windows 2000 Getting.
William H. Bowers – Orchestration & Flow Cooper 9.
C OMPUTING E SSENTIALS Timothy J. O’Leary Linda I. O’Leary Presentations by: Fred Bounds.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Thursday CS 321 Human-Computer Interaction Design Elements Completed Reading:
Copyright © 2006 Prentice-Hall. All rights reserved.1 Computer Literacy for IC 3 Unit 2: Using Productivity Software Project 1: Taking a Tour of Windows.
Microsoft Office 2010 is the newest version of Microsoft Office, offering features that provide users with better functionality and easier ways to work.
The Excel model for information processing The Excel model is a grid of cells in which items of information are stored and processed. Any information that.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 28 Behavior.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Agency Web Site Navigation Structure. Building the agency web site Agency Web Site Navigation Structure, Slide 2Copyright © 2004, Jim Schwab, University.
Project 5: Using Pop-Up Windows Essentials for Design JavaScript Level One Michael Brooks.
CHAPTER 7 Exploring Microsoft Windows 7. Learning Objectives Identify the parts of the Windows 7 desktop Use common Windows elements Navigate Windows.
Microsoft Office 2013 Try It! Chapter 4 Storing Data in Access.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.
1 Chapter 15 Creating a Presentation. Practical Computer Literacy, 2 nd edition Chapter 15 2 What’s inside and on the CD? In this chapter, you will learn.
Pasewark & Pasewark 1 Windows Vista Lesson 1 Windows Vista Basics Microsoft Office 2007: Introductory.
Database Essentials Access Lesson 1.
Chapter 7: Getting Input From Users
International Computer Driving Licence Syllabus version 5.0
Database Essentials Access Lesson 1.
Office 2010 and Windows 7: Essential Concepts and Skills
Windows xp PART 1 DR.WAFAA SHRIEF.
Microsoft Windows 7 Basics
Microsoft Office Ribbon
Introduction To Computing BBA & MBA
PowerPoint Lesson 1 Microsoft Word Basics
Microsoft Windows 7 Basics
Chapter 4 Enhancing the Graphical User Interface
Presentation transcript:

Chapter 10: Orchestration and Flow By reducing disruptive elements in software, designers promote productivity and efficiency. The idea is to build a mental state in which the user’s work can flow. Work Flow Anxiety Boredom

Transparency The attention of people is limited, so it’s important in a software interface to limit what’s noticed to what needs to be noticed. Example: FedEx’s Rate-Finder Web Site

Making Interfaces Perfectly Clear Several general rules of thumb contribute to the design of transparent interfaces. Use the intended user’s mental model to determine how the software accomplishes its tasks. Curtail the conversational aspects of the interface, telling users only what they need to know and querying them only about essential information. Use toolbars and palettes to make commonly used tools handy, but not cluttered. Reduce flow disruption by using modeless feedback, instead of modal forms that must be closed before work can resume.

Orchestration Guidelines may be useful in designing interfaces, but it’s more important to develop the appropriate interface for a specific application than to obey a strict set of rules. For example, when grouping menu items, the option on the left is better than the “over-grouped” center option and the “under-grouped” right option. But are hard and fast rules for upper and lower bounds on menu grouping even possible?

Less Is More... Generally, it’s a good idea to avoid overcomplicating user interfaces, making common operations simple to execute. Example: The BMW I-Drive To provide luxury car drivers with “easy” access to comfort features (audio, climate, navigation, communication, etc.), BMW has developed a tactile knob-driven interactive interface.

Less Is More... Generally, it’s a good idea to avoid overcomplicating user interfaces, making common operations simple to execute.

...Except When More Is More Sometimes the designer must choose between visual simplicity and simple visuality. Example: Browsing eBay Categories The “Buy” page lists the categories with a minimal set of subcategories and links to full lists. The “Categories” page lists the categories with a larger (but still incomplete) set of subcategories and the same links. Which is “better”?

What Are The Odds? Sometimes it might be better to reduce user effort by performing the most likely operation. Example: MS Word When users try to delete cells from a table, they’re asked about shifting cells or deleting whole rows or columns. Why ask this question when it’s “obvious” that whole rows are being deleted?

Graphical Numerics Unless a complicated numerical value has particular value to the user, displaying a graphical representation would usually be better. Example: Microsoft’s Keyboard Properties It wouldn’t be very productive to supply the user with particular numerical values for the cursor blink rate or the delay that transpires before a sustained key press results in additional characters being generated.

Configure Hating Forcing the user to reconfigure software every time it’s used is very tedious and often unnecessary. Example: PowerPoint If the user always prints slides as grayscale handouts, two slides per page, double-sided, stapled, and to the same printer, then why must these settings be restored every time the command is issued?

Being Choosy Software interrogation can be unpleasant - It’s usually preferable to give the user a selection from which to choose. Example: Microsoft Excel When placing a border around spreadsheet cells, the pop-up menu leads to a dialog-boxed Q&A, but there is an iconic pull-down menu that provides simple choices.

Chapter 11: Eliminating Excise Excise is the extra work that users must do in order to perform their actual software tasks. Common Sources Of Unnecessary Excise: Forcing users to reenter personal settings. Forcing users to confirm actions when they can undo. Forcing users to resize or scroll to view contents. Forcing users to start over when resuming interrupted tasks.

Example: Web Favorites Rather than forcing users to remember a long list of favorite URLs, most Web browsers allow them to set up lists of favorites. The bad news: There is some excise involved in having the users set up the list themselves.

Example: Halting Interruptions Users are increasingly being given the opportunity to halt non-essential messages that are generated automatically when certain actions are attempted. The bad news: Restoring the message generation might be difficult to accomplish.

Example: Browser Input Rather than having to browse a directory to locate an appropriate destination, some applications allow users to input directly into the file hierarchy. The bad news: Users are more likely to misplace files and folders.

Navigation Navigation of user interfaces takes many forms. Navigating Between Windows Problems: Obscuring Disruptive Disorienting Problems: Obscuring Disruptive Disorienting Solutions: Keep the main interactions in the primary window Minimize dialog depth Give successive windows unique appearances Solutions: Keep the main interactions in the primary window Minimize dialog depth Give successive windows unique appearances

Navigating Between Panes Within A Window Problems: Clutter Confusing Scrolling Problems: Clutter Confusing Scrolling Solutions: Minimize the number of panes Use tabbed panes Separate panes with splitters Solutions: Minimize the number of panes Use tabbed panes Separate panes with splitters

Navigating Between Panes Within A Window Problems: Clutter Confusing Scrolling Problems: Clutter Confusing Scrolling Solutions: Minimize the number of panes Use tabbed panes Separate panes with splitters Solutions: Minimize the number of panes Use tabbed panes Separate panes with splitters

Navigating Between Tools And Menus Problems: Repetitive Stress Fatigue Annoyance Problems: Repetitive Stress Fatigue Annoyance Solutions: Reserve menus for rare access Group related tools Balance icon sizes’ clutter with their accessibility Solutions: Reserve menus for rare access Group related tools Balance icon sizes’ clutter with their accessibility

Inflection Inflection is the organization of an interface so that the typically used functionality is made most conveniently accessible. The principle of commensurate effort relates to interface inflection. Basically, users are expected to be willing to work harder to obtain something they see as more valuable. Regular eBay Search (Over 500 hits) Advanced eBay Search With Price & Content Limits (Only 3 hits)