SlideShare a Scribd company logo
The Golden Rules
Name: Amit Singh Baghel
Email:amitsb3747@gmail.com
What is User Interface Design?
The design of user interfaces
for machines and software with
the focus on maximizing usability and
the user experience. The goal of user
interface design is to make the user's
interaction as simple and efficient as
possible, in terms of accomplishing
user goals.
“A user interface is like a joke. If you
have to explain it, it’s not that good.
“What happens if we have to explain it ?
Or
The result of a poor UI ?
Google Wave that failed due to its poor UI design.
The Golden Rules by Theo Mandel - Software Engineering
What should we do to make a good UI?
We should follow the
Three Golden Rules
coined by Mr. Theo
Mandel, Ph.D.
The basis for a set of UI
design principles that
guide this important
aspect of software
design.
The Golden Rules
▧ Place the user in control
▧ Reduce the user’s memory load
▧ Make the interface consistent
1. Place the user in control
"What I really would like,” said the user solemnly,
“is a system that reads my mind. It knows what I
want to do before I need to do it and makes it very
easy for me to get it done. That’s all, just that.”
-During a requirements-gathering session, a
key user was asked about the attributes of the
window-oriented graphical interface.
1. Place the user in control
Users want to control the computer but does not
want to be controlled by the computer. So, user
interface constraints specified by the designer
must simplify the mode of user's interaction with
the computer. User interface must not frustrate the
user.
1. Place the user in control
Define interaction modes in a way that
does not force a user into unnecessary
or undesired actions.
1.
The user should always be able to enter and exit the mode
with little or no effort.
1. Place the user in control
Provide for flexible interaction2.
Different users have
different interaction
preferences, choices
should be provided.
Drawing complex
shapes via
keyboard commands
frustrates users but
doing the same via
mouse is simple.
1. Place the user in control
Allow user interaction to be interruptible
and undoable.
3.
User should be able to interrupt even when in a sequence
of actions but without losing any progress. Also, any user
action must be undoable.
User should be able to interrupt even when in a sequence
of actions but without losing any progress. Also, any user
action must be undoable.
1. Place the user in control
Streamline interaction as skill levels
advance and allow the interaction to
be customized.
4.
Users may be normal people or computer experts.
Users of different skill levels should be able to interact
with a program at different levels.
Users may be normal people or computer experts.
Users of different skill levels should be able to interact
with a program at different levels.
1. Place the user in control
Hide technical internals from the casual
user.
5.
The user should not be aware of the operating system, file
management functions, or other arcane computing technology.
1. Place the user in control
Design for direct interaction with objects
that appear on the screen.
6.
The user feels a sense
of control when able to
manipulate the objects that
are necessary to perform a
task in a manner similar to
what would occur if the
object were a physical thing
The user feels a sense of control when able to manipulate
the objects that are necessary to perform a task in a
manner similar to what would occur if the object were a
physical thing.
2.Reduce the User’s Memory Load
A software must not force a user to memorize
anything. On the other hand, it should provide
recall feature to provide data when it is needed by
storing it in its memory.
2.Reduce the User’s Memory Load
Reduce demand on short-term memory.1.
User Interface must be designed such that visual cues are
provided to the user which helps him/her in reusing
previous results etc.
2.Reduce the User’s Memory Load
Establish meaningful defaults.2.
The default values of such properties must be meaningful
i.e. generally used.
The user must be able to change the properties if he/she
wants to. Also, user must be able to reset the properties to
their default values.
The default values of such properties must be meaningful
i.e. generally used.
The user must be able to change the properties if he/she
wants to. Also, user must be able to reset the properties to
their default values.
2.Reduce the User’s Memory Load
Define shortcuts that are intuitive.3.
The shortcuts must be designed such that they are easy
to remember i.e. Ctrl + C to copy is easy to remember as
C is for Copy etc.
Let’s match the column.
Cloud
Battery
Add User
Photos
2.Reduce the User’s Memory Load
The visual layout of the interface should
be based on a real-world metaphor.
4.
Real-world
metaphor
enables the
user to rely on
well-
understood
visual cues,
rather than
memorizing an
arcane
interaction
sequence.
2.Reduce the User’s Memory Load
Disclose information in a progressive
fashion.
4.
According to this principle, user interface must be such
that general underline must be shown at low levels of
abstractions and users can go to higher levels of
abstraction by a mouse click etc,.
3.Make the Interface Consistent
This includes organization of visual information
according to design rules common to all types of
screens, defining and implementing mechanisms
for navigation from task to task consistently etc,.
3.Make the Interface Consistent
Allow the user to put the current task into
a meaningful context.
1.
The interface must be in a way that enables the users to know
the context of the current task. So, there should be some
indicators which say from which task did the user come here
and to which task he/she can go from here
The Golden Rules by Theo Mandel - Software Engineering
3.Make the Interface Consistent
Maintain consistency across a complete
product line.
2.
This rule suggests that a set of software applications should
implement same design rules if possible so that interaction gets
easier with time
Product 1 : Product 2 :
3.Make the Interface Consistent
If past interactive models have created
user expectations, do not make changes
unless there is a compelling reason to do
so.
3.
Suppose a special feature or an UI is provided in a previous
version of the software application and its popular among its
users, do not try to remove it or change it.
References
http://www.indiastudychannel.com/resources/1698
60-User-Interface-Design-Golden-Rules.aspx
https://en.wikipedia.org/wiki/User_interface_design
Credits
Tool used to make images Balsamiq.
Some images taken from GoodUI.
Trinculo presentation template by SlidesCarnival.
Summary
▧ Place the user in control
▧ Reduce the user’s memory load
▧ Make the interface consistent
Keep calm and follow the Golden Rules:
Thanks!
Any Questions?
Further you can find me with this
name @CodingKeeda on these
platforms.

