5 UX Principles You Must Adhere to for an Awesome UX Design

Packt_Pub
Packt_Pub
Dec 25, 2018 · 6 min read

1. Don’t use more than two typefaces

Only amateurs call typefaces “fonts”, you know? “Proper” design professionals call them “typefaces” Fonts are the files on the device that the software uses to render the typeface. Fonts are the paint on the palette, while the typeface is the masterpiece on the canvas.

2. Users Already Have Fonts on Their Computers, So Use Them

Yes, your corporate brand font is lovely. It’s so playful and charming but it takes an extra three seconds to load the page, as the font needs to be downloaded from the server and rendered — and nothing appears until it loads — driving your users crazy.

Font-family:   apple-system   BlinkMacSystemFont   Segoe UI   Roboto   Oxygen-Sans   Ubuntu   Cantarell   Helvetica Neue   sans-serif

Use Type Size to Depict Information Hierarchy

This is a simple yet effective method for organizing your views and making them instantly understandable for a wide range of users. Let’s look at an example of how not to do this in an imagined “Calendar” app user interface:

Headline that tells you something

Subtitle that adds context and poses more questions

This is the body copy that expands on the story by adding detail progressively through the copy. Keep reading to the end to learn less and less important detail.

Use a Sensible Default Size for Body Copy

Your customers will be reading a lot of text across your app or site, so how big should the type be?

Use an Ellipsis to Indicate that There’s a Further Step

If your user sees a “Remove” button, how do they know if pressing it will:

Quick Design

Find top tutorials & courses to learn UI, UX, wireframing, design, graphic design, mobile design, web design, product Design, logo design, design thinking, design tools, Sketch, Figma, Photoshop, Illustrator, Flinto, After Effects, Axure RP, InDesign, Farmer JS, 3D design & more

Packt_Pub

Written by

Packt_Pub

Stay Relevant!

Quick Design

Find top tutorials & courses to learn UI, UX, wireframing, design, graphic design, mobile design, web design, product Design, logo design, design thinking, design tools, Sketch, Figma, Photoshop, Illustrator, Flinto, After Effects, Axure RP, InDesign, Farmer JS, 3D design & more