17 Apr 2013
April 17, 2013

Is your website mobile-ready?

3 Comments

Not so long ago, browsing the Internet was done only on desktop computers. According to the article “Tablet Mobile Web Traffic Now Eclipses Smartphone Traffic” at ReadWrite.com, there has been a steady increase of web traffic going to tablets and smartphones globally. Considering the trends, it is easy to see that mobile devices will dominate Internet traffic in the near future.

mobile-info

In this article I will explain what is a mobile-ready website and tell you why it is important for your website to be mobile-ready.

Mobile-Ready?

For a website to be mobile-ready, it has to be either:

  • Mobile-friendly
  • Optimized for Mobile browsing

Note: Sometime the terms “mobile-friendly” and “optimized for mobile” are confused to mean the same thing but the terms refer to two separate things.

What is mobile-friendly?

A website is mobile-friendly when it does not contain any Flash and it is purely HTML based. Users are able to use mobile devices to browse your web pages (the content will render correctly as it would on a desktop) but there will be a lot of left/ right scrolling and pinch-to-zoom.

If your website satisfies this usability level then you are half-way there to become fully mobile-ready.

What is mobile-optimized?

A mobile optimized website is a website that was designed and built specifically for displaying on smartphones and tables.  This kind of website will feature its menu and links in easy to click boxes and it will not require the user to scroll horizontally or pinch-to-zoom. Scrolling is done only up/down and the content is presented in an easy to read fashion.

Tough Decision!

Considering that we still have a high percent of users who will be visiting your website using desktops, you would not want to have your website built only for mobile devices. You will want your website to render on all devices (desktop and mobile). Some people will aim to have mobile-friendly websites while some website owners can have two versions of the website, one for desktop and one for mobile (possible only with flexible budgets).

But why not have one website that will render correctly on desktops and on mobile devices (without the left/right scrolls)? The term I want to introduce here is “responsive designs“.

Responsive Layout/Design

Using a series of new web-development technology, developers are now able to produce websites that are designed with layouts that will activate based on the browsing device. A website with responsive layouts is the ultimate mobile-ready website.

Conclusion

More developers are now setting this as the standard for website creation. HTML5 and CSS3 have made this task much easier for developers. Talk to your developer.

GxMedia has adapted this new trend and we are now building all of our new websites with responsive layouts. See websites like Mobile Money Guyana, Ori Hotel and our very own GxMedia – go ahead and try these on your desktop and on your mobile phones.

Girendra Persaud (April 2013)

[nrelate-related]

3 Responses to Is your website mobile-ready?
  1. Mobile devices such as cell phones have become an increasingly popular way to access the Internet. Many cell phone users browse their favorites websites or query Google and other search engines to find information, watch videos and check their email. Many websites, however, are not optimized for the mobile user. Many websites are designed for desktop users who have a wider viewing area. Designing a website for a narrower viewing space is one of the top considerations a webmaster must make when creating a mobile website. Other than that, mobile websites can be programmed in similar programming languages, such as HTML, javascript and CSS, as desktop websites.

  2. Even if your desktop site’s design renders properly on tablets, that doesn’t mean the battle is won. If simplicity is important in standard Web design, it’s even more critical in designing for the iPad and similar devices. As a rule of thumb, strip out any elements of a page’s layout that are not absolutely essential. Consider dropping that three-column layout for two columns. In many cases, cleaning up your site’s design for the benefit of tablet browsers will have the added advantage of making the desktop browsing experience better.

  3. Highly energetic blog, I liked that bit. Will there be a
    part 2?


[top]

Leave a Reply to Shanna Cancel reply

Your email address will not be published. Required fields are marked *