Mobile Responsive Methods

Below are some considerations for ensuring quality is met for smaller screen sizes.

Scalable

  • A simple (usually single-column) layout that scales down nicely
  • Large text that is readable on screens of all sizes
  • Large, touch-friendly calls-to-action

Fluid

  • Transitioning between portrait and landscape views
  • Images and text adapt to screen orientation

Responsive

  • Layout, adjustment for size of text, images, and buttons, and, in some cases, hide or even swap content between desktop and mobile views
  • Streamline any complex multi-columns into easy-to-scan, easy-to-scroll single-column designs on mobile - complete with larger text and more touch-friendly buttons