I still see questions here that pertain to making responsive design work for IE8, or god forbid, IE7.
For lack of knowledge of Windows related devices, my immediate thought is that, it would not be worth implementing responsive design for IE8 due to the insignificant amount of mobile devices that would still run IE8 today. And just leave sites as static 1024x768 for this particular browser, as there is little to no reason for responsive design, with the extra painful efforts it requires and the limitation of media query polyfills, if over 95% of the remaining browser share of IE8 is only run on desktops with a safely assumed 1024+ screen width.
If the volume is still relevant, which mobile platform still use IE8 browsers, that would necessitate or justify a responsive design approach for them. Please share useful relevant links.
PS: The context is only using standard mode, excluding using IE in compatibility view or quirk mode.
Responsive design provides a better mobile experience for users and improves the general UX on pages. If your site is not responsive you might drive away the 4.32 billion online users who prefer to browse the internet on their smartphones. This way you will lose revenue and stay behind the competition.
The future of responsive design is a user's context in space and time, their devices context in space and time, and the user's preferences on said devices in space and time. It's all of these things. Today's web browsers we access and develop for give us the power to leverage these inputs in our designs.
“Responsive design is Google's recommended design pattern.” The responsiveness of your website is unequivocally an important factor in improving user experience and avoiding common SEO pitfalls that can hinder your Google rankings.
A custom and responsive website is a good long term investment. As mentioned, a custom and responsive website provides a good user experience, increases brand recognition, and increases traffic and visibility. All of which contribute to you getting a great return on your investment.
So after investigation, I am going to answer my own question with a few relevant stats which is what I was looking for:
No known active tablets or mobile phone use IE8 as far I can tell. Event the earliest Windows Phones uses the IE9 engine. So, laptops excluded, IE8 is not used by 'smart' mobile devices.
According to w3counter, statcounter and analytics from 3 client sites, the IE8 browser share in March 2013, based on US sites, is between 5% and 11%. An 8% average.
The number of IE8 users using screen resolutions of 800x600 pixels or less today, as per the 3 different US based sites I studied, is between 0.6% and 1% of the total IE8 user base. Being in line with the trends observed by Jakob Nielsen last year that "small screens for desktop and laptop computers are getting rare" falling to 1% levels: http://www.nngroup.com/articles/computer-screens-getting-bigger/
As of today, that brings an average expectation that the overall IE8 users with a screen size of 800x600 or less, is roughly 0.05%, with a maximum of 0.1% if we include IE7; which is lower than the overall IE6 usage in the US, being at 0.2% according to ie6countdown.com
So the responsive design compatibility requirement below IE9 for the sake of IE7 and IE8 users is only worth should it not require any consequential effort.
If including a media queries polyfill or using Bootstrap makes it works right away, then great. But it's definitely not worth more than a few hours of time dealing with the numerous potential bugs (a Google search for "bootstrap ie8" speaks volume on that), just as it's no longer worth making sites fully IE6 compatible.
As long as the site works in IE8 with a fixed design, which may easier to implement rather than trying to painfully make it responsive for IE8/IE7, it is sufficient as of today.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With