SlideShare a Scribd company logo
Software Construction &
Development
User Interface Design
Lecture 5A
User interface design

Designing effective interfaces
for software systems
Objectives

To suggest some general design principles for
user interface design

To explain different interaction styles

To introduce styles of information presentation

To describe the user support which should be
built-in to user interfaces

To introduce usability attributes and system
approaches to system evaluation
Topics covered

User interface design principles

User interaction

Information presentation

User support

Interface evaluation
The user interface

System users often judge a system by its
interface rather than its functionality

A poorly designed interface can cause a user to
make catastrophic errors

Poor user interface design is the reason why so
many software systems are never used
Graphical user interfaces

Most users of business systems interact with
these systems through graphical interfaces
although, in some cases, legacy text-based
interfaces are still used
GUI characteristics
Characteristic Description
Windows Multiple windows allow different information to be
displayed simultaneously on the user’s screen.
Icons Icons different types of information. On some systems,
icons represent files; on others, icons represent
processes.
Menus Commands are selected from a menu rather than typed
in a command language.
Pointing A pointing device such as a mouse is used for selecting
choices from a menu or indicating items of interest in a
window.
Graphics Graphical elements can be mixed with text on the same
display.
GUI advantages

They are easy to learn and use.
• Users without experience can learn to use the system
quickly.

The user may switch quickly from one task to
another and can interact with several different
applications.
• Information remains visible in its own window when
attention is switched.

Fast, full-screen interaction is possible with
immediate access to anywhere on the screen
User interface design process
Executable
prototype
Design
prototype
Produce paper-
based design
prototype
Produce
dynamic design
prototype
Evaluate design
with end-users
Implement
final user
interface
Evaluate design
with end-users
Analyse and
understand user
activities
UI design principles

UI design must take account of the needs,
experience and capabilities of the system users

Designers should be aware of people’s physical
and mental limitations (e.g. limited short-term
memory) and should recognise that people
make mistakes

UI design principles underlie interface designs
although not all principles are applicable to all
designs
User interface design principles
Principle Description
User familiarity The interface should use terms and
concepts which are drawn from the
experience of the people who will make most
use of the system.
Consistency The interface should be consistent in that,
wherever possible, comparable operations
should be activated in the same way.
Minimal surprise Users should never be surprised by the
behaviour of a system.
Recoverability The interface should include mechanisms to
allow users to recover from errors.
User guidance The interface should provide meaningful
feedback when errors occur and provide
context-sensitive user help facilities.
User diversity The interface should provide appropriate
interaction facilities for different types of
system user.
Design principles

User familiarity
• The interface should be based on user-oriented
terms and concepts rather than computer concepts. For example, an
office system should use concepts such as letters, documents,
folders etc. rather than directories, file identifiers, etc.

Consistency
• The system should display an appropriate level
of consistency. Commands and menus should have the same
format, command punctuation should be similar, etc.

Minimal surprise
• If a command operates in a known way, the user should be
able to predict the operation of comparable commands
Design principles

Recoverability
• The system should provide some resilience to
user errors and allow the user to recover from errors. This might
include an undo facility, confirmation of destructive actions, 'soft'
deletes, etc.

User guidance
• Some user guidance such as help systems, on-line manuals, etc.
should be supplied

User diversity
• Interaction facilities for different types of user should be supported.
For example, some users have seeing difficulties and so larger text
should be available

More Related Content

PPT
Lecture (User Interface Design).ppt
PPTX
Software engineering 18 user interface design
PDF
User Interface design & methods for easy utilization
PPTX
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
PPT
10. User Interfacehdbxbxbxbbx Design.ppt
PPT
16 user interfacedesign
PPTX
User Interface DESIGN - A brief summary.pptx
PPT
Ui design final
Lecture (User Interface Design).ppt
Software engineering 18 user interface design
User Interface design & methods for easy utilization
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
10. User Interfacehdbxbxbxbbx Design.ppt
16 user interfacedesign
User Interface DESIGN - A brief summary.pptx
Ui design final

Similar to SD&C chapter software engineeringLec 5A.ppt (20)