More Related Content

PDF
Software Engineering : Requirement Analysis & Specification
PPTX
Remote Procedure Call in Distributed System
PPTX
Deadlock ppt
PPTX
Computer system organization
PPTX
Disk Scheduling Algorithm in Operating System
PPT
1.1 The nature of software.ppt
PPTX
Critical section problem in operating system.
PPTX
directory structure and file system mounting
Software Engineering : Requirement Analysis & Specification
Remote Procedure Call in Distributed System
Deadlock ppt
Computer system organization
Disk Scheduling Algorithm in Operating System
1.1 The nature of software.ppt
Critical section problem in operating system.
directory structure and file system mounting

What's hot (20)

PPTX
Issues in knowledge representation
PPTX
Design Concepts in Software Engineering-1.pptx
PPTX
Software Process Models
PPTX
Planning in AI(Partial order planning)
PDF
Distributed deadlock
PPTX
The Art of Debugging.pptx
PPT
Distributed Operating System
PPT
deadlock avoidance
PPT
Analysis modeling & scenario based modeling
PPTX
Process synchronization in Operating Systems
PPT
Scheduling algorithms
PPTX
Software quality
PDF
Distributed Operating System_1
PPS
Java rmi
DOCX
Operating System Process Synchronization
PPTX
Deadlock Prevention
PPTX
Acceptance testing
PPTX
process and thread.pptx
PPT
Protection and Security in Operating Systems
Issues in knowledge representation
Design Concepts in Software Engineering-1.pptx
Software Process Models
Planning in AI(Partial order planning)
Distributed deadlock
The Art of Debugging.pptx
Distributed Operating System
deadlock avoidance
Analysis modeling & scenario based modeling
Process synchronization in Operating Systems
Scheduling algorithms
Software quality
Distributed Operating System_1
Java rmi
Operating System Process Synchronization
Deadlock Prevention
Acceptance testing
process and thread.pptx
Protection and Security in Operating Systems
Ad

Similar to The Golden Rules by Theo Mandel - Software Engineering (20)

PPTX
Unit 7 performing user interface design
PPTX
user interface design software engineering
PPTX
HCI Unit 3.pptx
PPT
Final 1.ppt,Final 1.pptFinal 1.pptFinal 1.ppt
PPTX
User Interface Analysis and Design
PPTX
Game interface design part 2
PPTX
Chapter 3 - Variety of Dialogue
PPT
USER INTERFACE DESIGN - unit-1 last part.ppt
PPTX
Ten Usability Heuristics by Jakob Nielsen.pptx
PPTX
Designing user interface module 4
PPTX
Design process design rules
PPTX
golden rules of user interface design
PPTX
Guidelines for Android application design.pptx
PDF
User Interface Design - Module 1 Introduction
PPTX
UX Principles and Practice
 
