Browsers'
...
Here below is attached an overview of browser usage by Users & Sessions across the top 20 or so Reckitt sites (representing almost half of all traffic). This is from 1 Sep 2021 to now (almost 6 months). The raw data is there as is a pivot.
| View file | ||
|---|---|---|
|
Attachment 1 - Statistics overview
...
Diagram 1 - Distribution of users per Reckitt branded websites, % (last 6 months period)
Diagram 2 - Distribution of sessions per Reckitt branded websites, % (last 6 months period)
Browsers' support level
Reckitt’s services must be universally accessible. In short, our digital experiences should work on every browser or device that our users access it on. However, it is accepted that the experience will vary according to the technical capabilities of the browser and device.
Not all browsers will render web pages in the same way, and that is ok – but critical content should remain available and functional. But the level of support is not universal. Tiered support model is suggested (Fully, Mostly, Partially, Untested) (there is a difference between supporting and testing proactively).
Inspired by Browser support standards by Aviva, Worldwide browsers' usage data and Reckitt statistics provided abovebelow, Support matrix was built.
...
Note: “not supported” does not mean the browsers are blocked in any way, it simply means they are not tested (thus unsupported browsers could work as well as a priority A browser).
...
Browsers' usage statistics for Reckitt brands' websites
Here below is attached an overview of browser usage by Users & Sessions across the top 20 or so Reckitt sites (representing almost half of all traffic). This is from 1 Sep 2021 to now (almost 6 months). The raw data is there as is a pivot.
| View file | ||
|---|---|---|
|
Attachment 1 - Statistics overview
...
Basing on Statistics overview diagrams for users' and sessions' distribution via browsers were built.
...
Diagram 1 - Distribution of users per Reckitt branded websites, % (January-March 2022 period)
...
Diagram 2 - Distribution of sessions per Reckitt branded websites, % (January-March 2022 period)
...
To analyze Reckitt brands' and global Browser market share next tables are displayed below.
Table 1 - Top 20 browsers for Reckitt branded websites usage (basing on January-March 2022 period data)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 52.00 |
| 2 | Safari | 26.00 |
| 3 | Android Webview | 11.00 |
| 4 | Safari (in-app) | 5.00 |
| 5 | Samsung Internet | 3.00 |
| 6 | Edge | 1.00 |
| 7 | Firefox | 1.00 |
| 8 | Opera | 1.00 |
| 9 | YaBrowser | 0.00 |
| 10 | UC Browser | 0.00 |
| 11 | Amazon Silk | 0.00 |
| 12 | Mozilla Compatible Agent | 0.00 |
| 13 | Internet Explorer | 0.00 |
| 14 | EnfaMobileApp | 0.00 |
| 15 | Coc Coc | 0.00 |
| 16 | Android Browser | 0.00 |
| 17 | Opera Mini | 0.00 |
| 18 | Puffin | 0.00 |
| 19 | [FBAN | 0.00 |
| 20 | Android Runtime | 0.00 |
Table 2 - Top 10 browsers used worldwide (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 63.51 |
| 2 | Safari | 19.32 |
| 3 | Edge | 4.08 |
| 4 | Firefox | 3.90 |
| 5 | Samsung Internet | 2.83 |
| 6 | Opera | 2.26 |
| 7 | UC Browser | 0.85 |
| 8 | Android | 0.65 |
| 9 | IE | 0.44 |
| 10 | Edge Legacy | 0.12 |
| 11 | Other browsers | 2.04 |
Table 3 - Top 10 browsers used in India (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 87.09 |
| 2 | UC Browser | 2.03 |
| 3 | Opera | 2.90 |
| 4 | Safari | 2.87 |
| 5 | Firefox | 1.64 |
| 6 | Samsung Internet | 1.42 |
| 7 | Edge | 1.03 |
| 8 | KaiOS | 0.72 |
| 9 | IE | 0.05 |
| 10 | Edge Legacy | 0.03 |
| 11 | Other browsers | 0.22 |
Table 4 - Top 10 browsers used in China (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 49.38 |
| 2 | UC Browser | 11.65 |
| 3 | Safari | 11.07 |
| 4 | QQ Browser | 8. |
...
09 | ||
| 5 | 360 Safe Browser | 7.63 |
| 6 | Edge | 4.66 |
| 7 | Firefox | 3.08 |
| 8 | Sogou Explorer | 1.57 |
| 9 | IE | 0.85 |
| 10 | Android | 0.64 |
| 11 | Other browsers | 1.38 |
Table 5 - Top 10 browsers used in Asia (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 72.6 |
| 2 | Safari | 12.53 |
| 3 | Samsung Internet | 2.96 |
| 4 | Edge | 2.54 |
| 5 | Firefox | 1.95 |
| 6 | UC Browser | 1.87 |
| 7 | Opera | 1.73 |
| 8 | Android | 0.83 |
| 9 | QQ Browser | 0.57 |
| 10 | IE | 0.40 |
| 11 | Other browsers | 2.02 |
Table 6 - Top 10 browsers used in North America (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 51.44 |
| 2 | Safari | 33.82 |
| 3 | Edge | 5.87 |
| 4 | Firefox | 3.54 |
| 5 | Samsung Internet | 2.03 |
| 6 | Opera | 0.85 |
| 7 | Android | 0.74 |
| 8 | IE | 0.59 |
| 9 | Edge Legacy | 0.25 |
| 10 | Mozilla | 0.19 |
| 11 | Other browsers | 0.68 |
Table 7 - Top 10 browsers used in Europe (basing on January-March 2022 period data*)
Browser | Market share, % | |
|---|---|---|
| 1 | Chrome | 58.88 |
| 2 | Safari | 20.33 |
| 3 | Firefox | 5.86 |
| 4 | Edge | 5.64 |
| 5 | Samsung Internet | 3.39 |
| 6 | Opera | 3.09 |
| 7 | UC Browser | 0.13 |
| 8 | Yandex Browser | 0.68 |
| 9 | Android | 0.37 |
| 10 | IE | 0.35 |
| 11 | Other browsers | 0.68 |
Table 7 - Summary table for top 10 browsers used worldwide, in regions and via Reckitt brands websites users (basing on January-March 2022 period data*)
Browser | Share of Reckitt websites users, % | Market share worldwide, % | Market share in India, % | Market share in China, % | Market share in Asia, % | Market share in North America, % | Market share in Europe, % | |
|---|---|---|---|---|---|---|---|---|
| 1 | Chrome | 52.00 | ||||||
| 2 | Safari | 26.00 | ||||||
| 3 | Android Webview | 11.00 | ||||||
| 4 | Safari (in-app) | 5.00 | ||||||
| 5 | Samsung Internet | 3.00 | ||||||
| 6 | Edge | 1.00 | ||||||
| 7 | Firefox | 1.00 | ||||||
| 8 | Opera | 1.00 | ||||||
| 9 | YaBrowser | 0.00 | ||||||
| 10 | UC Browser | 0.00 | ||||||
| 11 | Amazon Silk | 0.00 | ||||||
| 12 | Mozilla Compatible Agent | 0.00 | ||||||
| 13 | Internet Explorer | 0.00 | ||||||
| 14 | EnfaMobileApp | 0.00 | ||||||
| 15 | Coc Coc | 0.00 | ||||||
| 16 | Android Browser | 0.00 | ||||||
| 17 | Opera Mini | 0.00 | ||||||
| 18 | Puffin | 0.00 | ||||||
| 19 | [FBAN | 0.00 | ||||||
| 20 | Android Runtime | 0.00 |
...
Additional takeaways
At the top end, the design and functionality should mirror expectations, then with less important browsers we can deviate on design but still offer the functionality, then we compromise the functionality down to base and then there will be a bunch of browser variants that aren’t specifically tests but at the very worst, serving only HTML should still provide base level value.
Regional differences should be taken into account ( for example, QQ browser doesn’t show up much on a global scale, but it can represent 10%+ of traffic in some markets (China/India) etc).
We don’t need to support browsers to a strong extent when their manufacturers don’t support them already (e.g. IE. Base experience only).
Including JAWS into support will require having a license.
Regarding overall browser support, as we are to use progressive enhancement approach with the semantically correct HTML first and CSS on top, then we need to have basic support for most of the browsers.
Regarding screen sizes, we probably should define breakpoints rather than names of the screen sizes. . Screen dimensions are only one attribute.
We need to design with minimal breakpoints and breaking based on the content, not the device.