IT-блоги • Laws of UX learned from Spotify, YouTube, Medium, Twitter, Pinterest, Netflix, Uber, Instagram, etc.

Let’s See What UX Laws Big Apps Follow for Better Designing.

I learn to become a designer from apps I use daily, neither dribble nor behance helps me. and I wanted you to also learn like me and therefore I made this article to explain how big apps follow the same law of UX you either missed out or never try to put together.

In this article we will learn 7 Laws of UX used by apps that I used personally and you’ll love this article because you’ll become a 1% better designer after reading it, and I bet you.

Let’s see some of the most used Laws of UX in brief.

Aesthetic-usability effect

Users often perceive aesthetically pleasing design as design that’s more usable.

Humans love beauty, there is no doubt about that and this applies in design also like the user love to use eye-appealing design, that in design terms we say aesthetically pleasing design. while using an aesthetically great design users forgive minor mistakes and also love to use it.

and every big app knows this therefore they make their corners rounded, icons simpler, images more attractive, text bolder, and colors sharper.

By using this ux law you can make your own design much more user-friendly and it also helps in better review of the app which in return helps you to grow.

But, only aesthetics don’t matter in long run, in the short-run users might happily ask for the help in review but after some time they’ll get frustrated and stop using your app. therefore make the app aesthetically pleasing and usable too.

Take-Aways

1. An aesthetically pleasing design creates a positive response in people’s brains and leads them to believe the design actually works better.
2. People are more tolerant of minor usability issues when the design of a product or service is aesthetically pleasing.
3. Visually pleasing design can mask usability problems and prevent issues from being discovered during usability testing.

Law of Prägnanz

People will perceive and interpret ambiguous or complex images as the simplest form possible, because it is the interpretation that requires the least cognitive effort of user.

Making things simpler is not a new thing, we all love simpler things in real life. humans don’t like complex things, because users are also from the earth they also like simple and straight things like the simple interface, simple icons, simple colors, simple stuff as well as usable.

If you put complex things the brain basically translates those things into their simpler version just like our brain does with moon, as moon has rocks and bumps but our brain translate it into a smile.

best thing to do is to just use simple stuff, learn from Spotify, the first use little complex icons which can overwhelm users, therefore, they updated their tab bar with new icons. they also make things simpler by adding various options inside one like browse and search option (old) to search (new).

Take-Aways

1. The human eye likes to find simplicity and order in complex shapes because it prevents us from becoming overwhelmed with information.
2. Research confirms that people are better able to visually process and remember simple figures than complex figures.

Fitts Law

The time to acquire a target is a function of the distance to and size of the target.

Do you know? why the buy now, book now, shop now, add to cart, shop now, buttons are bigger than usual buttons in every app? the answer is Fitts Law.

Fitts Law explains that the time requires to get something is directly relational to the distance and the size of the element. If the target or button is small the user will take time to take action which might change the mood of the user and can result in the loss of the target.

Therefore, it is recommended that you should place your target where the user can easily click it in a very short span of time. For Example, Air BnB uses this law by placing the button too close to the thumb so that the user can easily tap on the button without taking too much time.

Uber uses it, Amazon uses it, Nike uses it, Lyft uses it, and many of them use it in their own way. You can use different colors, sizes, and icons to make the button stand out and let your user tap it as easily as possible.

Take-Aways

1. Touch targets should be large enough for users to accurately select them.
2. Touch targets should have ample spacing between them.
3. Touch targets should be placed in areas of an interface that allow them to be easily acquired.

Jacob’s Law

Users spend most of their time on other apps. This means that users prefer your app to work the same way as all the other apps they already know.

Jacob’s law is the useful one, all the apps I used or you’re using have many (not one) things common in them. it can be tab bars, icons, styling, typography, etc. these are not coincidences they’re planned. the big apps know this law, as the user spends most of the time on other apps therefore make your app look similar to it ( in terms of basics) for ease of use.

