Graphical User Interface Chapter Two Usability Engineering ...

20
Graphical User Interface Chapter Two Usability Engineering Life Cycle Editor Dr Taha Hussein Rassem Faculty of Computer Systems and Software Engineering [email protected]

Transcript of Graphical User Interface Chapter Two Usability Engineering ...

Page 1: Graphical User Interface Chapter Two Usability Engineering ...

Graphical User Interface

Chapter Two

Usability Engineering Life Cycle

Editor

Dr Taha Hussein RassemFaculty of Computer Systems and Software

Engineering [email protected]

Page 2: Graphical User Interface Chapter Two Usability Engineering ...

Chapter Description

• Aims

To understand the concept of usability and usability objectives.

To explain the parallel design and participatory design concepts.

To explore the usability life cycle.

• Expected Outcomes

– Understand the usability concept, objectives as well as usability life cycle

• References

Wilbert O. Galitz, The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques, John Wiley & Sons Inc, 2007.

Jenifer Tidwell, Designing Interfaces, O'Reilly, 2011

Jeff Johnson, Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules , Morgan Kaufman Publisher, 2010

Page 3: Graphical User Interface Chapter Two Usability Engineering ...

What is usability?

Page 4: Graphical User Interface Chapter Two Usability Engineering ...

Know the users ( Who are ?)

Page 5: Graphical User Interface Chapter Two Usability Engineering ...

Define Usability Objective

Page 6: Graphical User Interface Chapter Two Usability Engineering ...
Page 7: Graphical User Interface Chapter Two Usability Engineering ...
Page 8: Graphical User Interface Chapter Two Usability Engineering ...
Page 9: Graphical User Interface Chapter Two Usability Engineering ...
Page 10: Graphical User Interface Chapter Two Usability Engineering ...
Page 11: Graphical User Interface Chapter Two Usability Engineering ...

Usability Engineering Life-cycle

Page 12: Graphical User Interface Chapter Two Usability Engineering ...

Requirements analysis

• User profile

• Task profile

• Environment Profile

• General design guidelines

Page 13: Graphical User Interface Chapter Two Usability Engineering ...

design

• Conceptual model mockups----prototype

• Design standards

• Detailed user interface design

Page 14: Graphical User Interface Chapter Two Usability Engineering ...

Prototyping

• Model for product or system (including software)

• Fast developing, low cost, changeable till satisfy

• Product prototyping – user interface usability testing

Page 15: Graphical User Interface Chapter Two Usability Engineering ...

Prototypes

Page 16: Graphical User Interface Chapter Two Usability Engineering ...

Empirical testing

Page 17: Graphical User Interface Chapter Two Usability Engineering ...

Iteration Design

Prototype

Page 18: Graphical User Interface Chapter Two Usability Engineering ...

User Feedback

Page 19: Graphical User Interface Chapter Two Usability Engineering ...

Flowchart of a complete GUI design and

evaluation process

Executableprototype

Designprototype

Produce paper-based design

prototype

Producedynamic design

prototype

Evaluate designwith end-users

Implementfinal userinterface

Evaluate designwith end-users

Analyse andunderstand user

activities

Page 20: Graphical User Interface Chapter Two Usability Engineering ...

Further readings: