What Makes a Mobile-Friendly Website? (Don’t succumb to Jellied Moose Nose)


What Makes a Mobile-Friendly Website? (Don’t succumb to Jellied Moose Nose)

  • Focus: Web

Here is the scenario:

You’re traveling and in need of a restaurant. You are starving, the stomach is roaring, Jellied Moose Nose is starting to sound good (oh yes, it exists) and the only cure is some amazing Thai. You reveal your savior, this amazing thing called a mobile device. 

With the speed of a gazelle, you bring up that mobile browser and start to search for “Thai restaurants near me” and up pops a webpage with a list of “Top 10 Thai”. You wipe the drool off your screen and blink to clear away the hunger fog encroaching on your vision. You become desperate and randomly click on one of the links. 

SUDDENLY, you are bombarded with an enormous image, but of what? For all you know it could be that jellied moose nose! You quickly pinch the screen furiously like an adventurer trying to climb the mountaintop to see the lay of the land. You shrink the image down so you can see the landscape; but you’re not sure what you’re looking at. You notice a button for menu and quickly press it…and quickly press it…and quickly press it. 

They say good things come in 3’s, but not this time. 

Mobile-Friendly Website - Boston

Photo courtesy of mdanys(CC Attribution)

Now at this point there are only two outcomes to this:

1.     You die a slow, hungry, painful death (who doesn’t love dramatics?)

2.     You associate that restaurant with aggravation and swear to never even think about them again let alone visit their website or location.  

This could have all been avoided with a mobile-friendly website!

Some of you may be thinking that this concept is nothing new. After all, as of 2014, mobile devices are being used more than desktops! And last April, Google announced that a website’s ranking would also be heavily judged on its mobile-friendliness… or lack thereof. You probably already knew that but you know what’s scarier than jellied moose nose? There are still people that don’t realize this or understand that there are multiple components involved in making a mobile-friendly website!

For those that haven’t been able to update your website, here are some friendly tips to get you going. 

1.     Some sites will mention that you could have two separate websites: One desktop site and one mobile-friendly website. There are some flaws with this idea. First off, that means you have to maintain and update two different websites! You may also find users get frustrated with variances of information available to them based on which site they visit. 

Finally, Google already penalizes the SEO of different websites with duplicate content, which means you could take a hit for having these two different websites (even if one is specifically for mobile devices)

Mobile-Friendly Website - Boston

Photo courtesy of mrJasonWeaver(CC Attribution)

2.     Design (or re-design) it right the first time! Design the site with a mobile-first approach. This will help prioritize what content goes on the site and how it is displayed. A responsive design will be able to detect the visitor’s screen size and orientation. The detection will result in a layout that will change accordingly!  

Mobile-Friendly Website - Boston

Photo courtesy of Chasing Daisy(CC Attribution)

3.     Use high-res images to ensure a high standard for the user experience. As an example, iOS devices have HD screens that now require an image double the resolution of a desktop! Having high-res images will help you avoid displaying pixelated, or blurry, images. 

Mobile-Friendly Website - Boston

Photo courtesy of markus spiske(CC Attribution)

4.     Use YouTube videos on your site. You should be doing videos anyway but you want to make sure you are placing them on YouTube. The reason? You can easily embed the video onto your website instead of uploading it directly to your site. This will not only speed things up for visitors but the embed code is already responsive and that saves you several steps in ensuring it appears correctly. 

Video Marketing Online - Mobile-Friendly Website Boston

Photo courtesy of Joe The Goat Farmer(CC Attribution)

5.     Test the heck out of it! Don’t just test it on one mobile device and call it a day. Check it out on an Android device, iOS device, Windows device, tablet etc. Get a few people to test it on a variety of devices to verify that you truly have a mobile-friendly website. 

Mobile-Friendly Website

Photo courtesy of miss karen(CC Attribution)

by Evin Charles Anderson

   

For more than a decade, Evin Charles Anderson has explored the intersection of performance, production and promotion. As the CEO and Creative Partner of Waverley Knobs, featured in Lifehack and CEO Blog Nation, he helps clients shape, shoot and share unique and engaging brand stories that inspire action, innovation and change. Evin’s independent, Hollywood and commercial film experience and marketing expertise means he not only knows how to visually tell a story for his clients, he knows how to position that story for real-world impact and business results.

In addition to running Waverley Knobs, Evin is a professional actor and director, as well as co-creator of the podcast Branch Out: THE Marketing and Digital Media Podcast. He also teaches acting, directing and marketing classes for the City of Cambridge in Massachusetts. Evin’s film Paperthin has been featured at The Magwill Film Festival in California, and Waverley Knobs’ short film, The Heist, has been featured in Examiner and MobileMovieMaker.

No Comments