![Page 1: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/2.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/3.jpg)
What is usability?
![Page 4: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/4.jpg)
Know the users ( Who are ?)
![Page 5: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/5.jpg)
Define Usability Objective
![Page 6: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/6.jpg)
![Page 7: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/7.jpg)
![Page 8: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/8.jpg)
![Page 9: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/9.jpg)
![Page 10: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/10.jpg)
![Page 11: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/11.jpg)
Usability Engineering Life-cycle
![Page 12: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/12.jpg)
Requirements analysis
• User profile
• Task profile
• Environment Profile
• General design guidelines
![Page 13: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/13.jpg)
design
• Conceptual model mockups----prototype
• Design standards
• Detailed user interface design
![Page 14: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/14.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/15.jpg)
Prototypes
![Page 16: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/16.jpg)
Empirical testing
![Page 17: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/17.jpg)
Iteration Design
Prototype
![Page 18: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/18.jpg)
User Feedback
![Page 19: Graphical User Interface Chapter Two Usability Engineering](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/19.jpg)
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](https://reader030.vdocuments.us/reader030/viewer/2022020700/61f5625199518a1357630908/html5/thumbnails/20.jpg)
Further readings: