SlideShare a Scribd company logo
1 of 21
Download to read offline
Psychology in interface design:

20 laws of UX
1. Jakob's Law 1/20
Originally published on Software Development Hub blog by Daria Kyrychenko , Designer.

Jacob' s Law was named after Jacob Nielsen, the researcher and usability expert, head of
Nielsen Norman Group. The law states that users spend most of their time on other sites,
so they would prefer the site that would work in the same way as those ones the users are
already familiar with.

There are already established design patters that can make the design process simpler.
Sticking to existing user-friendly models, we can simplify users“ perception of our site
without forcing them to follow the new conduct. However, if the site is aimed at making a
peculiar impression on the user, it might be worth ignoring limitations. Before designing it is
necessary to start from working out the purpose of your future site in detail.
2. Miller’s Law 2/20
Miller's law testifies to the fact that generally a person is able to store only 7 (+- 2)
elements in their memory. Therefor, to reduce the cognitive overload, it is recommended to
group the content in units of 5-9 elements.
3. Fitts’s Law 3/20
Paul Fitts, a psychologist, who researched human motor system, foud out that the amount
of time required to reach a target depends on the distance and the target' s size. Therefore,
the user's target (buttons, other clickable elements, etc.) should be sufficient enough to be
selected and clicked. Besides, the distance between such objects should also be sufficient,
so that the user could detect and distinguish them.


Read also: 16 UI/UX Design Trends for Medicine Mobile Apps 2023
4. Hick’s Law 4/20
Hick’s law is an experimentally proven theory, saying, that it takes more time and effort to
make a decision if the number of available options is increasing. 

That is why, to reduce the cognitive overload on the user, it is recommended to break
complicated tasks into smaller steps, avoiding pouring the whole amount of information or
actions immediately on the screen. Otherwise, it might take him quite a lot of time to
perceive, which might cause them to leave the site or application.

It is difficult for the user to make a choice when s/he obtaines the whole content at once.
This is the reason why Netflix, for example, to encourage the user to make choice quicker,
created a new section named "Top 10 in your country"
5. Law of Proximity 5/20
The law of proximity indicates that objects, that are located close to each other are
perceived as a group of objects. Principles of the law of proximity enable users to perceive
the content easier at a glance. Even if the objects have strong differences, but are close to
each other, visually they will be perceived as a group.
6. Law of Occam’s Razor 6/20
Occam's razor is a rule in science and philosophy, according to which, of several possible,
equally complete explanations for something, the simplest one should be chosen. In design,
this means adding complexity to the design only in case of exceptional need, so it is vital to
analyze the interface and remove anything that might be extra, as long as the removal
does not harm the interface. Getting rid of complexity, the interface will become more clear
and efficient.

A good example is Apple. Steve Jobs' philosophy contained Occam's razor. His iPad and
iPhone prove that: a single button on the front panel of a seamless standalone device. 

Google, which directs users' attention to its main function, is another one. Nothing extra.
7. Law of Prägnanz 7/20
The law states that the human eye perceives and processes simple figures more easily
than complex ones. Even a complex and ambiguous object is interpreted by a person as a
simple figure, because it takes less cognitive effort. Simple shapes are easier to read and
easy to remember for the user
8. Von Restorff Effect 8/20
It is also called the effect of isolation, which means that among similar objects, the user
will remember the one that differs from the rest. Therefore, it is recommended to visually
separate important information or an important object. 
9. Pareto Principle 9/20
Many people know the law that states that 20% of the effort give 80% of the result, and
the remaining 80% of the effort provide only 20% of the result. Therefore, it is
recommended to focus your efforts on those areas that will bring maximum benefit to the
majority of users of the interface first.

Let“s take navigation in an application, for example. 20% of the functions of the application
are usually located in navigation tabs, which occupy 80% of the user's time spent in this
application. In other words, these very 20% are the most used functions.
10. Peak-End Rule 10/20
The rule says that users rate an experience based on their feelings at its peak at the end,
rather than ot the average. Therefore, it is needed to analyze which points in your product
are the most important and place them at most effective stages for the user to explore,
focusing them on the main thing. 

