twitterfacebook
Top 30 sites for freelancers
Every site you'll ever need! check it out →

Everything you need for a mobile friendly website

Everything you need for a mobile friendly website

If you take a look around in the 2013 world you will find out very big number of individuals that have their eyes glued to their Smartphone’s. As voice and data services providers improve their networks and mobile phone manufacturers continue to push out new devices, customers are browsing the World Wide Web a lot more from their Smartphone’s and tablets rather than from traditional computers and laptops. While these devices support full web browsers, it is becoming important for businesses to create a better experience for their mobile users.

While some businesses are creating full-featured native applications, web technologies have advanced to the point where this may not be necessary. Responsive and dynamical web design makes it much easier for you to devote your development time to your website with a good presentation on mobile and no additional resources expended on mobile app development. Any further development could be pricy so you must stay focused on what your customers want most when they spend time with their Smartphone’s.

So if you’re still asking yourself why you should have a mobile friendly website, check out the facts below (source Yahoo).

–          75% of customers prefer a mobile-friendly site

–          76% want mobile pages to fit their screens better

–          74% want the option to navigate to a full site

–          69% say they want mobile sites to have bigger buttons

–          52% say they’re less likely to engage with a company if their mobile experience was bad

Also below you can find other numbers that will help you understand what you need to do to the website that represents your business in order to be more user friendly to Smartphone’s and tablets users.

–          78% want to be able to find what they are looking for on a website within one or two clicks

–          76% want websites to better fit their screens

–          78% want an easy to use search bar

–          64% want to only scroll u and down without the need to scroll left and right

–          74% want the option to navigate to the full website

–          69% want mobile websites to have bigger buttons

–          61% want a “click to call” option

–          54% want a “click to email” option

–          48% want a link to social networks

–          76% want to easily find out the location and operating hours of a business

–          73% want non-scrolling and easy to use forms.

–          74% want a website to look clean and efficient

Regardless of which method of mobile compatibility you choose, it is imperative to test your site on a variety of browsers and devices. What may look great on a tablet but it could appear distorted on a Smartphone or some other mobile device with a larger display. Please keep in mind that there is a pretty big number of mobile device simulators available over the internet that will help you test your website across a variety of platforms. Given the growing trend of mobile browsing, do not worry about investing in making you website mobile friendly because for sure you will be repaid back in the time that comes.

 

WPTouch for WordPress

If you use the popular CMS WordPress for your website then you can use a plugin called WP Touch.

WPTouch provides a basis for your website to be “simply mimicked” over to mobile, not magically transformed.  Essentially it is a framework to display your logo, custom banners and ad’s and your pages + posts. The plugin offers a lot of nice features and smooth effects for mobile device users.The admin panel allows you to customise a wide array of the website specifics to help you deliver what could be said as a pretty good user-friendly and stylish version of your site to your mobile visitors.

What should be said is that the plugin doesn’t interfere with the code of your regular desktop website however works alongside it and kicks in when a user from a mobile device visits the website.

Advantages

Supposedly lightning fast over responsive designs

Disadvantages

Somewhat limited in terms of the themes provided by the plugin.  Limited to theme functionality, unless you develop ontop of the theme.

 

Responsive design framework

Another interesting thing that can help you in creating a mobile friendly website is Foundation 4 which is a very advanced front-end framework. The company who developed Foundation 4 is called ZURB, a product design company established in California. They also offer training in how to use it.

 

Mobile site emulators

iPhonetester.com is another option for you to test the layout of your website on a mobile device. But for a good functionality you will have to download and install the newest version of Safari browser.
Transmog.net is a Mobile Web Portal similar to Iphonetester but with much more options allowing you to test the layout of your website on several devices such as iPhone 3, iPhone 4, iPhone 4, iPad 2 and also Samsung Galaxy S3. You can make a free trial account on their website by following this link.

 

Reflow

Responsive Design Software

html.adobe.com/edge/reflow – Adobe Edge Reflow is a very powerful, modern and easy to use software tool for designing “the responsive web”, as part of the Edge suite of software you get the benefit of the rest of the suite too.

I would go as far to say the new Edge suite of tools are a pleasure to use.

 

Sources used:

http://news.yahoo.com/blogs/advertising/infographic-importance-mobile-design-231118591.html

Written by OIiver

Oliver is a 20 year old web-enthusiast and entrepreneur from the UK. He enjoys Marketing, SEO, Technology and Business.