-
sell outcomes, not features: tell the users what will be the outcome if they use the new feature instead of telling them the new feature, “Save 20 hours/week” > “Multi-tenant architecture” -
Neubrutalism style is characterized by flat components, illustrations, patterns, and large blocks of text.
-
If you want to make your brand look established in your branding, you should consider using the Helvetica in your logos and branding.
- Use lighter font weights for elegance and sophistication, while bold weights can add emphasis and impact.
- Establish a clear hierarchy in your design by using different weights and sizes of Helvetica for headlines, subheadings, and body text.
- Stick to one or two weights of Helvetica throughout your project to maintain visual harmony. Avoid mixing too many different fonts, as this can create clutter and distract from your message.
- Pay Attention to Spacing: Proper spacing, or kerning, is crucial for legibility and aesthetics.
- Align text elements to a grid to create a sense of order and structure in your design.
- Experiment with Scale and Proportion: Play with scale and proportion to create visual interest and hierarchy in your design.
- Allow plenty of breathing room around text elements to create a clean and uncluttered layout.
- Use larger font sizes for signage and smaller sizes for body text in print materials.
Fitt’s Law
Time taken to go to an object is a function of distance to the object and size of the object; keep important things bigger and closer to the user
Aesthetic Usability Effect
Things that look nice and aesthetic appear as though they are useful or usable and appealing
Doherty Threshold
Keep the wait time as short as you can. If something takes time to load, engage the user onto something else while the first thing loads like a skeleton UI or a loading bar, but keep it fun
Goal Gradient Effect
The closer a person is to completing a task, the faster and more motivated that person becomes to work towards achieving it; compel users to complete a certain task by showing how close they are to completing it
Hick’s Law
Too many choices cause people to get confused and increase the choosing process time; less is more
Jacob’s Law
If something isn’t broken, don’t try to fix it; many apps follow similar designs for common things like search bars or navbars, and people get used to them, introducing new things can confuse people
Law of Similarity
Elements that look similar are automatically considered to be related by human minds
Miller’s Law
The more elements people have to process, the easier it is for them to make a mistake; keep things simple, less and minimal; don’t overload people with information; split tasks into logical, easy to process steps
Zeigarnik Effect
Provide a clear progress indication in order to motivate users to complete a task
Von Restorff Effect
Unique and different items stand out; they are likely to be remembered more than the others. A lot of SaaS apps highlight their most popular pricing plan in order to make it stand out from the rest
Law of Pragnanz
The human eye is lazy; it perceives complex shapes and images in the simplest form possible
Tesler’s Law
Some tasks may seem complex, but this complexity is important for their core function and it can only be managed, not eliminated. We can manage them by, for example, storing previous common information to prevent having to enter it over and over again
Pope in Pool
It is a technique that is used to trick your brain into listening to complex information by giving it something interesting and entertaining to look at. So basically, you come for entertainment and stay for education
60-30-10 Rule
Nuetral/Base Color - 60% | Primary Color - 30% | Secondary Color - 10%
- 60% - base color, should be used as background etc
- 30% - primary color, can be used to highlight some action button etc
- 10% - secondary color, can be used to highlight very important action buttons or things that require full attention of user.