PPT
Hci user interface-design principals
PPT
Hci user interface-design principals lec 7
PPTX
User interface design
PPTX
Design Model & User Interface Design in Software Engineering
PPTX
6-User Interface Design_6-User Interface Design.pptx
PPT
User Interface Design in Software Engineering SE15
PPTX
User Interface Design,Principles & process
PPTX
HCI UNIT-I jntuk hci material jntuk.pptx
PDF
User Interface design and analysis Part.1
PPT
Ch11
PPTX
Game interface design part 2
PPTX
UI/UX Design
PPTX
User interface design elements.pptx fyiiyyj
PPTX
Module 1
PPT
SECh1516
PPT
PPTX
User interface webpage
PPT
Ch16
PPT
Human Factors and User Interface Design
PPTX
golden rules of user interface design
Hci user interface-design principals
Hci user interface-design principals lec 7
User interface design
Design Model & User Interface Design in Software Engineering
6-User Interface Design_6-User Interface Design.pptx
User Interface Design in Software Engineering SE15
User Interface Design,Principles & process
HCI UNIT-I jntuk hci material jntuk.pptx
User Interface design and analysis Part.1
Ch11
Game interface design part 2
UI/UX Design
User interface design elements.pptx fyiiyyj
Module 1
SECh1516
User interface webpage
Ch16
Human Factors and User Interface Design
golden rules of user interface design
Ad

More from adnanshaheen425 (16)

