SlideShare a Scribd company logo
2
Most read
3
Most read
9
Most read
Software Engineering: 18
User Interface Design
Prof Neeraj Bhargava
Vaibhav Khanna
Department of Computer Science
School of Engineering and Systems Sciences
Maharshi Dayanand Saraswati University Ajmer
User interface design
• Designing effective interfaces for software
systems
• 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
Software engineering 18 user interface design
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-centred design
• The aim of this chapter is to sensitise software
engineers to key issues underlying the design
rather than the implementation of user interfaces
• User-centred design is an approach to UI design
where the needs of the user are paramount and
where the user is involved in the design process
• UI design always involves the development of
prototype interfaces
User interface design process
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
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
Assignment
• Explain the User Interface Design, the process
of UI design and the Design Principles
• Thank You

More Related Content

PDF
CS8791 Cloud Computing - Question Bank
pkaviya
 
PPTX
NIST Cloud Computing Reference Architecture
Thanakrit Lersmethasakul
 
PPT
User Interface Design in Software Engineering SE15
koolkampus
 
PPTX
User interface design
Naveen Sagayaselvaraj
 
PPTX
User Interface Analysis and Design
Saqib Raza
 
PPT
Agile software development
Muhammad Amjad Rana
 
PPT
Architecture design in software engineering
Preeti Mishra
 
PPT
Software Engineering ppt
shruths2890
 
CS8791 Cloud Computing - Question Bank
pkaviya
 
NIST Cloud Computing Reference Architecture
Thanakrit Lersmethasakul
 
User Interface Design in Software Engineering SE15
koolkampus
 
User interface design
Naveen Sagayaselvaraj
 
User Interface Analysis and Design
Saqib Raza
 
Agile software development
Muhammad Amjad Rana
 
Architecture design in software engineering
Preeti Mishra
 
Software Engineering ppt
shruths2890
 

What's hot (20)

PPTX
Usability Engineering Presentation Slides
wajahat Gul
 
PPTX
Hci in software process
rida mariam
 
PPTX
Constraints of designing for mobile devices
K Senthil Kumar
 
PPT
CHAPTER 6 REQUIREMENTS MODELING: SCENARIO based Model , Class based moddel
mohamed khalaf alla mohamedain
 
PPTX
CLOUD COMPUTING SERVICES - Cloud Reference Modal
SwarnaSLcse
 
PPT
Software architecture
nazn
 
PPT
Uml diagrams
barney92
 
PPTX
Model Based Software Architectures
Munazza-Mah-Jabeen
 
PPTX
Importance & Principles of Modeling from UML Designing
ABHISHEK KUMAR
 
PPT
Cloud Computing Security Challenges
Yateesh Yadav
 
PPTX
Common Standards in Cloud Computing
mrzahidfaiz.blogspot.com
 
PDF
Software requirements
Dr. Loganathan R
 
PPTX
Human Computer Interaction Chapter 3 HCI in the Software Process and Design ...
VijiPriya Jeyamani
 
PPTX
Software maintenance
Rajeev Sharan
 
PPT
Introduction to design patterns
Amit Kabra
 
PPTX
Replication in Distributed Systems
Kavya Barnadhya Hazarika
 
PPT
UML Diagrams
Kartik Raghuvanshi
 
PPT
Analysis modeling & scenario based modeling
Benazir Fathima
 
PPT
Software Prototyping
drjms
 
PPT
Cloud analytics
gaurav jain
 
Usability Engineering Presentation Slides
wajahat Gul
 
Hci in software process
rida mariam
 
Constraints of designing for mobile devices
K Senthil Kumar
 
CHAPTER 6 REQUIREMENTS MODELING: SCENARIO based Model , Class based moddel
mohamed khalaf alla mohamedain
 
CLOUD COMPUTING SERVICES - Cloud Reference Modal
SwarnaSLcse
 
Software architecture
nazn
 
Uml diagrams
barney92
 
Model Based Software Architectures
Munazza-Mah-Jabeen
 
Importance & Principles of Modeling from UML Designing
ABHISHEK KUMAR
 
Cloud Computing Security Challenges
Yateesh Yadav
 
Common Standards in Cloud Computing
mrzahidfaiz.blogspot.com
 
Software requirements
Dr. Loganathan R
 
Human Computer Interaction Chapter 3 HCI in the Software Process and Design ...
VijiPriya Jeyamani
 
Software maintenance
Rajeev Sharan
 
Introduction to design patterns
Amit Kabra
 
Replication in Distributed Systems
Kavya Barnadhya Hazarika
 
UML Diagrams
Kartik Raghuvanshi
 
Analysis modeling & scenario based modeling
Benazir Fathima
 
Software Prototyping
drjms
 
Cloud analytics
gaurav jain
 
Ad

Similar to Software engineering 18 user interface design (20)

PPT
Lecture (User Interface Design).ppt
skknowledge
 
PPT
SD&C chapter software engineeringLec 5A.ppt
adnanshaheen425
 
