Try Usersnap for User Testing<\/h2>Try Usersnap Now<\/a><\/div>\n\n\n\nDeveloping for a global audience<\/h2>\n\n\n\n
In our #InsideSaaS series<\/a> we gave you some insights on how to build a SaaS product<\/a> for a global audience. Thinking about product translations, time- and culture differences and local user experiences are just the beginning.<\/p>\n\n\n\nWe haven\u2019t talked about the topic of browser diversity and how to handle it.<\/p>\n\n\n\n
What\u2019s your browser status quo?<\/h2>\n\n\n\n
First things first.<\/p>\n\n\n\n
Let\u2019s check your statistics and take a deeper look at which browsers are being used by your website visitors and users. If you have Google analytics (or any similar analytics tool) installed, it\u2019s pretty easy to find that information.<\/p>\n\n\n\n
Looking at our Analytics dashboard, I was quite surprised to find at least 4 desktop browsers I haven\u2019t heard of before right there in the top 15 browsers used by our site visitors.<\/p>\n\n\n\n![\"browser](\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/07\/browser-statistics-usersnap.png\")
<\/a><\/figure>\n\n\n\n<\/p>\n\n\n\n
\nOops. Why haven\u2019t I noticed that before.<\/p>\n<\/blockquote>\n\n\n\n
I got a little troubled. How does our website look like in those browsers? Where are those people coming from? How does their user experience look like?<\/p>\n\n\n\n
Those questions started worrying me and I tried to find some answers. And here\u2019s what I did next.<\/p>\n\n\n\n
The role of browser diversity and how to be relevant<\/h2>\n\n\n\n
Knowing your target audience is crucial. And luckily a detailed analysis of our target audience was already conducted before we released a new website.<\/p>\n\n\n\n
However, I\u2019m surprised that we forget to think about the tiny little detail of how those people might use our websites and apps.<\/p>\n\n\n\n
So, I tried to find some answers on the following question:<\/p>\n\n\n\n
\n- Which devices are being used by our local audiences?<\/li>\n\n\n\n
- Which browsers are the most common among our target audiences?<\/li>\n\n\n\n
- Which search tools are being used?<\/li>\n<\/ul>\n\n\n\n
In order to answer those question, market research needs to be conducted. So, let\u2019s get started.<\/p>\n\n\n\n
Step 1) Define the countries you\u2019d like to target<\/strong>
Providing a global SaaS product, does not necessarily prevent you from thinking about local markets.<\/p>\n\n\n\nMost people define global by having an English product. But I doubt that your English product will be used in the same way across China, Spain and the US.<\/p>\n\n\n\n
Step 2) Research browser statistics in your targeted countries<\/strong><\/p>\n\n\n\nIf we take a look at the worldwide browser statistics, we won\u2019t find any big surprises. Chrome is leading in the Desktop browser war, followed by Firefox and Internet Explorer.
![\"world](\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/07\/world-browser-statistics.png\")
<\/a><\/p>\n\n\n\n(source: gs.statcounter.com<\/a>)<\/em><\/p>\n\n\n\nBut let\u2019s assume that we defined Russia as one of our target markets, the browser game looks a bit different. Still, Chrome is leading (with 47%), but did you know that Yandex Browser is used by more than 12% of all desktop browser users in Russia? I did not.<\/p>\n\n\n\n
Now let\u2019s take a look at South Africa. Did you know that Opera is the most-used mobile browser in the country? Quite interesting I guess…
![\"south](\"https:\/\/usersnap.com\/blog\/wp-content\/uploads\/2016\/07\/southafrica-browser-statistics.png\")
<\/a><\/p>\n\n\n\nStep 3) Browser testing done right<\/strong><\/p>\n\n\n\nDepending on your defined markets you may simply run browser tests on Chrome, Firefox, Safari, and Edge. This can be done quite easily with existing browser testing tools<\/a> such as SauceLabs<\/em> or BrowserStack<\/em>.<\/p>\n\n\n\nFor further info on that, I\u2019d recommend starting here:<\/p>\n\n\n\n
\n- Get started with browser testing<\/a><\/li>\n\n\n\n
- Modern browser testing tools<\/a><\/li>\n<\/ul>\n\n\n\n
But how can you test your site in unusual browsers?<\/strong><\/p>\n\n\n\nThe hard thing about browser testing<\/a> is finding tools and ways on how to test unusual browser versions.<\/p>\n\n\n\nWhile conducting my research I found out that while the most popular browser testing tools<\/a> I know support only the top browser players we know, some do support unusual browsers:<\/p>\n\n\n\n\n- BrowserStack<\/a> supports Yandex browser<\/li>\n\n\n\n
- Browsershots<\/a> supports SeaMonkey browser<\/li>\n\n\n\n
- CrossbrowserTesting<\/a> support UC browser (mobile browser from China)<\/li>\n<\/ul>\n\n\n\n
But if you really want to be 100% sure, I recommend setting up a local test environment where you\u2019re running local browser tests in your unusual browsers.<\/p>\n\n\n\n
But here comes the good news.<\/p>\n\n\n\n
Chromium projects FTW<\/h2>\n\n\n\n
Chromium is an open-source web browser originated from Google Chrome. Most of these new browsers (also included the mentioned ones) are based on the Chromium project, which make use of the rendering engine.<\/p>\n\n\n\n
The good news is that if you want to ensure a bug-free website<\/a> in those unusual browsers you just need to make sure that it works with the basic Chromium browser. If your site works in Chromium, it is safe to say it will probably render correctly in those unusual ones too.<\/p>\n\n\n\n<\/p>\n\n\n
We haven\u2019t talked about the topic of browser diversity and how to handle it.<\/p>\n\n\n\n
What\u2019s your browser status quo?<\/h2>\n\n\n\n
First things first.<\/p>\n\n\n\n
Let\u2019s check your statistics and take a deeper look at which browsers are being used by your website visitors and users. If you have Google analytics (or any similar analytics tool) installed, it\u2019s pretty easy to find that information.<\/p>\n\n\n\n
Looking at our Analytics dashboard, I was quite surprised to find at least 4 desktop browsers I haven\u2019t heard of before right there in the top 15 browsers used by our site visitors.<\/p>\n\n\n\n <\/p>\n\n\n\n Oops. Why haven\u2019t I noticed that before.<\/p>\n<\/blockquote>\n\n\n\n I got a little troubled. How does our website look like in those browsers? Where are those people coming from? How does their user experience look like?<\/p>\n\n\n\n Those questions started worrying me and I tried to find some answers. And here\u2019s what I did next.<\/p>\n\n\n\n Knowing your target audience is crucial. And luckily a detailed analysis of our target audience was already conducted before we released a new website.<\/p>\n\n\n\n However, I\u2019m surprised that we forget to think about the tiny little detail of how those people might use our websites and apps.<\/p>\n\n\n\n So, I tried to find some answers on the following question:<\/p>\n\n\n\n In order to answer those question, market research needs to be conducted. So, let\u2019s get started.<\/p>\n\n\n\n Step 1) Define the countries you\u2019d like to target<\/strong> Most people define global by having an English product. But I doubt that your English product will be used in the same way across China, Spain and the US.<\/p>\n\n\n\n Step 2) Research browser statistics in your targeted countries<\/strong><\/p>\n\n\n\n If we take a look at the worldwide browser statistics, we won\u2019t find any big surprises. Chrome is leading in the Desktop browser war, followed by Firefox and Internet Explorer. (source: gs.statcounter.com<\/a>)<\/em><\/p>\n\n\n\n But let\u2019s assume that we defined Russia as one of our target markets, the browser game looks a bit different. Still, Chrome is leading (with 47%), but did you know that Yandex Browser is used by more than 12% of all desktop browser users in Russia? I did not.<\/p>\n\n\n\n Now let\u2019s take a look at South Africa. Did you know that Opera is the most-used mobile browser in the country? Quite interesting I guess… Step 3) Browser testing done right<\/strong><\/p>\n\n\n\n Depending on your defined markets you may simply run browser tests on Chrome, Firefox, Safari, and Edge. This can be done quite easily with existing browser testing tools<\/a> such as SauceLabs<\/em> or BrowserStack<\/em>.<\/p>\n\n\n\n For further info on that, I\u2019d recommend starting here:<\/p>\n\n\n\n But how can you test your site in unusual browsers?<\/strong><\/p>\n\n\n\n The hard thing about browser testing<\/a> is finding tools and ways on how to test unusual browser versions.<\/p>\n\n\n\n While conducting my research I found out that while the most popular browser testing tools<\/a> I know support only the top browser players we know, some do support unusual browsers:<\/p>\n\n\n\n But if you really want to be 100% sure, I recommend setting up a local test environment where you\u2019re running local browser tests in your unusual browsers.<\/p>\n\n\n\n But here comes the good news.<\/p>\n\n\n\n Chromium is an open-source web browser originated from Google Chrome. Most of these new browsers (also included the mentioned ones) are based on the Chromium project, which make use of the rendering engine.<\/p>\n\n\n\n The good news is that if you want to ensure a bug-free website<\/a> in those unusual browsers you just need to make sure that it works with the basic Chromium browser. If your site works in Chromium, it is safe to say it will probably render correctly in those unusual ones too.<\/p>\n\n\n\n <\/p>\n\n\n<\/a><\/figure>\n\n\n\n\n
The role of browser diversity and how to be relevant<\/h2>\n\n\n\n
\n
Providing a global SaaS product, does not necessarily prevent you from thinking about local markets.<\/p>\n\n\n\n<\/a><\/p>\n\n\n\n<\/a><\/p>\n\n\n\n\n
\n
Chromium projects FTW<\/h2>\n\n\n\n