PPTX
UMWBDS_ jfjf tfutf yuftf fPresentation.pptx
PPTX
Blood donation hkekh eio hjqehjq society.pptx
PPTX
lecture_EETRYUIOP[SADSFGHJKLTRWETRY2_fm.pptx
PPT
lecture GDTDFYRDYRDYDYRDYRDYRDR _1_fm.ppt
PPT
ch03_DataRateLimitsGUYUHUHHIUHPUI BKH.ppt
PPT
HHDUHDUO UOOYYYOIOUG _MultipleAccess.ppt
PPT
ch07_Tra HGH YIGYG G EYGY nsmissionMedia.ppt
PPTX
Ad BW nbkhuohb hugugBHH NQHBMQUWHnan.pptx
PPTX
nETWORKING LEACTURE 2 HGUYI ULec 2A.pptx
PPTX
Networking chapter jkl; dfghyubLec 1.pptx
PPT
ch3_3_v1.ppt networking ertyu ghyt y uuiqf
PPT
ch2_v1.ppt networking tertyui fdcfjgfybvuu
PPT
formal method chapter 1 lecture_3_fm.pptlecture_3_fm.ppt
PPT
formal method chapter 1 lecture_1_fm.ppt
PPT
Software designe and constractionLec 4B.ppt
PPTX
Cultural Heritage of Mianwali PPT 28-11-2024.pptx
UMWBDS_ jfjf tfutf yuftf fPresentation.pptx
Blood donation hkekh eio hjqehjq society.pptx
lecture_EETRYUIOP[SADSFGHJKLTRWETRY2_fm.pptx
lecture GDTDFYRDYRDYDYRDYRDYRDR _1_fm.ppt
ch03_DataRateLimitsGUYUHUHHIUHPUI BKH.ppt
HHDUHDUO UOOYYYOIOUG _MultipleAccess.ppt
ch07_Tra HGH YIGYG G EYGY nsmissionMedia.ppt
Ad BW nbkhuohb hugugBHH NQHBMQUWHnan.pptx
nETWORKING LEACTURE 2 HGUYI ULec 2A.pptx
Networking chapter jkl; dfghyubLec 1.pptx
ch3_3_v1.ppt networking ertyu ghyt y uuiqf
ch2_v1.ppt networking tertyui fdcfjgfybvuu
formal method chapter 1 lecture_3_fm.pptlecture_3_fm.ppt
formal method chapter 1 lecture_1_fm.ppt
Software designe and constractionLec 4B.ppt
Cultural Heritage of Mianwali PPT 28-11-2024.pptx
Ad

Recently uploaded (20)

PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Complications of Minimal Access Surgery at WLH
PDF
Classroom Observation Tools for Teachers
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Insiders guide to clinical Medicine.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Business Ethics Teaching Materials for college
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PPTX
PPH.pptx obstetrics and gynecology in nursing
Supply Chain Operations Speaking Notes -ICLT Program
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Complications of Minimal Access Surgery at WLH
Classroom Observation Tools for Teachers
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
Origin of periodic table-Mendeleev’s Periodic-Modern Periodic table
102 student loan defaulters named and shamed – Is someone you know on the list?
Insiders guide to clinical Medicine.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Pharmacology of Heart Failure /Pharmacotherapy of CHF
Module 4: Burden of Disease Tutorial Slides S2 2025
Business Ethics Teaching Materials for college
human mycosis Human fungal infections are called human mycosis..pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
O5-L3 Freight Transport Ops (International) V1.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PPH.pptx obstetrics and gynecology in nursing

SD&C chapter software engineeringLec 5A.ppt

  • 1. Software Construction & Development User Interface Design Lecture 5A
  • 2. User interface design  Designing effective interfaces for software systems
  • 3. Objectives  To suggest some general design principles for user interface design  To explain different interaction styles  To introduce styles of information presentation  To describe the user support which should be built-in to user interfaces  To introduce usability attributes and system approaches to system evaluation
  • 4. Topics covered  User interface design principles  User interaction  Information presentation  User support  Interface evaluation
  • 5. The user interface  System users often judge a system by its interface rather than its functionality  A poorly designed interface can cause a user to make catastrophic errors  Poor user interface design is the reason why so many software systems are never used
  • 6. Graphical user interfaces  Most users of business systems interact with these systems through graphical interfaces although, in some cases, legacy text-based interfaces are still used
  • 7. GUI characteristics Characteristic Description Windows Multiple windows allow different information to be displayed simultaneously on the user’s screen. Icons Icons different types of information. On some systems, icons represent files; on others, icons represent processes. Menus Commands are selected from a menu rather than typed in a command language. Pointing A pointing device such as a mouse is used for selecting choices from a menu or indicating items of interest in a window. Graphics Graphical elements can be mixed with text on the same display.
  • 8. GUI advantages  They are easy to learn and use. • Users without experience can learn to use the system quickly.  The user may switch quickly from one task to another and can interact with several different applications. • Information remains visible in its own window when attention is switched.  Fast, full-screen interaction is possible with immediate access to anywhere on the screen
  • 9. User interface design process Executable prototype Design prototype Produce paper- based design prototype Produce dynamic design prototype Evaluate design with end-users Implement final user interface Evaluate design with end-users Analyse and understand user activities
  • 10. UI design principles  UI design must take account of the needs, experience and capabilities of the system users  Designers should be aware of people’s physical and mental limitations (e.g. limited short-term memory) and should recognise that people make mistakes  UI design principles underlie interface designs although not all principles are applicable to all designs
  • 11. User interface design principles Principle Description User familiarity The interface should use terms and concepts which are drawn from the experience of the people who will make most use of the system. Consistency The interface should be consistent in that, wherever possible, comparable operations should be activated in the same way. Minimal surprise Users should never be surprised by the behaviour of a system. Recoverability The interface should include mechanisms to allow users to recover from errors. User guidance The interface should provide meaningful feedback when errors occur and provide context-sensitive user help facilities. User diversity The interface should provide appropriate interaction facilities for different types of system user.
  • 12. Design principles  User familiarity • The interface should be based on user-oriented terms and concepts rather than computer concepts. For example, an office system should use concepts such as letters, documents, folders etc. rather than directories, file identifiers, etc.  Consistency • The system should display an appropriate level of consistency. Commands and menus should have the same format, command punctuation should be similar, etc.  Minimal surprise • If a command operates in a known way, the user should be able to predict the operation of comparable commands
  • 13. Design principles  Recoverability • The system should provide some resilience to user errors and allow the user to recover from errors. This might include an undo facility, confirmation of destructive actions, 'soft' deletes, etc.  User guidance • Some user guidance such as help systems, on-line manuals, etc. should be supplied  User diversity • Interaction facilities for different types of user should be supported. For example, some users have seeing difficulties and so larger text should be available