Mobile Optimization

Mobile Design

WHAT IS A RESPONSIVE WEBSITE:

A single site that reacts to the size of a user’s device—with one URL and one content source. A responsive website has a fluid and flexible layout which adjusts according to screen size including:
  • Readable text without requiring zoom
  • Adequate space for tap targets
  • No horizontal scrolling

FACTS ABOUT MOBILE DESIGN:

  1. As of July 2019, Google Search’s mobile-first indexing is enabled by default for all new websites
  2. Mobile viewing has now surpassed desktop web traffic with 60% of searches online now come from a mobile device.
  3. By the end of 2019, the number of mobile phone users is forecast to reach over 4.68 billion.

MOBILE DESIGN TIPS:

  • Design: Web page design should factor in the variety of mobile devices used to view your site from the beginning of initial planning.
  • Speed: Faster loading content is both helpful for both mobile and desktop devices. Use of appropriate image sizes and the use of caching can help in increasing your overall site speed.
  • Structure: Organize both your page content and your url structures with a logical hierarchy. This provides for more accurate search indexing & results.
  • Video & animation: Use HTML5 standard tags. Using flash or other license constrained media may provide a poor mobile experience.