Editorial
Editor's note: This is part 3 of a three-part series exploring sustainable website design. Check out Part 1 and Part 2 of the series.
The Gist
- Shift needed. Sustainable website design focuses on efficiency and minimizing environmental impact, addressing the excessive data collection and heavy applications.
- Backward progress. The web has progressed backward in sustainable design, with over-engineering and reliance on heavy frameworks despite better tools.
- Cultural challenge. Achieving sustainable website design requires a cultural mindset shift toward minimalism, emphasizing performance, accessibility and sustainability.
“Everyone is collecting so much data that frankly is rarely used, and if it is used, it’s not in a good way,” Web design guru and co-founder of Smashing Magazine Vitaly Friedman tells me. “The real perspective, the real feeling of what it’s like with the actual users of our systems — there’s this disconnect has been growing significantly over the years. The experiences we are deploying to the Web today are heavy. Most of the time, applications are really, really heavy. Weight wise, it’s a very sad state of affairs now.”
This calls for a shift toward sustainable website design, focusing on efficiency and minimizing the environmental impact.
Sustainable Design: Progressing Backward?
So, how did we get to this sad state of affairs? How is it that, as with so much else in digital, we have been progressing and innovating backward when it comes to sustainable website design?
“Around 2007, we started looking at developer experience, and how to make it easier for developers to build sophisticated applications,” Vitaly explains. “So, we invested a lot of effort into making sure that creators have incredible tools. Today, we’ve never had better tools at our disposal. But it doesn’t come for free. You can create everything you need using ready-made frameworks and you really don’t need to look under the hood and remove what you don’t need. You can just plug them in, adjust, configure, add things on, and then ship. These frameworks do not come for free. There is a lot of JavaScript that needs to be loaded in order to get the page to work. Things can be optimized but it requires quite a bit of expertise and experience.”
We are over-engineering.
Learning Opportunities
Webinar
Apr
30
Supercharge Contact Center Efficiency with Generative AI
Learn practical strategies to reduce post-call documentation time by over 8 minutes.
Register
Conference
May
1
Qualtrics X4 Salt Lake City 2024
Register
Webinar
May
2
Unleash AI for Crisis Management: Transform Threats into Triumphs
Learn how Sprinklr Insights provides real-time insights on current events, trends, and brand crises to empower your team.
Register
Webinar
May
9
Driving Customer-Centricity in the Financial Services Industry
Discover how financial organizations are leveraging generative AI technologies.
Register
Conference
May
9
An Irish Roundtable in the Valley: The Economic Impact of AI on the World of Work Stanford 2024
Exploring the Impact of AI On the World of Work with Irish diaspora leaders and tech business champions from the North of Ireland
Register
Conference
May
13
Gartner Marketing Symposium/Xpo Conference London 2024
Register
“70% to 80% of webpages do not need complexity. They could be static, simple pages,” Vitaly states.
Related Article: Sustainable Website Design for a Better Environment
Highlighting Weight in Sustainable Design
Vitaly finds that many of the designers and developers he comes across “don’t know where to start” when it comes to creating less wasteful pages and creating sustainable website design.
“One of the ways that things might be improved is to make weight much more visible,” he says. “Many pages have improved performance by delivering the most important things first, but the weight is still very heavy. If the tools began to focus on weight, saying, for example, this font is very heavy, that would improve the visibility of the problem.”
Related Article: 3 Tricks for Sustainable Website Design
6 Tips for Sustainable Web Design
Here are Vitaly’s six top tips for less wasteful, sustainable website design:
- You start with something that’s clean. You start with accessible, clean markup and then you build up.
- And then every time you want to add things to it, you think, do you really need to add it? Because you can easily say, I can add this plugin or this code because I probably will need it. Well, you don’t have to add it now. So, don’t add things unless you really need to. This seems almost trivial, but it’s not. It needs to be a part of how we do things. This requires a cultural mindset shift.
- Focus on image optimization. Set limits for image size.
- Avoid PDFs.
- Make performance, accessibility, sustainability visible to everyone in the organization. Every time you build or deploy, release a note saying how much the performance, accessibility and sustainability has been improved or dis-improved.
- Finally, about roles. Try to find front-end engineers who really have a good knowledge of accessibility and inclusive design, and UX researchers. I think there are never enough user researchers. There are only good things that can happen to an organization if they hire UX researchers, so if we could do that, that would be fantastic.
The shift toward sustainable website design is not just a technical challenge but a cultural one. It requires a holistic approach, from rethinking how we use data and resources to embracing a mindset of minimalism and efficiency. By following Vitaly's advice and making sustainability a visible and integral part of the design process, we can create a more sustainable digital future.
Learn how you can join our contributor community.
