The Laws of UX - 19 Psychological Design Principles

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
product designer John Yablonsky recently created an incredible website outlining the Maxim's and principles that designers can consider when designing user interfaces it's called laws of UX and John was kind enough to give me permission to bring his principles to you in this video over the next few minutes you'll learn the names of these 19 principles along with their origins and how to apply them let's start with the aesthetic usability effect users often perceive aesthetically pleasing design as design that's more usable in 1995 researchers misaki kurosu and Kaori kashi mora from the Hitachi Design Center tested 26 variations of an ATM UI they found a stronger correlation between the participants ratings of aesthetic appeal and perceived ease of use than the correlation with actual ease of use the Doherty threshold productivity soars when a computer and its users interact at a pace that ensures that neither has to wait on the other in 1982 Walter Doherty and our veinte Donny published in the IBM systems journal a research paper that set the requirement for computer response time to be 400 milliseconds not 2,000 milliseconds which had been the previous standard when a human beings command was executed and returned an answer in under 400 milliseconds it was deemed to exceed the Doherty threshold and use of such applications was deemed to be more addicting to users Fitz law the time it takes to acquire a target is a function of the distance to and size of the target so make elements you wish to be easily selectable large and position them close to users in 1954 psychologist Paul Fitz examining the human motor system showed that the time required to move to a target depends on the distance to it yet relates inversely to its size by his law fast movements and small targets resulted in greater error rates due to the speed accuracy trade-off Fitz law is widely applied in UX and UI design Hix law the time it takes to make a decision increases with the number of and complexity of choices ideally you should simplify choices for the user by breaking down complex tasks into smaller steps in 1952 William Edmund hick and Ray Hyman set out to examine the relationship between the number of stimuli present and an individual's reaction time to any given stimulus as you would expect the more stimuli to choose from the longer it takes for the user to make a decision on which one to interact with users bombarded with choices have to take time to interpret and decide giving them work they don't want Jacobs law users spend most of their time with other interfaces this means that users prefer your interface to work the same way as the others they already know Jakob Nielsen president of the Nielsen Norman group co-founded with Don Norman of Apple established the quote/unquote discount usability engineering movement for fast and cheap improvement of user interfaces in short you can simplify the learning process for users by providing familiar design patterns the law of common region elements tend to be perceived in groups if they're sharing an area with a clearly defined boundary the principles of grouping or your Stolte laws of grouping are a set of principles in psychology first proposed by Gestalt psychologists to account for the observation that humans have an innate tendency to perceive objects as organized patterns a principle known as prognost gestalt principles are organized into five categories proximity similarity continuity closure and connectedness law of Pregnant's people will perceive and interpret ambiguous or complex images as the simplest form possible because it's the interpretation that requires the least cognitive effort for us the human eye likes to find simplicity and order in complex shapes to prevent us from becoming overwhelmed with information in 1910 psychologist max Wertheimer had an insight where he observed a series of lights flashing on and off at a railroad crossing to the observer it appeared as if a single light moves traveling from bulb to bulb when in reality it's a series of bulbs turning on and off and the lights don't move at all this observation led to a set of descriptive principles about how we visually perceive objects law of proximity objects that are near or approximate to one another tend to be grouped together the law of proximity is useful by allowing users to group different clusters of content at a glance proximity is one of the psychological principles of the gestalt laws of grouping law of similarity the human eye tends to perceive similar elements in a design as a complete picture shape or group even if those elements are separated so ensure that links and navigation systems are visually differentiated from normal text elements and are consistently styled similarity is another one of the psychological principles of the gestalt laws of grouping the law of uniform connectedness elements that are visually connected are perceived as more related than elements with no connection so group functions of a similar nature so that they're visually connected via colors lines frames or other shapes connectedness is yet another one of the psychological principles of the gestalt laws of grouping miller's law the average person can only keep seven items in their working memory plus or minus about two so organize content into groups of five to nine items at a time in 1956 George Miller asserted that the span of immediate memory and absolute judgment were both limited to around seven pieces of information the point where confusion creates an incorrect judgment is considered the channel capacity Occam's razor among competing hypotheses that predict equally well the one with the fewest assumptions should be selected Occam's razor is a problem-solving principle attributed to William of Ockham who is an English Franciscan friar Scholastic philosopher and theologian in the early 1300s Pareto principle the Pareto principle states that for many events roughly 80% of the effects come from only 20% of the causes so focus the majority of effort on the areas that will bring the largest benefits to the most users its origins stem back to vilfredo pareto an economist who noticed that 80% of Italy's land was owned by 20% of the population though it may seem vague or a tad removed the 8020 way of thinking can provide insightful and endlessly applicable analysis of lopsided systems including user experience strategy Parkinson's law any task will inflate until all of the available time is spent articulated by Cyril Northcote Parkinson as part of the first sentence in a humorous essay published in The Economist in 1955 it was reprinted with other essays in the book Parkinson's Law the pursuit of progress he derived the dictum from his extensive experience in the British civil service post Elle's law be liberal and what you accept and conservative and what you send this means accepting variable input from users translating input to meet the requirements and providing clear feedback to the user pastels law also known as the robustness principle was formulated by Jon Postel an early pioneer of the Internet the law is a design guideline for software specifically in regards to TCP and networks serial position effect users have a propensity to best remember the first and last items in a series placing the least important items in the middle of lists can be helpful because these items tend to be stored less frequently in long term and working memory the serial position effect a term coined by Hermann Ebbinghaus describes how the position of an item in a sequence affects recall accuracy the two concepts involved the premise II effect and the recency effect explain how items presented at the beginning of a sequence and the end of a sequence are recalled with greater accuracy than items in the middle of a list Tesla's law also known as the law of conservation of complexity states that for any system there's a certain amount of complexity which cannot be reduced while working for Xerox in the mid-1980s Larry Tesler argued that in most cases and engineers should spend an extra week reducing the complexity of an application versus making millions of users spend one extra minute using the application however Bruce Tanya teeny proposes that people resist reductions to the of complexity in their lives thus when an application is simplified users begin attempting more complex tasks the von restorff effect also known as the isolation effect predicts that when multiple similar objects are present the ones that differ from the rest are the most likely to be remembered so make important information or key actions visually distinctive the theory was coined by German psychiatrist and pediatrician Hedwig von restorff who in her 1933 study found that when participants were presented with a list of categorically similar items with one distinctive isolated item on the list memory for that item was improved the Zeigarnik effect people remember uncompleted or interrupted tasks better than completed tasks bloomer will fall 'no Zeigarnik was a soviet psychologist and psychiatrist in the 1920s she conducted a study on memory in which she compared memory in relation to incomplete and complete tasks she had found that incomplete tasks are easier to remember than successful ones that's it and another huge thanks to John Yablonsky for making this video possible i'm joseph angelo todaro and if you enjoyed this video please subscribe I'll have more great content coming soon and visit laws of ux calm you [Music]
Info
Channel: Joseph from LearnSketch.com
Views: 132,021
Rating: 4.9650903 out of 5
Keywords: sketch, tutorials, app, sketch 3, sketchapp, learnsketch, learnsketch.com, bohemian coding, sketch resources, sketch app sources, mac, osx, software, design, graphic design, web design, ui, ux, Apple, Tutorial (Industry), OS X (Operating System), Macintosh (Computer), Software (Industry), Adobe Illustrator (Software), Adobe Systems (Organization), laws of ux, jon yablonski, joseph todaro, invision, invisionapp, design systems, user experience, lcad
Id: fYs2Mdyasuc
Channel Id: undefined
Length: 10min 3sec (603 seconds)
Published: Tue Jun 11 2019
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.