PDF
Voice Based E-Mail System For Blind People Using Speech Recognition Technology
PPTX
User interface design elements.pptx fyiiyyj
PPTX
uint 1-introduction-USER INTERFACE DESIGN
Unit 7 performing user interface design
user interface design software engineering
HCI Unit 3.pptx
Final 1.ppt,Final 1.pptFinal 1.pptFinal 1.ppt
User Interface Analysis and Design
Game interface design part 2
Chapter 3 - Variety of Dialogue
USER INTERFACE DESIGN - unit-1 last part.ppt
Ten Usability Heuristics by Jakob Nielsen.pptx
Designing user interface module 4
Design process design rules
golden rules of user interface design
Guidelines for Android application design.pptx
User Interface Design - Module 1 Introduction
UX Principles and Practice
 
Voice Based E-Mail System For Blind People Using Speech Recognition Technology
User interface design elements.pptx fyiiyyj
uint 1-introduction-USER INTERFACE DESIGN
Ad

Recently uploaded (20)

PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PDF
Computing-Curriculum for Schools in Ghana
PDF
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
PPTX
Unit 4 Computer Architecture Multicore Processor.pptx
PDF
FORM 1 BIOLOGY MIND MAPS and their schemes
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PPTX
Computer Architecture Input Output Memory.pptx
PDF
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
PDF
1_English_Language_Set_2.pdf probationary
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PDF
HVAC Specification 2024 according to central public works department
PDF
AI-driven educational solutions for real-life interventions in the Philippine...
PDF
My India Quiz Book_20210205121199924.pdf
PPTX
TNA_Presentation-1-Final(SAVE)) (1).pptx
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PPTX
Virtual and Augmented Reality in Current Scenario
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
B.Sc. DS Unit 2 Software Engineering.pptx
Computing-Curriculum for Schools in Ghana
David L Page_DCI Research Study Journey_how Methodology can inform one's prac...
Unit 4 Computer Architecture Multicore Processor.pptx
FORM 1 BIOLOGY MIND MAPS and their schemes
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
Computer Architecture Input Output Memory.pptx
MBA _Common_ 2nd year Syllabus _2021-22_.pdf
1_English_Language_Set_2.pdf probationary
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
HVAC Specification 2024 according to central public works department
AI-driven educational solutions for real-life interventions in the Philippine...
My India Quiz Book_20210205121199924.pdf
TNA_Presentation-1-Final(SAVE)) (1).pptx
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
Virtual and Augmented Reality in Current Scenario
Weekly quiz Compilation Jan -July 25.pdf
Chinmaya Tiranga quiz Grand Finale.pdf