Also keep in mind that, unfortunately, users remember negative experiences better than
positive ones. This is the reason why, for example, Amazon, in order to improve the user
experience after completing a purchase, shows them the list of items purchased, - this
helps the user avoid the feeling of wasting money.
11. Doherty Threshold 11/20
The main principle of the law is to provide feedback to the system in no more than 400 ms.
Provided feedback from the system in no more than 400 ms, productivity increases,
keeping the user's attention on the site or application. What the user should feel is that s/
he is being interacted with. Therefore, to reduce the feeling of waiting, it is recommended to
add indicators, animations, and messages that allow the user to navigate the process.
12. Law of Common Region 12/20
This law belongs to the grouping laws gestalt. It shows that if the elements are in an area
with clearly marked boundaries, then people naturally perceive the objects as a group. In
the design, for visual grouping of elements, you can add a border of the area, or use a
single background for the group.
13. Law of Uniform Connectedness 13/20
This law also belongs to the grouping laws gestalt. It relies on the fact that objects that
are visually connected by color, lines, frames, shapes, etc., are defined by people as
connected objects.
14. Law of Similarity 14/20
People tend to perceive objects that have a similar appearance as related. Similar elements
in the design can be defined as a single group, for example. Therefore, it is recommended to
visually distinguish links or navigation from regular text.
15. Serial Position Effect 15/20
This law testifies to the fact, that people have a tendency to remember the first and last
objects, rather than others, better. Therefore, to improve interaction with the user, you can
consider this principle when building content or navigation. For example, place key actions in
the far left and the far right corners for quicker memorization.
16. Postel’s Law 16/20
It is also known as Reliability Principle. "Be conservative in what you send and liberal in
what you receive." In design, this means that you need to be prepared for the fact that the
user can enter any data on the site or in the application, perform any unpredictable actions.
It is necessary to provide users with high-quality feedback in the form of validation,
prompts, and to guide the user in the right direction.
17. Tesler’s Law 17/20
Tesler's Law, also known as the Law of Conservation of Complexity. It means that each
system has its own level of complexity that cannot be reduced. It is recommended to
design interfaces that are as easy to understand as possible, but not to simplify the
functions or capabilities of the system, as some users might prefer complexity. For
example, you might give the user more detailed search filters, that is, let the user
"complicate" the interface by him/herself. 

Larry Tesler, an American computer scientist who worked in the field of human-computer
interaction (He actually introduced the Ctrl+C, Ctrl+V key combination), argued that in most
cases it is necessary to reduce the complexity of the program, and not to force millions of
users to spend extra minute to use the program due to additional complexity. However, his
colleague Bruce Tognazzini argued that people resist reducing complexity in their lives. Thus,
when the app becomes simpler, users start trying to perform more complex tasks.
18. Zeigarnik Effect 18/20
This is a psychological effect that shows that people remember interrupted and unfinished
actions better than others. According to this law, unfinished tasks remain in the user's
memory longer than completed tasks. The design recommends notifying the user that an
action is incomplete, thus increasing the likelihood of its completion. You can also use
indicators or trackers that will show the degree of completion of the task, thereby
attracting attention to bring the action to the end. The examples are: the degree of profile
completion, an incomplete purchase on the site (basket), a loud title that is interrupted to
intrigue the user, etc.
19. Parkinson’s Law 19/20
Parkinson's law states that the most likely task takes the entire time allocated to it. If, for
example, a task can be done in a few hours, but the deadline for it is several days, then the
employee will do this task for several days. Besides, this law can be applied not only to
deadlines, but also to user interaction with the interface. For more efficient work, you can
define a specific time for the user to perform some action. For example, on the website,
after adding products to the cart, the user has a limited time to complete the purchase.
20. Aesthetic-Usability Effect 20/20
The "aesthetics-usability" effect. Everything is very simple here. An aesthetic and clear
design makes a good impression on users and is defined as more useful and convenient.
The law states that people tend to think that attractive products perform better than less
attractive ones. Aesthetic design can hide some minor usability issues.

More Related Content

Similar to Psychology in Interface Design: 20 Laws of UX

Usability Essentials to Know
Usability Essentials to KnowUsability Essentials to Know
Usability Essentials to KnowPravin Mehta
 
Basic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesBasic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesAvijit Chinara
 
Email first a lean strategy & a workflow lens
Email first  a lean strategy & a workflow lensEmail first  a lean strategy & a workflow lens
Email first a lean strategy & a workflow lensMike Biggs GAICD
 
Deciding your digital touch points
Deciding your digital touch pointsDeciding your digital touch points
Deciding your digital touch pointsPerttu Tolvanen
 
SXSW 2011 - User Experience and Cross-Platform Apps
SXSW 2011 - User Experience and Cross-Platform AppsSXSW 2011 - User Experience and Cross-Platform Apps
SXSW 2011 - User Experience and Cross-Platform AppsCarlo Longino
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationTarik (Rick) Dzekman
 
