editted and revised by razan salman. software engineering and the design process for interactive...

28
HCI in the Software Process Editted and revised by Razan Salman

Upload: junior-floyd

Post on 30-Dec-2015

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

HCI in the Software Process

Editted and revised by Razan Salman

Page 2: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Software engineering and the design process for interactive systems

Usability engineering

Iterative design and prototyping

Design rationale

Overview

Page 3: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Software Engineering

• What is engineering?– It is the structured application of scientific

techniques to the development of a product

• The Idea– Treat software engineering the same

• This means…– Finding the “scientific techniques” or activities

required in software development, – and Enforcing “structure” on them, and ordering

them in time in a development project– Result: software lifecycle

Page 4: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Software engineering is the discipline for understanding the software design process, or life cycle

Designing for usability occurs at all stages of the life cycle, not as a single isolated activity

The Software Lifecycle

Page 5: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

The waterfall Model

Requirements Specification

Architectural Design

Detailed Design

Coding & Unit Testing

Integration & Testing

Operation & Maintenance

The structure imposed on the development of a software product.

Sequential-Phases should be followed in

order.

Page 6: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Requirements specification◦ Designer and customer capture what the system should provide◦ Expressed in natural language, or more precise languages via a

task analysis

Architectural design◦ High-level description of how the system provides the services

required◦ Divide into system components and how they interrelate◦ Satisfy functional and non-functional requirements◦ Non—functional requirements Those features not directly related to services provided, but that

relate to the manner in which services are provided E.g., efficiently, reliability, timing, safety

Activities in the Life Cycle

Page 7: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Detailed design◦ Refinement of architectural components and interrelations

to identify modules to be implemented separately◦ Refinement is governed by the non-functional requirements

Coding and unit testing◦ Implement in a computer language◦ Formal methods

A field of research seeking to automate the coding Views transformation from “detailed design” to

“implementation” as a transformation from one mathematical expression to another (hard!)

◦ Unit testing Verify according to test criteria determined earlier Some research in “automatic” generation of test

Activities in the Life Cycle (2)

Page 8: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Integration and testing◦ Combine modules that interact◦ Some acceptance testing with customer to ensure

requirements are met◦ Acceptance by “outside authority” (aircraft certification,

ISO9241), if necessary Operation and maintenance

◦ Includes all work on system, after product release◦ Majority of a product’s lifetime occurs in this phases◦ Activities include Correct errors, discovered after release Revision of system services to satisfy requirements

◦ Maintenance phase provides feedback to all other phases

Activities in the Life Cycle (3)

Page 9: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Simple and easy to use. Easy to manage due to the rigidity of the

model – each phase has specific deliverables and a review process.

Phases are processed and completed one at a time.

Works well for smaller projects where requirements are very well understood.

Advantages of the Waterfall Model

Page 10: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Adjusting scope during the life cycle can kill a project

No working software is produced until late during the life cycle.

High amounts of risk and uncertainty. Poor model for complex and object-oriented

projects. Poor model for long and on-going projects. Poor model where requirements are at a

moderate to high risk of changing.

Disadvantages of the Waterfall Model

Page 11: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

http://codebetter.com/raymondlewallen/2005/07/13/software-development-life-cycle-models/

Go to the link and take a look at the different models of the software lifecycle.

Page 12: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Verification◦ Designing the product right

Validation◦ Designing the right product

 The formality gap◦ Validation will always rely to some extent on subjective

means of proof Management and contractual issues

◦ Design in commercial and legal contexts

Verification and Validation

Real-worldrequirementsand constraints are often subjective

The formality gap

Page 13: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

cannot assume a linear sequence of activities as in the waterfall model

Lots of Feedback

Lifecycle for Interactive Systems

Requirementsspecification

Requirementsspecification

Architecturaldesign

Architecturaldesign

Detaileddesign

Detaileddesign

Coding andunit testing

Coding andunit testing

Integrationand testingIntegrationand testing

Operation andmaintenance

Operation andmaintenance

Page 14: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Ultimate test of usability Based on measurement of user experience Usability engineering demands specific usability

measures as requirements Usability specification

◦ Usability attribute/principle◦ Measuring concept◦ Measuring method◦ Current level, worst case, planned level, best case

Problems◦ Usability specification requires level of detail that may not be

known early in design◦ Satisfying a usability specification does not necessaril6y satisfy

usability

Usability Engineering

