Basic Interactions 2. 80/20 Rule (Pareto principle)
80/20 Rule is also known as the Pareto principle. That means when a company focuses it’s resources on critical 20 percent of their product, the product will yield better results compare to put their efforts into every trivial goal. This strategy could be utilized in various ways.
I’d like to focus on a mobile user experience environment in this principle. UX/UI designers always need to keep in mind that their canvas is small. I know it is not small anymore, but when a designer attempts to add every feature in one screen, users will get lost. Therefore, it is better to have one primary feature on a screen or emphasize one primary feature so that the interface clearly shows the hierarchy between the primary and secondary features.
Many years ago, Google’s Material Design devised an excellent example. The button component called Floating Action Button (FAB) usually floats on the right bottom of the screen. It always performs the primary or most common action on the screen. Therefore, users will not waste time and reach their goal quickly.
- Example
I found an bad example in my Task Manager application from my previous company. It has four tabs and myriad buttons. I applied 80/20 rule to make users focus on the primary action.
- Before
- After
What are 150 Basic Interactions?
This project is a weekly basis Interaction design study. I’ve always been intrigued by the cognitive/psychological approach in user experience design. The book The Pocket Universal Principles of Design by William Lidwell will be the resource of my 150 Basic Interactions study. I will learn the principles in the book by finding existing weak examples and creating a new strong interaction with Framer, InVision, or other tools.