Guidelines for Android application design.pptx
Guidelines for Android application design.pptxGuidelines for Android application design.pptx
Guidelines for Android application design.pptxdebasish duarah
 
1Running Head HUMAN-COMPUTER INTERFACE .docx
1Running Head HUMAN-COMPUTER INTERFACE                     .docx1Running Head HUMAN-COMPUTER INTERFACE                     .docx
1Running Head HUMAN-COMPUTER INTERFACE .docxherminaprocter
 
Running Head HUMAN-COMPUTER INTERFACE .docx
Running Head HUMAN-COMPUTER INTERFACE                            .docxRunning Head HUMAN-COMPUTER INTERFACE                            .docx
Running Head HUMAN-COMPUTER INTERFACE .docxwlynn1
 
Running Head HUMAN-COMPUTER INTERFACE .docx
Running Head HUMAN-COMPUTER INTERFACE                            .docxRunning Head HUMAN-COMPUTER INTERFACE                            .docx
Running Head HUMAN-COMPUTER INTERFACE .docxjeanettehully
 
User interface for website
User interface for websiteUser interface for website
User interface for websitehemantdSEO
 
معرفی زبان مدلسازی Archimate 2
معرفی زبان مدلسازی Archimate 2معرفی زبان مدلسازی Archimate 2
معرفی زبان مدلسازی Archimate 2Amir Darajeh
 
Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1University of Greenwich
 
15Prospects of development of ICT.pptx
15Prospects of development of ICT.pptx15Prospects of development of ICT.pptx
15Prospects of development of ICT.pptxAjarShaizadova
 

Similar to Psychology in Interface Design: 20 Laws of UX (20)

Usability Essentials to Know
Usability Essentials to KnowUsability Essentials to Know
Usability Essentials to Know
 
Basic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best PracticesBasic Visual Design Principles and UI Design Best Practices
Basic Visual Design Principles and UI Design Best Practices
 
The future of_the_web
The future of_the_webThe future of_the_web
The future of_the_web
 
Email first a lean strategy & a workflow lens
Email first  a lean strategy & a workflow lensEmail first  a lean strategy & a workflow lens
Email first a lean strategy & a workflow lens
 
The future of_the_web
The future of_the_webThe future of_the_web
The future of_the_web
 
Deciding your digital touch points
Deciding your digital touch pointsDeciding your digital touch points
Deciding your digital touch points
 
SXSW 2011 - User Experience and Cross-Platform Apps
SXSW 2011 - User Experience and Cross-Platform AppsSXSW 2011 - User Experience and Cross-Platform Apps
SXSW 2011 - User Experience and Cross-Platform Apps
 
Enterprise User Experience in Higher Education
Enterprise User Experience in Higher EducationEnterprise User Experience in Higher Education
Enterprise User Experience in Higher Education
 
Guidelines for Android application design.pptx
Guidelines for Android application design.pptxGuidelines for Android application design.pptx
Guidelines for Android application design.pptx
 
1Running Head HUMAN-COMPUTER INTERFACE .docx
1Running Head HUMAN-COMPUTER INTERFACE                     .docx1Running Head HUMAN-COMPUTER INTERFACE                     .docx
1Running Head HUMAN-COMPUTER INTERFACE .docx
 
Running Head HUMAN-COMPUTER INTERFACE .docx
Running Head HUMAN-COMPUTER INTERFACE                            .docxRunning Head HUMAN-COMPUTER INTERFACE                            .docx
Running Head HUMAN-COMPUTER INTERFACE .docx
 
Running Head HUMAN-COMPUTER INTERFACE .docx
Running Head HUMAN-COMPUTER INTERFACE                            .docxRunning Head HUMAN-COMPUTER INTERFACE                            .docx
Running Head HUMAN-COMPUTER INTERFACE .docx
 
UI Design Trends
UI Design TrendsUI Design Trends
UI Design Trends
 
User interface for website
User interface for websiteUser interface for website
User interface for website
 
معرفی زبان مدلسازی Archimate 2
معرفی زبان مدلسازی Archimate 2معرفی زبان مدلسازی Archimate 2
معرفی زبان مدلسازی Archimate 2
 
Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1Daffodil bit(s3) comp-1649_week 02_3 example1
Daffodil bit(s3) comp-1649_week 02_3 example1
 
