Managing Design Processes

Slides:



Advertisements
Similar presentations
User Interface Structure Design
Advertisements

CS 3366: Human Computer Interaction Chapter 3: Managing Design Processes September 6, 2011 Mohan Sridharan Based on Slides for the book: Designing the.
Ethnography A ‘How to’ Guide By Carl Hudson Outline Introduction Introduction What is Ethnography? What is Ethnography? Who invented it? Who invented.
User Interface Design Notes p7 T120B pavasario sem.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 30, 2003.
Human Computer Interface. HCI and Designing the User Interface The user interface is a critical part of an information system -- it is what the users.
Chapter 6 The Process of Interaction Design Presented by: Kinnis Gosha, Michael McGill, Jamey White, and Chiao Huang.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 3, 2004.
12 C H A P T E R Systems Investigation and Analysis and Analysis.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Fundamentals of Information Systems, Second Edition
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
Computers: Tools for an Information Age
4. Interaction Design Overview 4.1. Ergonomics 4.2. Designing complex interactive systems Situated design Collaborative design: a multidisciplinary.
Principles and Methods
User-centered approaches to interaction design. Overview Why involve users at all? What is a user-centered approach? Understanding users’ work —Coherence.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 27, 2005.
IS550: Software requirements engineering Dr. Azeddine Chikh 4. Validation and management.
4. Interaction Design Overview 4.1. Ergonomics 4.2. Designing complex interactive systems Situated design Collaborative design: a multidisciplinary.
Software Construction and Evolution - CSSE 375 Software Documentation 1 Shawn & Steve Right – For programmers, it’s a cultural perspective. He’d feel almost.
Copyright © 2003 by Prentice Hall Computers: Tools for an Information Age Chapter 14 Systems Analysis and Design: The Big Picture.
Systems Analysis and Design: The Big Picture
RUP Requirements RUP Artifacts and Deliverables
CHAPTER 3: Managing Design Processes
Requirements Analysis
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Output and User Interface Design
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Demystifying the Business Analysis Body of Knowledge Central Iowa IIBA Chapter December 7, 2005.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Planning and Writing Your Documents Chapter 6. Start of the Project Start the project by knowing the software you will write about, but you should try.
HCI Prototyping Chapter 6 Prototyping. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “prototyping” –Explain the.
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
Introduction to Interactive Media The Interactive Media Development Process.
Requirements Engineering Requirements Elicitation Process Lecture-8.
Chapter 3: Managing Design Processes
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
1 The Design Process Lecture 6 DeSiaMorewww.desiamore.com/ifm.
Chapter 6 Determining System Requirements. 2 2 What are Requirements? “Requirements are … a specification of what should be implemented. They are descriptions.
1-1 Lecture 30 Enterprise Systems Development ( CSC447 ) COMSATS Islamabad Muhammad Usman, Assistant Professor.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Software Engineering User Interface Design Slide 1 User Interface Design.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Chapter 3 Managing Design Processes. 3.1 Introduction Design should be based on: –User observation Analysis of task frequency and sequences –Prototypes,
Project quality management. Introduction Project quality management includes the process required to ensure that the project satisfies the needs for which.
Chapter 4 Requirements Engineering (3/3) Yonsei University 2 nd Semester, 2015 Sanghyun Park.
The Software Development Process
Systems Development Life Cycle
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Chapter 6: THE EIGHT STEP PROCESS FOCUS: This chapter provides a description of the application of customer-driven project management.
Human Computer Interaction
Requirements Validation
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It describes what is a user doing or will.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It specifies what functions the user will need.
1 The Software Development Process ► Systems analysis ► Systems design ► Implementation ► Testing ► Documentation ► Evaluation ► Maintenance.
William H. Bowers – Requirements Torres 9.
User-centered approaches to interaction design By Haiying Deng Yan Zhu.
CHAPTER 2 SYSTEM PLANNING DFC4013 System Analysis & Design.
Investigating System Requirements
CHAPTER 3: Managing Design Processes
CHAPTER 3: Managing Design Processes
CHAPTER 3: Managing Design Processes
CIS 376 Bruce R. Maxim UM-Dearborn
FORMAL SYSTEM DEVELOPMENT METHODOLOGIES
BSA 376 Competitive Success/snaptutorial.com
BSA 376 Education for Service/snaptutorial.com
SE 204, IES 506 – Human Computer Interaction
CHAPTER 3: Managing Design Processes
Presentation transcript:

Managing Design Processes Chapter 3 Managing Design Processes

Outline Introduction (usability engineering) Three pillars of design Development methodologies Ethnographic observation Participatory design Scenario development

Usability Engineering Usability engineering is a systematic approach to making software easier to use for the individuals who actually use it to get their work done. Like software engineering, it is an evolving science that determines best practices and continually tests and refines its techniques.

The Three Pillars of Design Guidelines documents and processes User-interface software tools Expert reviews and usability testing

Guidelines documents and processes Early in the design process, the UI architects should generate a set of working guidelines Each project has different needs, but guidelines should be considered for: Words, icons, and graphics Terminology, abbreviations, and capitalization Character set, fonts, font sizes, and styles Icons, buttons, graphics, and line thickness Use of color, backgrounds, highlighting, and blinking