The Golden Rules by Theo Mandel - Software Engineering

  • 1. The Golden Rules Name: Amit Singh Baghel Email:amitsb3747@gmail.com
  • 2. What is User Interface Design?
  • 3. The design of user interfaces for machines and software with the focus on maximizing usability and the user experience. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals.
  • 4. “A user interface is like a joke. If you have to explain it, it’s not that good.
  • 5. “What happens if we have to explain it ? Or The result of a poor UI ?
  • 6. Google Wave that failed due to its poor UI design.
  • 8. What should we do to make a good UI? We should follow the Three Golden Rules coined by Mr. Theo Mandel, Ph.D. The basis for a set of UI design principles that guide this important aspect of software design.
  • 9. The Golden Rules ▧ Place the user in control ▧ Reduce the user’s memory load ▧ Make the interface consistent
  • 10. 1. Place the user in control "What I really would like,” said the user solemnly, “is a system that reads my mind. It knows what I want to do before I need to do it and makes it very easy for me to get it done. That’s all, just that.” -During a requirements-gathering session, a key user was asked about the attributes of the window-oriented graphical interface.
  • 11. 1. Place the user in control Users want to control the computer but does not want to be controlled by the computer. So, user interface constraints specified by the designer must simplify the mode of user's interaction with the computer. User interface must not frustrate the user.
  • 12. 1. Place the user in control Define interaction modes in a way that does not force a user into unnecessary or undesired actions. 1.
  • 13. The user should always be able to enter and exit the mode with little or no effort.
  • 14. 1. Place the user in control Provide for flexible interaction2.
  • 15. Different users have different interaction preferences, choices should be provided. Drawing complex shapes via keyboard commands frustrates users but doing the same via mouse is simple.
  • 16. 1. Place the user in control Allow user interaction to be interruptible and undoable. 3.
  • 17. User should be able to interrupt even when in a sequence of actions but without losing any progress. Also, any user action must be undoable.
  • 18. User should be able to interrupt even when in a sequence of actions but without losing any progress. Also, any user action must be undoable.
  • 19. 1. Place the user in control Streamline interaction as skill levels advance and allow the interaction to be customized. 4.
  • 20. Users may be normal people or computer experts. Users of different skill levels should be able to interact with a program at different levels.
  • 21. Users may be normal people or computer experts. Users of different skill levels should be able to interact with a program at different levels.
  • 22. 1. Place the user in control Hide technical internals from the casual user. 5.
  • 23. The user should not be aware of the operating system, file management functions, or other arcane computing technology.
  • 24. 1. Place the user in control Design for direct interaction with objects that appear on the screen. 6.
  • 25. The user feels a sense of control when able to manipulate the objects that are necessary to perform a task in a manner similar to what would occur if the object were a physical thing
  • 26. The user feels a sense of control when able to manipulate the objects that are necessary to perform a task in a manner similar to what would occur if the object were a physical thing.
  • 27. 2.Reduce the User’s Memory Load A software must not force a user to memorize anything. On the other hand, it should provide recall feature to provide data when it is needed by storing it in its memory.
  • 28. 2.Reduce the User’s Memory Load Reduce demand on short-term memory.1.
  • 29. User Interface must be designed such that visual cues are provided to the user which helps him/her in reusing previous results etc.
  • 30. 2.Reduce the User’s Memory Load Establish meaningful defaults.2.
  • 31. The default values of such properties must be meaningful i.e. generally used. The user must be able to change the properties if he/she wants to. Also, user must be able to reset the properties to their default values.
  • 32. The default values of such properties must be meaningful i.e. generally used. The user must be able to change the properties if he/she wants to. Also, user must be able to reset the properties to their default values.
  • 33. 2.Reduce the User’s Memory Load Define shortcuts that are intuitive.3.
  • 34. The shortcuts must be designed such that they are easy to remember i.e. Ctrl + C to copy is easy to remember as C is for Copy etc.
  • 35. Let’s match the column. Cloud Battery Add User Photos
  • 36. 2.Reduce the User’s Memory Load The visual layout of the interface should be based on a real-world metaphor. 4.
  • 37. Real-world metaphor enables the user to rely on well- understood visual cues, rather than memorizing an arcane interaction sequence.
  • 38. 2.Reduce the User’s Memory Load Disclose information in a progressive fashion. 4.
  • 39. According to this principle, user interface must be such that general underline must be shown at low levels of abstractions and users can go to higher levels of abstraction by a mouse click etc,.
  • 40. 3.Make the Interface Consistent This includes organization of visual information according to design rules common to all types of screens, defining and implementing mechanisms for navigation from task to task consistently etc,.
  • 41. 3.Make the Interface Consistent Allow the user to put the current task into a meaningful context. 1.
  • 42. The interface must be in a way that enables the users to know the context of the current task. So, there should be some indicators which say from which task did the user come here and to which task he/she can go from here
  • 44. 3.Make the Interface Consistent Maintain consistency across a complete product line. 2.
  • 45. This rule suggests that a set of software applications should implement same design rules if possible so that interaction gets easier with time Product 1 : Product 2 :
  • 46. 3.Make the Interface Consistent If past interactive models have created user expectations, do not make changes unless there is a compelling reason to do so. 3.
  • 47. Suppose a special feature or an UI is provided in a previous version of the software application and its popular among its users, do not try to remove it or change it.
  • 49. Credits Tool used to make images Balsamiq. Some images taken from GoodUI. Trinculo presentation template by SlidesCarnival.
  • 50. Summary ▧ Place the user in control ▧ Reduce the user’s memory load ▧ Make the interface consistent Keep calm and follow the Golden Rules:
  • 51. Thanks! Any Questions? Further you can find me with this name @CodingKeeda on these platforms.