Page 15: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Attribute: Backward recoverability

Measuring concept: Undo an erroneous programming sequence

Measuring method: Number of explicit user actionsto undo current program

Now level: No current product allows such an undo Worst case: As many actions as it takes to

program-in mistake Planned level: A maximum of two explicit user actions Best case: One explicit cancel action

Usability Specification for a VCR

Page 16: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Adopts traditional usability categories: Effectiveness

◦ can you achieve what you want to? Efficiency

◦ can you do it without wasting effort? Satisfaction

◦ do you enjoy the process?

ISO usability standard 9241

Page 17: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Usability Effectiveness Efficiency Satisfactionobjective measures measures measures

Suitability Percentage of Time to Rating scale for the task goals achieved complete a task for satisfaction

Appropriate for Number of power Relative efficiency Rating scale fortrained users features used compared with satisfaction with

an expert user power features

Learnability Percentage of Time to learn Rating scale forfunctions learned criterion ease of learning

Error tolerance Percentage of Time spent on Rating scale for errors corrected correcting errors error handling successfully

Metrics from ISO 9241

Page 18: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Iterative design overcomes inherent problems of incomplete requirements

Works to incorporate crucial customer feedback early in the design process to inform critical decisions which affect usability.

Iterative Design and Prototyping

Test

Analyze Results

Design

Deployment of Final Product

Customer feedback

Page 19: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Prototypes◦ simulate or animate some features of intended system◦ different types of prototypes

throw-away incremental evolutionary

Management issues◦ time◦ planning◦ non-functional features◦ contracts

Iterative Design and Prototyping (2)

Page 20: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Storyboards◦ Simplest notion of prototype. ◦ Need not be computer-based◦ Can be animated◦ A graphical representation of the outward appearance of the

intended system, without any accompanying system functionality.

Limited functionality simulations◦ Some part of system functionality provided by designers◦ Tools like HyperCard are common for these ◦ Wizard of Oz technique

Warning about iterative design◦ Design inertia – early bad decisions stay bad◦ Diagnosing real usability problems in prototypes…. and not just the

symptoms

Techniques for Prototyping

Page 21: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Design rationale is information that explains why a computer system is the way it is.

Benefits of design rationale◦ communication throughout life cycle◦ reuse of design knowledge across products◦ enforces design discipline◦ presents arguments for design trade-offs◦ organizes potentially large design space◦ capturing contextual information

Design Rationale

Page 22: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Types of design rationale: Process-oriented

◦ preserves order of deliberation and decision-making Structure-oriented

◦ emphasizes post hoc structuring of considered design alternatives

Two examples:◦ Issue-based information system (IBIS)◦ Design space analysis

Design Rationale (2)

Page 23: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Basis for much of design rationale research Process-oriented Main elements:

◦ Issues– Hierarchical structure with one ‘root’ issue

◦ Positions– Potential resolutions of an issue

◦ Arguments– Modify the relationship between positions and issues

gIBIS is a graphical version

Issue-based Information System (IBIS)

Page 24: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Structure of gIBIS

Sub-issue

Issue

Sub-issue

Sub-issue

Position

Position

Argument

Argument

responds to

responds toobjects to

supports

questions

generalizes

specializes

Page 25: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

Structure-oriented QOC – hierarchical structure:

◦ Questions (and sub-questions) Represent major issues of a design

◦ Options Provide alternative solutions to the question

◦ Criteria The means to assess the options in order to make a choice

DRL – Similar to QOC with a larger language and more formal semantics

Design Space Analysis

Page 26: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

The QOC notation

Question

Option

Option

Option

Criterion

Criterion

Criterion

Question … ConsequentQuestion

Page 27: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

To support task-artefact cycle in which user tasks are affected by the systems they use

Aims to make explicit consequences of design for users

Designers identify tasks system will support

Scenarios are suggested to test task

Users are observed on system

Psychological claims of system made explicit

Negative aspects of design can be used to improve next iteration of design

Psychological Design Rationale

Page 28: Editted and revised by Razan Salman.  Software engineering and the design process for interactive systems  Usability engineering  Iterative design

The software engineering life cycle◦ distinct activities and the consequences for interactive

system designUsability engineering

◦ making usability measurements explicit as requirementsIterative design and prototyping

◦ limited functionality simulations and animationsDesign rationale

◦ recording design knowledge◦ process vs. structure

Summary