What is the smallest screen size you should design for?
Reading Time – 3 min. The smallest screen width to design for is 320px: it covers small phones and WCAG reflow at 400% zoom. Common mobile viewport sizes and how to test them.
Category: Layout
Clockwise or counter-clockwise rotated text: which is easier to read?
Reading Time – 6 min. Neither direction is easier to read. Every study that has tested clockwise against counter-clockwise rotated text — going back to 1956 — has failed to find a reliable difference between them. So pick by convention, not legibility: rotate counter-clockwise (reading bottom to top) for chart axis labels and vertical UI labels, and clockwise (top to bottom) for anything modelled on a UK or US book spine.
How Do Rounded Corners Affect Usability?
Reading Time – 3 min. Rounded vs sharp corners in web design: rounded corners feel friendlier and group content, sharp ones feel precise and suit dense UIs. When to use each.
Ideal column width for paragraphs online
Reading Time – 2 min. Columns only make sense in a web setting if you're trying to convey a very small amount of information; otherwise, they have a negative impact on…
Should the Cancel button appear first or second?
Reading Time – 3 min. Should the Cancel button appear first or second? When naming a button, it's better to clarify what it does rather than just labeling it as…
Minimalistic Design: Why do sites leave half the page empty?
Reading Time – 3 min. Why do designers opt for a minimalistic design? Read the pros and cons of having empty space on your web pages.
Do users want to look at multiple windows at once?
Reading Time – 2 min. More difficult tasks can't be completed without the use of multiple windows. But do users really want to do that? Find an answer here!
How to Avoid Hermann Grid Illusion in Grids?
Reading Time – 2 min. If you are designing a UI for an image gallery with 3-4 images in a column and multiple rows, using rounded corners will cause a Hermann Grid illusion.