Layout Essentials — Web App Design 101

First — Know and Leverage User Expectations

  1. Creating a clear visual hierarchy
  2. Breaking up screens into clearly defined areas
  3. Making it obvious what’s clickable
  4. Reducing visual clutter

Clear Visual Hierarchy

Clearly Defined Areas


Reduce Clutter

Next Up: Navigation Best Practices

  1. Help your user get to where they need to be
  2. Provide orientation for where they are now



Product & Dashboard Designer. Work hard & be nice to people.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store