► Guidelines documents and processes Screen-layout issues Menu selection, form fill-in, and dialog-box formats Wording of prompts, feedback, and error messages Justification, white space, and margins Data entry and display formats for items and lists Use and contents of headers and footers Input and output devices Keyboard, display, and pointing devices Audible sounds, voice feedback, touch input, … Response time for a variety of tasks Alternatives for users with disabilities

► Guidelines documents and processes Action sequences Direct-manipulation clicking, dragging, dropping, and gestures Command syntax, semantics, and sequences Shortcuts and programmed function keys Error handling and recovery procedures Training Online help and tutorials Training and reference materials

Recommendations for guidelines documents Records decisions for all parties to see Promotes consistency and completeness Facilitates automation of design Allows multiple levels: Rigid standards Accepted practices Flexible guidelines Announces policies for (4 Es): Education: users need training Enforcement: a process to verify that an interface adheres to the guidelines Exemption: room for creative ideas and new technologies Enhancement: reviewing and improving the guidelines

User-interface software tools One difficulty in designing interactive systems is that users may not have a clear idea of what the system will look like. It is difficult, costly, and time-consuming to make major changes to systems after implementation There is no complete solution to this problem but it can be reduced by developing prototypes. Many tools are available for developing prototypes at different levels… Details discussed in Chapter 5.

Expert reviews and usability testing As rehearsals are necessary for theaters, different tests are necessary for aircrafts designers, expert reviews and usability tests are necessary for interactive systems Details discussed in Chapter 4

Developmental Methodologies The Logical User-Centered Interactive Design Methodology (LUCID): http://www.cognetics.com/lucid/ Envision: Develop product vision Discovery: Study users (user and task analysis) Design Foundation: Develop a conceptual design and look Design Detail: Complete specifications Build: Implementing Release: Develop rollout plan; evaluation of installation process

LUCID Stage 1: Envision Develop a clear product vision in agreement with stakeholders – a brief statement that defines the goals, functionality, and benefits of the product. Achieve common vision from stakeholders Identify major user groups Establish preliminary usability goals Understand constraints (technical, schedule, and resources) Establish project plan The Envision stage is complete when... All stakeholders and team members understand their roles and the project vision, and roles and vision have been documented.

LUCID Stage 2: Discovery Analyze users, tasks, and information Develop requirements Techniques: Interviews, contextual inquiry, usability tests, etc. The Discovery stage is complete when... Personas, scenarios, and high-level requirements are approved

LUCID Stage 3: Design Foundation Establish the basic concept of the user interface, its objects, and its metaphors Create the conceptual design Create a key screen prototype that can be tested with users and then approved by management. The Design Foundation stage is complete when... Executive management approves the design direction, embodied in a key screen prototype

LUCID Stage 4: Design Detail Complete the user interface design, producing specifications for developers Complete a style guide containing both the graphic design and UI policy decisions. Conduct usability evaluations of specific screens or workflows. Create detailed layouts for each screen and detailed specifications for each element of each screen. The Design Detail stage is complete when... Specifications are complete, reviewed, and turned over to developers

LUCID Stage 5: Build (Developers) implement and test the product, make it ready for release Answer questions and support developers during coding, redesigning screens if needed. Conduct usability evaluation of critical screens, if necessary. The Build stage is complete when... Development is complete and the product is tested and ready for release

LUCID Stage 6: Release Design and test the out-of-the-box user experience. Develop a rollout plan. Conduct usability evaluation of the installation activity and of the released product. Measure user satisfaction. The Release stage is complete when... All measurement activities are complete and remaining usability issues have been transitioned to new projects

Ethnographic Observation What is Ethnography? Participant observation: joining work or home environments to listen and observe carefully to understand individual behavior, work, and organizational context. It may involve asking questions and participating in activities From anthropology (may continue for weeks and months) For user-interface design, it may continue for days or even hours Disadvantages: It is easy to misinterpret observations and to overlook important information. Also difficult to use the generated data

Guidelines for Ethnographic observation Preparation Understand organization policies and work culture. Familiarize yourself with the system and its history. Set initial goals and prepare questions. Gain access and permission to observe/interview. Field Study Establish rapport with managers and users. Observe/interview users in their workplace and collect subjective/objective quantitative/qualitative data. Record your visits.

► Guidelines for Ethnographic observation Analysis Compile the collected data in numerical, textual, and multimedia databases. Quantify data and compile statistics. Reduce and interpret the data. Reporting Prepare a report and present the findings.

Participatory Design What is participatory design? Designers and users communicate about proposed designs Shared representations of screens etc. Co-design using simple tools such as paper or video scenarios

Participatory Design: Controversy On the positive side, more user involvement brings more accurate information about tasks more opportunity for users to influence design decisions a sense of participation and ownership in users potential for increased user acceptance of final system

► Participatory Design: Controversy On negative side, extensive user involvement may be more costly lengthen the implementation period build antagonism with people not involved or whose suggestions are rejected force designers to compromise their design to satisfy incompetent participants

Participatory Design: Level of participation

Scenario Development Story like descriptions about the usage of the system Represent typical tasks can represent common or emergency situations with both novice and expert users Many uses of scenarios: task description basis of evaluation marketing Tasks descriptions (more formal than scenarios) use-cases (often used these days) transition diagrams flowcharts

Skipped Sections The following sections have been skipped: 3.2 Organizational Design and Support Usability 3.8 Social impact statement for early design review 3.9 Legal issues