🧠 7 laws of UX design
Courtesy of @ux.ale
🔬These laws are based on several studies on human behavior and psychology by many respectful scientists.
👀 They show us how we perceive and process visual data and If you can have a better understanding of how our brain analyzes information, you have a clear advantage in creating a successful user experience, so definitely keep this in mind when designing any kind of interphase.
👩🏻🏫👨🏻🏫 The real heroes:
Von Restorff Effect — Hedwig von Restorff
Hick’s Law — William Edmund Hick and Ray Hyman
Fitt’s Law — Paul Fitts
Zeigarnik Effect — Bluma Wulfovna Zeigarnik
Serial Position Effect — Herman Ebbinghaus
Law of Common Region — Gestalt Psychology
Law of Proximity — Gestalt Psychology
💎 Hope you find this information useful!
Von Restorff Effect
When multiple similar objects are present, the one that differs from the rest is most likely to be remembered.
Make important information or key actions visually distinctive.
The time it takes to make a decision increases with the number and complexity of choices.
Hick's Law Real Life
Apply KISS: Keep lt Simple Stupid
The time to acquire a target is a function of the distance to and size of the target.
Keep main CTA`s big and closer o the thumb.
People remember uncompleted or interrupted task better than completed tasks.
Use progress bars to visually indicate when a task is incomplete.
Serial Position Effect
Users have a propensity to best remembert he first and last items in a series.
Emphasize key informaion in the beginning and the end, while placing the least important items in the middle of your sequence.
Law of Common Region
Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary.
Adding a background around a group of elements is an easy way to create separation.
Law of Proximity
Objects that are near, or proximate to each other, tend to be grouped together.
Allows user to group different clusters of content at a glance .
Bonus — 4 tools that may be useful in your designer way:
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.