Progressive enhancement all the things

I am currently working on a project where I have to build an interactive graph to accompany some content (text, images). I made sure it is accessible, but what if the JavaScript fails (an error in our JavaScript, connection timeout or because of anothe…

I am currently working on a project where I have to build an interactive graph to accompany some content (text, images). I made sure it is accessible, but what if the JavaScript fails (an error in our JavaScript, connection timeout or because of another reason? For the last few days I wondered if I should make the content of the graph somehow available if the JavaScript fails or if the graph is not part of the core content and therefore an enhancement.

What is the core part of my page?

In this case we decided that the graph is not part of the core content and can fail in certain cases. More precisely, we decided to show the graph only if the browser is capable of doing so (Opera Mini and other proxy browsers are not) and also to hide it if the JavaScript fails.

Today, the client came back to us and decided that this graphs should also be available via an extra page where only the graphs are shown. Great, now the enhancement is clearly the core.

Conclusion

When a user opens your site and sees nothing, you either have no content or you are doing it wrong. Apart from that, it is not always easy to decide which parts are an enhancement and which parts belong to the core of a site.

What I like to do is removing all the enhancements and see if the site still makes sense and is usable. If not, the enhancement should be part of the core experience.

How do you decide if something is an enhancement or part of the core experience?


Print Share Comment Cite Upload Translate
APA
justmarkup | Sciencx (2024-03-28T18:13:23+00:00) » Progressive enhancement all the things. Retrieved from https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/.
MLA
" » Progressive enhancement all the things." justmarkup | Sciencx - Tuesday August 23, 2016, https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/
HARVARD
justmarkup | Sciencx Tuesday August 23, 2016 » Progressive enhancement all the things., viewed 2024-03-28T18:13:23+00:00,<https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/>
VANCOUVER
justmarkup | Sciencx - » Progressive enhancement all the things. [Internet]. [Accessed 2024-03-28T18:13:23+00:00]. Available from: https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/
CHICAGO
" » Progressive enhancement all the things." justmarkup | Sciencx - Accessed 2024-03-28T18:13:23+00:00. https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/
IEEE
" » Progressive enhancement all the things." justmarkup | Sciencx [Online]. Available: https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/. [Accessed: 2024-03-28T18:13:23+00:00]
rf:citation
» Progressive enhancement all the things | justmarkup | Sciencx | https://www.scien.cx/2016/08/23/progressive-enhancement-all-the-things/ | 2024-03-28T18:13:23+00:00
https://github.com/addpipe/simple-recorderjs-demo