Tagged “UI”
-
001 — Don't use pure black & white colors for text
by Óscar Otero
1 min read
-
002 — Use 16px or above for the body text
by Óscar Otero
1 min read
-
003 — Buttons should have a minimum size of 40x40px
by Óscar Otero
1 min read
-
004 — Reduce the line height of large texts
by Óscar Otero
1 min read
-
005 — Use a line length of 50-75 characters
by Óscar Otero
1 min read
-
006 — Use different colors for text and icons
by Óscar Otero
2 min read
-
007 — Use filled icons when possible
by Óscar Otero
6 min read
-
008 — When use switch and checkbox?
by Óscar Otero
1 min read
-
009 — Placeholders are not labels
by Óscar Otero
1 min read
-
010 — Don't rely on color to convey the error message
by Óscar Otero
2 min read
-
011 — Order CTAs by importance
by Óscar Otero
1 min read
-
012 — Design focus and hover states independently
by Óscar Otero
1 min read
-
014 — Paddings for buttons
by Óscar Otero
1 min read
-
015 — Shadows and hierarchy
by Óscar Otero
1 min read
-
016 — Adjust the rounded corners of inner elements
by Óscar Otero
2 min read
-
017 — When to use radio buttons or selects
by Óscar Otero
2 min read
-
018 — Text over images
by Óscar Otero
1 min read
-
019 — Use only one primary button per screen.
by Óscar Otero
1 min read
-
020 — Use enough contrast for the boundaries of interactive elements
by Óscar Otero
2 min read
-
021 — Destructive actions should be secondary
by Óscar Otero
1 min read