According Cisco’s Visual Networking Index: Global Mobile Data Traffic Forecast Update, global mobile data traffic grew 74 percent in 2015. With a vast amount of people using mobile devices, the need for mobile design has never been more crucial than it is in todays society. This trend is not expected to slow down and will continue to grow expeditionary in the next upcoming years. Google took notice of this last April an decided to roll out a new algorithm that will lower the rankings of your website on mobile search if your website is not mobile-friendly. This was one of the biggest updates that Google has released since the Panda update. Below are some tips to help optimize your website for a mobile world:
Optimize your Images for Mobile
User’s who visit a website from their mobile device want to experience high quality pictures that loads extremely fast. This is sometimes hard to do as the higher quality the image, the longer that image will take to load. Speed plays a huge factor in mobile usage and if a website has a lot of high pixelated pictures then the site will take a long time to load which can scare the user away.
There are many ways to reduce your image file sizes. The first option would be exploring the different image resizing plugins that are offered through WordPress. These plugins perform compression techniques to every image uploaded to your WordPress website and optimize them. Another way to optimize your images for mobile is by using uploading photos as an SVG. What’s an SVG? SVG stands for ‘Scaleable Vector Graphic’. These files use a form of XML markup language instead of an image format which allow them to be scaled to whatever device or screen that it is being viewed on without affecting the quality of the image.
Images are not the only thing that can be optimized for your mobile site. The font that you choose plays a huge role in the way your website is being viewed. A typical rule when designing for mobile is to avoid using thin fonts. People have to look extremely close to their phones as it is, so to make them squint even harder to read a font could make the user leave your website. Choosing the right font for mobile is not hard. Follow these guidelines to make sure your viewers can fully read your font when being viewed on mobile.
- Use thick fonts.
- San Serif fonts scale a lot better.
- Make sure font chosen has enough spacing in between letters and words. Sometimes fonts can be extremely pushed together which will make this font harder to use.
- If using media queries for your font size use ’em’ instead of pixels.
Your websites menu is your viewers navigation map. The main menu should be optimized for both desktop and mobile devices. A typical mobile menu will usually condense into 3 small lines in the top right corner. If your website is not optimized for mobile, most likely your menu isn’t either. Making navigation for your viewer is extremely important on all devices. Every website built on Divi automatically responds to any device that the site is being viewed on by making the mobile menu condense into the 3 lines. There are other ways to further your mobile menu experience for your viewer by installing plugins that are better designed and styled than the typical divi 3 line mobile menu. To explore the possible opportunities that is available for your website’s mobile menu please contact a GraVoc Media Producton specialists and we will be glad to lay out different menu options for your website.