3 example1
3 example13 example1
3 example1
 
15Prospects of development of ICT.pptx
15Prospects of development of ICT.pptx15Prospects of development of ICT.pptx
15Prospects of development of ICT.pptx
 
Design for Interaction
Design for InteractionDesign for Interaction
Design for Interaction
 
DOC
DOCDOC
DOC
 

Recently uploaded

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxsuhanimunjal27
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️Delhi Call girls
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...amitlee9823
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...poojakaurpk09
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...nirzagarg
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...Delhi Call girls
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja Nehwal
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedDelhi Call girls
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyNitya salvi
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneLukeKholes
 
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- IntroductionDESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introductionsivagami49
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 

Recently uploaded (20)

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- IntroductionDESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introduction
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 

Psychology in Interface Design: 20 Laws of UX

  • 1. Psychology in interface design: 20 laws of UX
  • 2. 1. Jakob's Law 1/20 Originally published on Software Development Hub blog by Daria Kyrychenko , Designer. Jacob' s Law was named after Jacob Nielsen, the researcher and usability expert, head of Nielsen Norman Group. The law states that users spend most of their time on other sites, so they would prefer the site that would work in the same way as those ones the users are already familiar with. There are already established design patters that can make the design process simpler. Sticking to existing user-friendly models, we can simplify users“ perception of our site without forcing them to follow the new conduct. However, if the site is aimed at making a peculiar impression on the user, it might be worth ignoring limitations. Before designing it is necessary to start from working out the purpose of your future site in detail.
  • 3. 2. Miller’s Law 2/20 Miller's law testifies to the fact that generally a person is able to store only 7 (+- 2) elements in their memory. Therefor, to reduce the cognitive overload, it is recommended to group the content in units of 5-9 elements.
  • 4. 3. Fitts’s Law 3/20 Paul Fitts, a psychologist, who researched human motor system, foud out that the amount of time required to reach a target depends on the distance and the target' s size. Therefore, the user's target (buttons, other clickable elements, etc.) should be sufficient enough to be selected and clicked. Besides, the distance between such objects should also be sufficient, so that the user could detect and distinguish them. Read also: 16 UI/UX Design Trends for Medicine Mobile Apps 2023
  • 5. 4. Hick’s Law 4/20 Hick’s law is an experimentally proven theory, saying, that it takes more time and effort to make a decision if the number of available options is increasing.  That is why, to reduce the cognitive overload on the user, it is recommended to break complicated tasks into smaller steps, avoiding pouring the whole amount of information or actions immediately on the screen. Otherwise, it might take him quite a lot of time to perceive, which might cause them to leave the site or application. It is difficult for the user to make a choice when s/he obtaines the whole content at once. This is the reason why Netflix, for example, to encourage the user to make choice quicker, created a new section named "Top 10 in your country"
  • 6. 5. Law of Proximity 5/20 The law of proximity indicates that objects, that are located close to each other are perceived as a group of objects. Principles of the law of proximity enable users to perceive the content easier at a glance. Even if the objects have strong differences, but are close to each other, visually they will be perceived as a group.
  • 7. 6. Law of Occam’s Razor 6/20 Occam's razor is a rule in science and philosophy, according to which, of several possible, equally complete explanations for something, the simplest one should be chosen. In design, this means adding complexity to the design only in case of exceptional need, so it is vital to analyze the interface and remove anything that might be extra, as long as the removal does not harm the interface. Getting rid of complexity, the interface will become more clear and efficient. A good example is Apple. Steve Jobs' philosophy contained Occam's razor. His iPad and iPhone prove that: a single button on the front panel of a seamless standalone device.  Google, which directs users' attention to its main function, is another one. Nothing extra.
  • 8. 7. Law of Prägnanz 7/20 The law states that the human eye perceives and processes simple figures more easily than complex ones. Even a complex and ambiguous object is interpreted by a person as a simple figure, because it takes less cognitive effort. Simple shapes are easier to read and easy to remember for the user
  • 9. 8. Von Restorff Effect 8/20 It is also called the effect of isolation, which means that among similar objects, the user will remember the one that differs from the rest. Therefore, it is recommended to visually separate important information or an important object. 
  • 10. 9. Pareto Principle 9/20 Many people know the law that states that 20% of the effort give 80% of the result, and the remaining 80% of the effort provide only 20% of the result. Therefore, it is recommended to focus your efforts on those areas that will bring maximum benefit to the majority of users of the interface first. Let“s take navigation in an application, for example. 20% of the functions of the application are usually located in navigation tabs, which occupy 80% of the user's time spent in this application. In other words, these very 20% are the most used functions.
  • 11. 10. Peak-End Rule 10/20 The rule says that users rate an experience based on their feelings at its peak at the end, rather than ot the average. Therefore, it is needed to analyze which points in your product are the most important and place them at most effective stages for the user to explore, focusing them on the main thing.  Also keep in mind that, unfortunately, users remember negative experiences better than positive ones. This is the reason why, for example, Amazon, in order to improve the user experience after completing a purchase, shows them the list of items purchased, - this helps the user avoid the feeling of wasting money.
  • 12. 11. Doherty Threshold 11/20 The main principle of the law is to provide feedback to the system in no more than 400 ms. Provided feedback from the system in no more than 400 ms, productivity increases, keeping the user's attention on the site or application. What the user should feel is that s/ he is being interacted with. Therefore, to reduce the feeling of waiting, it is recommended to add indicators, animations, and messages that allow the user to navigate the process.
  • 13. 12. Law of Common Region 12/20 This law belongs to the grouping laws gestalt. It shows that if the elements are in an area with clearly marked boundaries, then people naturally perceive the objects as a group. In the design, for visual grouping of elements, you can add a border of the area, or use a single background for the group.
  • 14. 13. Law of Uniform Connectedness 13/20 This law also belongs to the grouping laws gestalt. It relies on the fact that objects that are visually connected by color, lines, frames, shapes, etc., are defined by people as connected objects.
  • 15. 14. Law of Similarity 14/20 People tend to perceive objects that have a similar appearance as related. Similar elements in the design can be defined as a single group, for example. Therefore, it is recommended to visually distinguish links or navigation from regular text.
  • 16. 15. Serial Position Effect 15/20 This law testifies to the fact, that people have a tendency to remember the first and last objects, rather than others, better. Therefore, to improve interaction with the user, you can consider this principle when building content or navigation. For example, place key actions in the far left and the far right corners for quicker memorization.
  • 17. 16. Postel’s Law 16/20 It is also known as Reliability Principle. "Be conservative in what you send and liberal in what you receive." In design, this means that you need to be prepared for the fact that the user can enter any data on the site or in the application, perform any unpredictable actions. It is necessary to provide users with high-quality feedback in the form of validation, prompts, and to guide the user in the right direction.
  • 18. 17. Tesler’s Law 17/20 Tesler's Law, also known as the Law of Conservation of Complexity. It means that each system has its own level of complexity that cannot be reduced. It is recommended to design interfaces that are as easy to understand as possible, but not to simplify the functions or capabilities of the system, as some users might prefer complexity. For example, you might give the user more detailed search filters, that is, let the user "complicate" the interface by him/herself.  Larry Tesler, an American computer scientist who worked in the field of human-computer interaction (He actually introduced the Ctrl+C, Ctrl+V key combination), argued that in most cases it is necessary to reduce the complexity of the program, and not to force millions of users to spend extra minute to use the program due to additional complexity. However, his colleague Bruce Tognazzini argued that people resist reducing complexity in their lives. Thus, when the app becomes simpler, users start trying to perform more complex tasks.
  • 19. 18. Zeigarnik Effect 18/20 This is a psychological effect that shows that people remember interrupted and unfinished actions better than others. According to this law, unfinished tasks remain in the user's memory longer than completed tasks. The design recommends notifying the user that an action is incomplete, thus increasing the likelihood of its completion. You can also use indicators or trackers that will show the degree of completion of the task, thereby attracting attention to bring the action to the end. The examples are: the degree of profile completion, an incomplete purchase on the site (basket), a loud title that is interrupted to intrigue the user, etc.
  • 20. 19. Parkinson’s Law 19/20 Parkinson's law states that the most likely task takes the entire time allocated to it. If, for example, a task can be done in a few hours, but the deadline for it is several days, then the employee will do this task for several days. Besides, this law can be applied not only to deadlines, but also to user interaction with the interface. For more efficient work, you can define a specific time for the user to perform some action. For example, on the website, after adding products to the cart, the user has a limited time to complete the purchase.
  • 21. 20. Aesthetic-Usability Effect 20/20 The "aesthetics-usability" effect. Everything is very simple here. An aesthetic and clear design makes a good impression on users and is defined as more useful and convenient. The law states that people tend to think that attractive products perform better than less attractive ones. Aesthetic design can hide some minor usability issues.