PPTX
User Interface Design,Principles & process
Abd-Ur Rehman Saqib
 
PDF
User Interface design and analysis Part.1
gamehack378
 
PPT
Ch11
蕭美蓮
 
PPT
10. User Interfacehdbxbxbxbbx Design.ppt
patelharshy27
 
PPTX
User Interface DESIGN - A brief summary.pptx
DukeCalvin
 
PPT
Ui design final
Indu Sharma Bhardwaj
 
PPTX
Design Model & User Interface Design in Software Engineering
Meghaj Mallick
 
PPT
16 user interfacedesign
randhirlpu
 
PPTX
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
DennisAnaafi1
 
PPTX
UI/UX Design
sumit singh
 
PPS
User Interface Design @iRajLal
Raj Lal
 
PPTX
Game interface design part 2
Durgesh Pandey
 
PPTX
6-User Interface Design_6-User Interface Design.pptx
MuhammadAbubakar114879
 
PDF
User Interface design & methods for easy utilization
Dipali M
 
PPT
Hci user interface-design principals
Anwal Mirza
 
PPT
Hci user interface-design principals lec 7
Anwal Mirza
 
PPTX
Unit 7 performing user interface design
Preeti Mishra
 
PPTX
System Analysis and Design
May Belleza
 
Lecture (User Interface Design).ppt
skknowledge
 
SD&C chapter software engineeringLec 5A.ppt
adnanshaheen425
 
User Interface Design,Principles & process
Abd-Ur Rehman Saqib
 
User Interface design and analysis Part.1
gamehack378
 
Ch11
蕭美蓮
 
10. User Interfacehdbxbxbxbbx Design.ppt
patelharshy27
 
User Interface DESIGN - A brief summary.pptx
DukeCalvin
 
Ui design final
Indu Sharma Bhardwaj
 
Design Model & User Interface Design in Software Engineering
Meghaj Mallick
 
16 user interfacedesign
randhirlpu
 
Slide 4 - User Interface Design.pptx interface rather than its functionality ...
DennisAnaafi1
 
UI/UX Design
sumit singh
 
User Interface Design @iRajLal
Raj Lal
 
Game interface design part 2
Durgesh Pandey
 
6-User Interface Design_6-User Interface Design.pptx
MuhammadAbubakar114879
 
User Interface design & methods for easy utilization
Dipali M
 
Hci user interface-design principals
Anwal Mirza
 
Hci user interface-design principals lec 7
Anwal Mirza
 
Unit 7 performing user interface design
Preeti Mishra
 
System Analysis and Design
May Belleza
 
Ad

More from Vaibhav Khanna (20)

PPTX
Information and network security 47 authentication applications
Vaibhav Khanna
 
PPTX
Information and network security 46 digital signature algorithm
Vaibhav Khanna
 
PPTX
Information and network security 45 digital signature standard
Vaibhav Khanna
 
PPTX
Information and network security 44 direct digital signatures
Vaibhav Khanna
 
PPTX
Information and network security 43 digital signatures
Vaibhav Khanna
 
PPTX
Information and network security 42 security of message authentication code
Vaibhav Khanna
 
PPTX
Information and network security 41 message authentication code
Vaibhav Khanna
 
PPTX
Information and network security 40 sha3 secure hash algorithm
Vaibhav Khanna
 
PPTX
Information and network security 39 secure hash algorithm
Vaibhav Khanna
 
PPTX
Information and network security 38 birthday attacks and security of hash fun...
Vaibhav Khanna
 
PPTX
Information and network security 37 hash functions and message authentication
Vaibhav Khanna
 
PPTX
Information and network security 35 the chinese remainder theorem
Vaibhav Khanna
 
PPTX
Information and network security 34 primality
Vaibhav Khanna
 
PPTX
Information and network security 33 rsa algorithm
Vaibhav Khanna
 
PPTX
Information and network security 32 principles of public key cryptosystems
Vaibhav Khanna
 
PPTX
Information and network security 31 public key cryptography
Vaibhav Khanna
 
PPTX
Information and network security 30 random numbers
Vaibhav Khanna
 
PPTX
Information and network security 29 international data encryption algorithm
Vaibhav Khanna
 
PPTX
Information and network security 28 blowfish
Vaibhav Khanna
 
PPTX
Information and network security 27 triple des
Vaibhav Khanna
 
Information and network security 47 authentication applications
Vaibhav Khanna
 
Information and network security 46 digital signature algorithm
Vaibhav Khanna
 
Information and network security 45 digital signature standard
Vaibhav Khanna
 
Information and network security 44 direct digital signatures
Vaibhav Khanna
 
Information and network security 43 digital signatures
Vaibhav Khanna
 
Information and network security 42 security of message authentication code
Vaibhav Khanna
 
Information and network security 41 message authentication code
Vaibhav Khanna
 
Information and network security 40 sha3 secure hash algorithm
Vaibhav Khanna
 
Information and network security 39 secure hash algorithm
Vaibhav Khanna
 
