top of page

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.
 

Screenshot 2024-11-02 at 12.58.44 AM.png

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 👇

Screenshot 2024-11-02 at 4.20.25 AM.png

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 🙌

Screenshot 2024-11-12 at 3.53.18 AM.png

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.
 

home.png
bottom of page