Systems Analysis and Design in a Changing World, 6th Edition

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Chapter 19 Design Model for WebApps
Systems Analysis and Design in a Changing World, Fourth Edition
User Interface Structure Design
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Principles of Web Design 5th Edition
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
2 Object-Oriented Analysis and Design with the Unified Process Objectives  Understand the differences between user interfaces and system interfaces 
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
Chapter 14 Designing the User Interface
Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Chapter 12 Designing Interfaces and Dialogues
Systems Analysis and Design in a Changing World, 6th Edition
Designing the User Interface. 2 Overview User interfaces handle input and output that involve a system user directly Focus on interaction between user.
Systems Analysis and Design in a Changing World, 6th Edition
Systems Analysis and Design in a Changing World, 6th Edition
User Interface Theory & Design
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Lecture Set 3 Introduction to Visual Basic Concepts Part A – User Interfaces and Windows Forms – The Toolbox.
Systems Analysis and Design in a Changing World, 6th Edition
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
2 Object-Oriented Analysis and Design with the Unified Process Identifying and Classifying Inputs and Outputs  Inputs and outputs are defined early in.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
11.10 Human Computer Interface www. ICT-Teacher.com.
3231 Software Engineering By Germaine Cheung Hong Kong Computer Institute Lecture 12.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
1 WEB Engineering E-Commerce Strategy & Management COM350.
CHAPTER TEN AUTHORING.
Microsoft Visual Basic 2012 CHAPTER THREE Program Design and Coding.
PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:
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.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
12.1 CSC 123 Systems Analysis & Design Part IV: The Essentials of Design Chapter 12 Designing Effective Input.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
HARDWARE INPUT DEVICES GETTING DATA INTO THE COMPUTER.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.
Design Phase intro & User Interface Design (Ch 8)
CIS 210 Systems Analysis and Development Week 7 Part II Designing Interfaces and Dialogues,
William H. Bowers – Specification Techniques Torres 17.
13 Systems Analysis and Design in a Changing World, Fourth Edition.
13 Systems Analysis and Design in a Changing World, Fourth Edition.
COMP 143 Web Development with Adobe Dreamweaver CC.
Decision Support System by Simulation Model (Ajarn Chat Chuchuen) 1 Chapter 6 User Interface Management.
Teaching slides Chapter 6. Chapter 6 Software user interface design & construction Contents Introduction Graphical user interface – Rich window based.
Chapter 10 Multimedia and the Web.
Chapter 11 Designing Effective Output
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the.
Guidelines for designing Windows and Forms
User Interface Design Chapter 8.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Systems Analysis and Design in a Changing World, 6th Edition
Teaching slides Chapter 6.
Systems Design Project Deliverable 3
SDLC Phases Systems Design.
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

Systems Analysis and Design in a Changing World, 6th Edition Chapter 7 Designing the User and System Interfaces Systems Analysis and Design in a Changing World, 6th Edition

User Interfaces and System Interfaces User Interface – inputs and outputs that directly involve a human user/actor A dialog goes on between actor and system System Interface – the inputs and outputs that require minimal human intervention Inputs captured automatically Outputs direct to other systems Printed and distributed outputs (statements, reports) Systems Analysis and Design in a Changing World, 6th Edition

Three Components of the User Interface Systems Analysis and Design in a Changing World, 6th Edition

Systems Analysis and Design in a Changing World, 6th Edition Metaphor Details Systems Analysis and Design in a Changing World, 6th Edition

User Interface Design Guidelines Design for Consistency Provide Shortcuts Provide Feedback Dialogs Should Yield Closure Error Handling that Provides Guidance Easy Reversal of Actions Reduce Short Term Memory Load Systems Analysis and Design in a Changing World, 6th Edition

Use Cases and the Menu Hierarchy We design use case by use case Menus organize access to use case functionality Different types of users have different menus Useful to design an overall menu hierarchy and then subsets for different users Once the hierarchy is established, menus can be implemented in a variety of ways Systems Analysis and Design in a Changing World, 6th Edition

Systems Analysis and Design in a Changing World, 6th Edition Dialog Design For each use case, think of the natural flow of a dialog between user and computer Based on the flow of activities in use case description and/or the system sequence diagram Use natural language to emphasize feedback to user Create a storyboard of the dialog, showing the sequence of sketches of the screen each step of the dialog. (storyboarding) Review the storyboard with users Systems Analysis and Design in a Changing World, 6th Edition

From Dialog to Storyboard (part 1) Use case Check out shopping cart Systems Analysis and Design in a Changing World, 6th Edition

From Dialog to Storyboard (part 1) Systems Analysis and Design in a Changing World, 6th Edition

Guidelines for Windows and Forms Interface Layout and Formatting Consistency, labels and headings, distribution and order, fonts and colors Data Entry Text box, list box, combo box, radio buttons, check boxes Navigation and Support Controls Minimize, maximize, close, scroll bars, resize Systems Analysis and Design in a Changing World, 6th Edition

Systems Analysis and Design in a Changing World, 6th Edition RMO Windows Form Systems Analysis and Design in a Changing World, 6th Edition

Guidelines for Web Browser User Interfaces Consistency Cascading Style Sheets (CSS) – Web page encoding standard that enables a Web site designer to specify parts of a page that will always look the same and parts that will vary by task or audience Performance Considerations Sensitive to network connection, amount of information transmitted, type of information transmitted Pictures, Video, and Sound Powerful, but compatibility issues arise Users with Disabilities Assistive technologies -- software (such as text-to-speech and voice-recognition utilities) that adapts user interfaces to the special needs of persons with disabilities Systems Analysis and Design in a Changing World, 6th Edition

Guidelines for Handheld Devices Challenges Small screen size, small keyboards and touch screens, limited network capacity, app design guidelines and toolkits Systems Analysis and Design in a Changing World, 6th Edition

Systems Analysis and Design in a Changing World, 6th Edition Identifying System Interfaces Inputs/outputs with minimal human intervention Inputs from and outputs to other systems These are direct interfaces with other information systems, normally formatted as network messages. Highly automated inputs and outputs These are captured by devices (such as scanners) or generated by persons who start a process that proceeds without further human intervention. Inputs and outputs to external databases These can supply input to or accept output from a system. Systems Analysis and Design in a Changing World, 6th Edition

Identifying System Interfaces Systems Analysis and Design in a Changing World, 6th Edition

External Output Example Systems Analysis and Design in a Changing World, 6th Edition

Internal Output Example Detailed control break report Systems Analysis and Design in a Changing World, 6th Edition

Drill Down Online Report Summary and Detailed Systems Analysis and Design in a Changing World, 6th Edition

Systems Analysis and Design in a Changing World, 6th Edition Graphical Outputs Systems Analysis and Design in a Changing World, 6th Edition