Skip to main content
Making digital products more sustainable

Making digital products more sustainable

When we think about sustainability, we often think about physical things – recycling rubbish, ditching plastic water bottles, switching lights off. Of course, all of these things are important, and we should all continue to do them where we can, but there is another huge culprit in the climate crisis that often goes unmentioned: the internet. Have you ever been online shopping, watching a movie on a streaming platform or sent an email and wondered how it might be affecting the planet? The answer to this for most people is probably ‘no’. However, the ICT industry globally is quickly growing into one of the largest producers of carbon emissions, and could potentially use 20% of the worlds electricity by 2025. Right now, the internet overall uses more electricity than whole of the UK, and it has been predicted that by 2025, it will produce more carbon emissions than any country apart from China, India and the US. So, what can the digital product design and development community do about this? Here are some things to consider to help lower the carbon emissions of your digital products… The importance of having an efficient website Having an efficient website or application is an important part of good user experience. Research by Google suggests that over half of users will leave a mobile page that doesn’t load within 3 seconds. As consumer expectations for efficient digital products grow, businesses should consider that this also plays a part in lowering CO2 emissions from websites. The faster a page loads, the less energy it uses, the average web page produces between 0.5g – 1.76g of CO2 per view – when you think of all of the people using your product, this could really add up. A great way of improving load times of your product, and keeping the whole team on board with this is to set a page weight budget. This means setting a budget for how much a webpage can weigh (in kilobytes or megabytes). This works the same as any other budget – everyone who is contributing to the project should be keeping the budget in mind and taking measures not to exceed it. If you’re interested in learning more about how your company can create a page weight budget, there are some initial steps you can take, which you can find out more about here and here! So, you’ve set a page weight budget – now how can your team stick to it? There are a few areas of a webpage that usually consume the most energy and reduce the overall efficiency, these are: Media assets When designing a digital product, it can be easy to get carried away with using fancy animations, eye-catching imagery and even videos, but these could be having a detrimental effect on both your user and the planet. Media assets cause longer page load times which can cause frustration for your users, and produce extra carbon emissions. Of course, some images and animations are needed but designers should consider the following: which ones are actually adding value to the user? Could some be removed or replaced with smaller assets? Consider the images themselves – could you replace your bright and busy imagery with more simple ones with reduced colour palettes? This can be a great opportunity for getting creative and using problem-solving skills to achieve the same effect but more efficiently.  » Read More

Like to keep reading?

This article first appeared on inktrap.co.uk. If you'd like to continue this story, follow the white rabbit.

View Full Article
Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

#Dev
How to Channel a Daily Vision into a 20-Year Photography Career

How to Channel a Daily Vision into a 20-Year Photography Career

#Silicon Valley
WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

#Web Design
Fresh For Designers

Is the Dynamic Island plain stupid or the next revolutionary UX pattern?

#All

Let's talk about Web Design

The term "web design" describes the layout of websites that are seen online. Instead of software development, it typically refers to the user experience components of website development. The primary focus of web design used to be creating websites for desktop browsers, but from the middle of the 2010s, designing for mobile and tablet browsers has gained significance.

What is a webdesigner?

A web designer is responsible for a website's look, feel, and occasionally even content. For instance, appearance refers to the colors, text, and images utilized. Information's organization and categorization are referred to as its layout. An effective web design is user-friendly, aesthetically pleasing, and appropriate for the target audience and brand of the website. Many websites focus on keeping things simple so that viewers won't be distracted or confused by additional information and functionality. Removing as many potential sources of user annoyance as possible is a crucial factor to take into account because the foundation of a web designer's output is a site that gains and nurtures the trust of the target audience.

Responsive and adaptive design are two of the most popular techniques for creating websites that function well on both desktop and mobile devices. In adaptive design, the website content is fixed in layout sizes that correspond to typical screen sizes, while in responsive design, information moves dynamically based on screen size. A layout that is as consistent as possible across devices is essential to preserving user engagement and trust. Designers must be cautious when giving up control of how their work will appear because responsive design can be challenging in this area. While they might need to diversify their skill set if they are also in charge of the content, they will benefit from having complete control over the final output.

What does a web design worker do?

A web designer is a member of the IT industry who is in charge of planning a website's structure, aesthetic appeal, and usability.

A skilled site designer must possess both technical know-how and creative graphic design abilities. They must be able to envision how a website will seem (its graphical design) and how it will operate (conversion of a design into a working website).

The terms web developer and designer are frequently used interchangeably but erroneously. In order to construct more complex interactions on a website, such as the integration with a database system, a web developer is frequently more likely to be a software developer who works with programming languages.