UI & UX Tips

🎉 64 tips

Verified, research based tips coming from fintech, government and startup projects. Building a collective database of working UI patterns.

Daily practice

Daily Practice

Strong colors

Strong colors

Inner shadows

Inner shadows

Sliders 3

Sliders 3

Sliders 3

Sliders 2

Sliders

Sliders

Sorting

Sorting

List of options

List of options

Tooltips 2

Tooltips 2

Tooltips

Tooltips

Types of fields

Types of fields

Steps names

Steps names

Invalid fields

Invalid fields

Line graphs 3

Line graphs 3

Line graphs

Line graphs 2

Line graphs

Line graphs

Popups2

Popups 2

Popups

Popups

Empty screen

Empty screen 3

Empty screens

Empty screen 2

Centered fields

Centered fieds

Cell views

Cell views

Tables 3

Table 3

Tables2

Tables 2

Tables

Tables

Multi-column checkbox

Multi-column checkbox

Empty screens

Empty screens

Long lists

Long lists

Arrows

Arrows

Classic scenario

Classic scenario

Button size

Required password charaters

Required characters

Password

Password

Optical weight

Optical weight

Checkboxes

Checkboxes

Clashing colors

Clashing colors

Toggles

Toggles 2

Toggles

Toggles

Hints

Hints

Dropdowns

Dropdowns 2

Dropdowns

Dropdowns

safe-area overlap

Safe-area

Capitalized labels

Capitalized labels 

links

Links

Non-rectangular  shapes

Non-rectangular  shapes

CTA

CTA

Labels

Labels

Label fonts

Label fonts

Font sizes

Font sizes

Rounded form fields

Rounded form fields

super small click areas

Small  click areas

Avoid unclear messaging

Clear messaging

Underline fields

Underline fields

Multi-column forms

Multi-column  forms

Avoid red asterisks and setting most fields as required

Red asterisks

Buttons with no whitespace

Whitespace 

icons

Icons

Thin light fonts

Thin  and light fonts

Differentiate the buttons UX tip

Button hierarchy

Avoid vague button labels ux tip

Clear button labels

Avoid carousels with dots under them

Carousel dots