UX Tips for a Mobile-Friendly Website

UX Tips For A Mobile-Friendly Website

If you don't have a mobile website, you'll want to get one up - PRONTO.

Google's latest algorithm, dubbed "mobilegeddon" is changing how the search giant calls up website when users perform searches on their mobile phones. Starting YESTERDAY, mobile-friendly websites will having increased ranking. There are still various other ranking signals that Google takes into account, but this new update, which will be pervasive is going to give mobile-friendly websites an edge. 

For small businesses and organizations that have yet to invest in smartphone-friendly websites (the update doesn't pertain to tablet led searches) this may cause a bit of pain. 

The good news is...firing up a mobile-friendly website doesn't have to be the most complicated, expensive, design process of your organization's life. Whether you're going to have a go at creating a mobile site on your own, or you plan to seek out professional web design, we have some rudimentary user expereince (UX) tips to consider before you start this project. 

1) Keep your content concise: 

Mobile searches tend to be short in length. Often users are seeking spur of the moment information and once they find your website, they only have so much time left to browse it.

  • Reduce the fluff! 
  • Keep media short, sweet and purposeful! 
  • Images for the sake of images aren't important on mobile.
  • Quality images where images belong are essential! 

Bottom line: provide the most relevant information up front and ready for your potential consumer to run with. 

2) Navigation should be easy: 

When it comes to mobile web design, poor navigation is one of the first things that can either impress, or burn a visitor. At the same time that users don't want a navigation bar to cluttler their limited screen real estate, they don't want to hunt for relevant web pages. Many designers "solve" this by employing the "hamburger," the well-known stacked three horizontal bar button that unfolds into a navigation menu. We use one on our mobile site and we often recommend one. It's not always the best choice, so before using one you should sit down and consider how many pages you have, how they connect to one another, and how your prospective audience might best get from A to B. 

3) Find the right size buttons: 

Button size is really quite important. Too small and users are left pinching their screens trying to access it. Too large and you're taking away from content. We're not going to recommend button dimensions, but we suggest you test out different sizes and find what works best for your site. 

Putting together a mobile website is a bit of a different experience from building a traditional site. It can cause headaches, but ultimately the payoff will be well worth it.