Pinterest, TikTok, Instagram have their tab bar kind of similar as they are social media platforms and any user who spends most of the time on Instagram can easily use the tab bar on TikTok and Pinterest because the home, search, notification, profile tab are similar.

Learn to Design “Tab Bar” from TikTok, Youtube, Pinterest, Spotify, Instagram, Slack, Duolingo, etc.

Take-Aways

1. Users will transfer expectations they have built around one familiar product to another that appears similar.
2. By leveraging existing mental models, we can create superior user experiences in which the users can focus on their tasks rather than on learning new models.
3. When making changes, minimize discord by empowering users to continue using a familiar version for a limited time.

Zeigarnik & Goal-Gradient Effect.

Zeigarnik: People remember uncompleted or interrupted tasks better than completed tasks.

Goal-Gradient: The tendency to approach a goal increases with proximity to the goal.

People don’t like to finish things incomplete (most of the time) as if you aren’t doing the things you have to do, your brain recalls that process until you finish it. This is why addictions are not easy to stop.

Designers use this as a part of the design to make users stick to the app for better engagement and returns.

Pinterst uses the line that indicates how much the process is left which makes the user easily do the task as a user knows he has to take only 3 steps. if you didn’t provide it user might think there are many and can close the app for later.

The line thing uses both laws, as it indicates that users are approaching their goals and also users will remember this task if they ever leave it because we don’t like to stop things in the middle once we have gone too far.

Take-Aways

1. The closer users are to completing a task, the faster they work towards reaching it.
2. Providing artificial progress towards a goal will help to ensure users are more likely to have the motivation to complete that task.
3. Provide a clear indication of progress in order to motivate users to complete tasks.
4. Invite content discovery by providing clear signifiers of additional content.

Peak-End Rule & Serial Position Effect

Peak-End Rule: People judge an experience largely based on how they felt at its peak and at its end, rather than the total sum or average of every moment of the experience.

Serial Position Effect: Users have a propensity to best remember the first and last items in a series.

These Laws explain two different things but apps use them together. They explain that the user judges anything according to their peaks and ends not by their averages, user best remember first and last things.

Many apps use these laws by adding important stuff inside the first and last screens and adding not so important but useful stuff in middle.

For Example, Duolingo uses the cool mascot (Owl) and illustrations for making the starting and ending awesome. Duolingo also adds illustrations inside the task to make you engaging. You can also use something like that or a thing of your own which your audience would love to see.

Take-Aways

1. Pay close attention to the most intense points and the final moments (the “end”) of the user journey.
2. Identify the moments when your product is most helpful, valuable, or entertaining and design to delight the end-user.
3. Remember that people recall negative experiences more vividly than positive ones
4. 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.
5. Positioning key actions on the far left and right within elements such as navigation can increase memorization.

Von Restorff Effect

The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.

Different things shine, therefore this law focuses you on the thing that making the important thing different might help you in better results or outcomes.

For example, Spotify, Evernote, Esty, etc use to highlight their own signup buttons more than google and Facebook login. This makes the user tap on the button which is more highlighted.

You can use this to make the things stand out from the crowd to get the user's attraction or more.

Take-Aways

1. Make important information or key actions visually distinctive.
2. Use restraint when placing emphasis on visual elements to avoid them competing with one another and to ensure salient items don’t get mistakenly identified as ads.
3. Don’t exclude those with a color vision deficiency or low vision by relying exclusively on color to communicate contrast.
4. Carefully consider users with motion sensitivity when using motion to communicate contrast.

So, these are some of the laws I found that big apps follow, and if they follow it you should probably follow it too, for making your design better than theirs. these are some basics every designer should know therefore help me by sharing the knowledge with your friends and let’s learn together.

learn new things. enjoy the life.

• Learn to Design “Buttons” from Spotify, YouTube, Dropbox, Twitch, Uber, Airbnb, etc.
• UI Breakdown: Dropbox
• Why aesthetics matter in UI design?

Laws of UX learned from Spotify, YouTube, Medium, Twitter, Pinterest, Netflix, Uber, Instagram, etc. was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.