Information and network security 38 birthday attacks and security of hash fun...
Vaibhav Khanna
 
Information and network security 37 hash functions and message authentication
Vaibhav Khanna
 
Information and network security 35 the chinese remainder theorem
Vaibhav Khanna
 
Information and network security 34 primality
Vaibhav Khanna
 
Information and network security 33 rsa algorithm
Vaibhav Khanna
 
Information and network security 32 principles of public key cryptosystems
Vaibhav Khanna
 
Information and network security 31 public key cryptography
Vaibhav Khanna
 
Information and network security 30 random numbers
Vaibhav Khanna
 
Information and network security 29 international data encryption algorithm
Vaibhav Khanna
 
Information and network security 28 blowfish
Vaibhav Khanna
 
Information and network security 27 triple des
Vaibhav Khanna
 

Recently uploaded (20)

PPTX
PFAS Reporting Requirements 2026 Are You Submission Ready Certivo.pptx
Certivo Inc
 
PPT
Why Reliable Server Maintenance Service in New York is Crucial for Your Business
Sam Vohra
 
PDF
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
PPTX
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
PPTX
Presentation about variables and constant.pptx
kr2589474
 
PDF
Protecting the Digital World Cyber Securit
dnthakkar16
 
PPTX
The-Dawn-of-AI-Reshaping-Our-World.pptxx
parthbhanushali307
 
PPTX
Presentation about variables and constant.pptx
safalsingh810
 
PDF
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
PDF
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
PDF
Balancing Resource Capacity and Workloads with OnePlan – Avoid Overloading Te...
OnePlan Solutions
 
PDF
lesson-2-rules-of-netiquette.pdf.bshhsjdj
jasmenrojas249
 
PDF
49784907924775488180_LRN2959_Data_Pump_23ai.pdf
Abilash868456
 
PDF
An Experience-Based Look at AI Lead Generation Pricing, Features & B2B Results
Thomas albart
 
PPTX
GALILEO CRS SYSTEM | GALILEO TRAVEL SOFTWARE
philipnathen82
 
PDF
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
PDF
49785682629390197565_LRN3014_Migrating_the_Beast.pdf
Abilash868456
 
DOCX
Can You Build Dashboards Using Open Source Visualization Tool.docx
Varsha Nayak
 
PPTX
Web Testing.pptx528278vshbuqffqhhqiwnwuq
studylike474
 
PDF
Appium Automation Testing Tutorial PDF: Learn Mobile Testing in 7 Days
jamescantor38
 
PFAS Reporting Requirements 2026 Are You Submission Ready Certivo.pptx
Certivo Inc
 
Why Reliable Server Maintenance Service in New York is Crucial for Your Business
Sam Vohra
 
Key Features to Look for in Arizona App Development Services
Net-Craft.com
 
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
Presentation about variables and constant.pptx
kr2589474
 
Protecting the Digital World Cyber Securit
dnthakkar16
 
The-Dawn-of-AI-Reshaping-Our-World.pptxx
parthbhanushali307
 
Presentation about variables and constant.pptx
safalsingh810
 
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
On Software Engineers' Productivity - Beyond Misleading Metrics
Romén Rodríguez-Gil
 
Balancing Resource Capacity and Workloads with OnePlan – Avoid Overloading Te...
OnePlan Solutions
 
lesson-2-rules-of-netiquette.pdf.bshhsjdj
jasmenrojas249
 
49784907924775488180_LRN2959_Data_Pump_23ai.pdf
Abilash868456
 
An Experience-Based Look at AI Lead Generation Pricing, Features & B2B Results
Thomas albart
 
GALILEO CRS SYSTEM | GALILEO TRAVEL SOFTWARE
philipnathen82
 
New Download MiniTool Partition Wizard Crack Latest Version 2025
imang66g
 
49785682629390197565_LRN3014_Migrating_the_Beast.pdf
Abilash868456
 
Can You Build Dashboards Using Open Source Visualization Tool.docx
Varsha Nayak
 
Web Testing.pptx528278vshbuqffqhhqiwnwuq
studylike474
 
Appium Automation Testing Tutorial PDF: Learn Mobile Testing in 7 Days
jamescantor38
 

Software engineering 18 user interface design

  • 1. Software Engineering: 18 User Interface Design Prof Neeraj Bhargava Vaibhav Khanna Department of Computer Science School of Engineering and Systems Sciences Maharshi Dayanand Saraswati University Ajmer
  • 2. User interface design • Designing effective interfaces for software systems • 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
  • 3. 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
  • 5. 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
  • 6. User-centred design • The aim of this chapter is to sensitise software engineers to key issues underlying the design rather than the implementation of user interfaces • User-centred design is an approach to UI design where the needs of the user are paramount and where the user is involved in the design process • UI design always involves the development of prototype interfaces
  • 8. 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
  • 10. 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
  • 11. 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
  • 12. Assignment • Explain the User Interface Design, the process of UI design and the Design Principles • Thank You