2

I've been noticing many popular websites often don't span items throughout all the viewport on desktop screens. For instance, Google:enter image description here

I noticed this recently while building a website. I was flexing the card items throughout all the viewport, but I realized that by reducing the width of the parent div (say to 70vw), it was "easier" for the eyes to look to the cards in order, as opposed to when the items flex throughout all the viewport and you need to look from the total left of the screen to the right (more eye movement).

Is there a resource that talks about this? I don't know what's the technical term of this technique, but I'm sure there is UX design intention here.

Thanks.

2

2 Answers 2

1

Two famous resources are: White Space and Gestalt

White Space: improve user focus Gestalt: help you to groupping and managing information

You can read more here: https://www.nngroup.com/articles/form-design-white-space/

1
  • Can't upvote you because I don't have enough rep, but this is helpful. Thanks a lot.
    – Red Vic
    Apr 6, 2022 at 15:33
0

In addition to white space considerations, as mentioned by Juliano, one should also consider line length for readable paragraphs.

The common rule is to try and not make readable text too many characters per line. Good length seems to be around 50-75 characters. WCAG seems to agree on 80 characters

Here are good articles about that:

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.