Let's Learn about
UX laws from
Google Pay
& Paytm
Why have billions of people downloaded Google Pay and Paytm?
It’s because these apps adhere to key UX principles that prioritize ease of use—and you can apply the same strategies in your designs!
P.S. Most successful applications follow these UX laws, creating such seamless user flows that users can complete their tasks in mere seconds, often without even realizing they’re interacting with a design.
INCLUSIVE DESIGN
📕 Inclusive Design Guide
By Microsoft
As designers, we often design products for ourselves. This can exclude a diverse range of people with different abilities and perspectives.
Rather than solving problems using your own biases, seek out exclusions and use them as opportunities to create new and better experiences.
Learn inclusive design with this guide 👇
UI DESIGN TIP
Ensure interface elements have a 3:1 contrast ratio
Contrast is a measure of the difference in perceived brightness between two colours. It’s expressed as a ratio ranging from 1:1 to 21:1. For example, black text on a black background has the lowest 1:1 contrast ratio, whereas black text on a white background has the highest 21:1 ratio. There are many online tools to help you measure contrast ratios between different colours.
In order to help ensure that people with low vision can clearly see interface details, aim to at least meet Web Content Accessibility Guidelines (WCAG) 2.1 level AA colour contrast requirements.
There are 2 important contrast ratios you need to remember:
1️⃣ 3:1 - Minimum for large text (above 18px with bold weight or above 24px with regular weight) and user interface elements (like form fields). Decorative elements and styles that don’t convey meaning don’t need to meet this contrast ratio.
2️⃣ 4.5:1 - Minimum for small text (18px or less).
Star ratings, like the following example, often lack sufficient contrast. Simply adding a darker border gives them sufficient 3:1 contrast, which means that more people will be able to see the rating 🙌
MOBILE USABILITY FOR UX DESIGN
This mobile usability guide shows how users interact with their phones based on handedness and screen reachability. It reveals that 57% of users are right-handed, 28% left-handed, and 15% use both hands. The screen zones are divided into "Easy" (green), "Stretch" (yellow), and "Hard" (red), indicating accessibility levels. UX designers can use this insight to place essential functions in the easy-to-reach green zone, enhancing overall user experience.
Apple integrates these usability principles with a focus on reachability and ergonomics. For example, the app search functionality is placed at the bottom of the screen, making it easily accessible for one-handed use. Though it may seem like a small design decision, it has a significant impact on usability, reducing user effort and enhancing overall convenience.