Broken Web Design Patterns


· Reading time: 1 min

Things that are πŸ˜‘πŸ‘ŽπŸ’©

  • Parallax scrolling
  • Large generic stock hero images
  • Scroll hijacking
  • Overly dramatic hover styles/transitions
  • Showing hidden content on hover state
  • Images for the sake of images
  • Icon fonts
  • Unoptimised assets (JS/CSS)
  • Javascript for the sake of Javascript
  • Styling the browser scroll bar
  • Aggressive copywriting e.g. β€œI don’t care about …” instead of β€œClose”
  • Newsletter sign up modals
  • Tiny embedded videos

Things that are πŸ˜„πŸ‘πŸ˜—πŸ‘ŒπŸ’―

  • Simple and initiative interfaces
  • Accessibility
  • Performance
  • SVG
  • Responsive web design
  • Helpful and friendly copywriting
  • Progressive enhancement