CIMS Awards 2014
PSD to Interactive HTML Conversion
More

Testing web design is challenging, nut-cracking and back breaking!

The burning
problem!

Developers feel extremely difficult to develop websites compatible to various browsers, OS and resolutions.

Using the best ingredients available at our refectory, Monks explore the three dimensional approach of website testing centering Browsers, Resolutions and Operating Systems for the Mobile and Web.

0

divine

solution

Dimension 1
Operating Systems

Dimension 2
Browsers

Dimension 3
Resolutions

Mobile Compatibility check for the website is the primary foundation and base for
successful three dimensional testing.

Importance of Mobile compatibility check is mounting.

Mobile internet browsing has surpassed 24% share worldwide, considering the overall internet browsing market share statistics.
Below is the mobile internet browsing share for various continents and countries:

14%

Canada

25%

USA

22%

North America

11%

South
America

24%

UK

13%

Europe

40%

Africa

29%

UAE

67%

India

34%

Asia

11%

China

20%

Australia

16%

New Zealand

Internet Browsing over Mobile
(Source: Statscounter January 2014)

Worldwide

24%

That said, in most countries internet browsing over mobile has started to pace up.
While countries like US, UK & Australia have witnessed sky rocketing growth in terms of mobile visitors,
countries like India & Africa are having surprising ratios as well.
Population of mobile phones over humans is increasing and thus, mobile internet is equally important as desktop.

With that, our foundation for the three dimensional architecture is ready! Let’s start the construction now!

Dimension 1

Operating Systems

It might happen that your website looks decent, when viewed in Win 7 - IE 10 but it misses the charm when viewed in Win 8 - IE 10. To make website browsing a memorable and consistent experience, it is imperative to test operating systems along with browsers.

Desktop

54%

20%

8%

8%

4%

3%

3%

Win XP

Vista

Win 7

Mac

Win 8

Android

Others

Windows 7 remains to be the most popular desktop OS followed by Windows XP. Win 7 has a lesser boot time, enhanced searching capabilities, expanded security and a lot more. Mac lags behind with a lower market share given the niche target audience it attracts.
(Source: Statscounter January 2014)

Android as always have dominated the market share with innovation, speed and ability to execute complex tasks easily. With 44% of share, Android has become increasingly popular and even found to be outperforming iOS specially with continuous innovation of Samsung Galaxy series.

(Source: Statscounter January 2014)

Mobile

44.00%

24%

12%

5%

4%

3%

2%

7%

Dimension 2

Browsers

It might happen that your website looks decent, when viewed in IE 10- Win 7 but it misses the charm when viewed in IE 8 - Win 7. To make website browsing a memorable and consistent experience, it is imperative to test browsers along with operating systems.

Desktop

47%

Chrome

40%
Chrome 31
and 32

6%

Safari

25%


IE

7%
IE 8

5%
IE 9

8%
IE 10

2%

Opera

20%


Firefox

15%
Firefox 26

While resorting to a browser for internet surfing, most desktop users prefer Chrome, IE and Firefox. Chrome remains to be favourite for many users and with that, it continues to outperform other browsers with a roaring 47% market share.

Chrome is easily accessible and much simpler. Chrome and Firefox also offers more customization with add ons. The versions 9 and above of Internet Explorer use HTML 5, which enhances browsing experience on the other side.

(Source: Statscounter January 2014)

Mobile

Popular Versions

Safari 6-7

41

%

Android-4

23

%

Safari 10%
Android 10%
IE 10%
Others 10%
Blackberry 10%
Opera 10%
Chrome 10%

Safari, Android, Opera and Chrome in that sequence leads the mobile browser arena. Safari is efficient and easy to operate. It also features advance history searches, easy bookmarking and a lot more whereas Android delivers a refined, unified UI for phones and tablets.

(Source: Netmarket Share December 2013)

Dimension 3

Resolutions

Resolutions play a vital role when you wish to design the website in responsive or scalable layouts.
It is hence, inevitable to test website on some of the most popular resolutions.

iMacs
Macbook 17"
Samsung Note 3

7%

1920X1080
1920X1200

20 to 22 "
Monitors

6%

1600X900
1680X1050

Macbooks 15.5
Dell Precision

5%

1440X900

Dell XPS 10
Macbook Air 11.6

23.00%

1366X768
1360X768

Macbooks 13.3
Samsung s3
Nokia Lumia 920
HTC One X
Samsung note 2
16 to 17" Monitors

14%

1280X800
1280X1024
1280X720

iPads
13 to 15" laptops
& screens

9%

768X1024
600X1024

Tablets in
landscape mode

9%

1024X768
720X1280

Low Res
Smartphones

8%

320X480
320X568

Apart, some other popular resolutions remain to be 640×960 and 640×1136 and devices that fall here are iPhone 4 and 5.

As the popularity of larger resolutions is prominent, more devices are manufactured keeping in mind 1366X768, 1280X800, 768X1024 etc.
resolutions. Macbook Air 11.6 is engineered keeping in mind 1366X768 resolution. Monitors are designed keeping in mind 1680*1050
resolution while low resolution smartphones target a typical 320X480 resolution.

(Source: Statscounter January 2014)

Now our 3 dimensional architecture is completed and It's time to crown the top operating systems, browsers and resolutions.

Beat the testing heat and unveil the hidden treasure!

Testing through this 3D approach will ensure that your website looks
immaculate to more than 80% of users!

1920X1080
1920X1200
1600X900
1680X1050

1366X768
1360X768
768X1024
720X1280

1440X900
1280X800
1280X1024
1280X720

1024X768
600X1024
320X480
320X568

Desktop
Win 7, Win XP
Win 8, MAC

Mobile
iOS, Android,
Series 40, symbian

Desktop
IE 8,10,11, Firefox 26
Chrome 31, Safari 6

Mobile
Android 4, Safari 6,
7,Safari 5.1, Opera,
UC Browser

* This data is obtained from Statscounter and Netmarket Share and it might vary from the exact accurate statistics. However, it will give the near most picture of the must test browsers, OS and resolutions.

About Webby Monks: Webby Monks offers a great deal of PSD to interactive HTML conversion services blended with virtual library of 100+ interactive components enabling clients to add fun and interactivity to their website.

We too follow a three dimensional approach and do a thorough compatibility testing for popular browsers, resolutions and operating systems before deliverying website project back to our clients.