Should you flex items throughout all the viewport on desktop?



  • 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.



  • 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/


Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2