Att arbeta med Hållbar UX i praktiken

Digital teknik har även den en påverkan på klimatet. Som UXare har vi möjligheten att direkt påverka produkter, tjänster och gränssnitt för att göra dem hållbarare och öka deras livslängd. Det finns ett antal praktiska saker vi kan implementera i vårt arbete.
Clipart: Ett huvud med kugghjul i platsen för hjärnan. Skallens profil är en strömkabel och små symboler för miljövänliga ting ligger på kabeln/skallen

Många antar att digital teknik inte har alltför stor påverkan på vårt klimat eftersom den inte synligt förorenar som industrier eller bilar. Internet står dock för cirka 4 % av de globala koldioxidutsläppen, lika med flygindustrins produktion. Denna miljöpåverkan beror främst på elanvändning, framför allt från fossila bränslen, som driver enheter, lagrar data, överför information och tillverkar hårdvara.

Vi inom IT har möjligheten att påverka tusentals eller rent av miljontals användare beroende på vad och hur vi utvecklar. Till att börja med är det avgörande att fokusera på att minska koldioxidutsläppen från produkter och överväga övergripande digital hållbarhet.

Att förbättra webbplatsens prestanda kan hjälpa till att minska koldioxidutsläppen. Snabbare webbplatser är ofta mer hållbara, eftersom de minskar datalagring och överföring samt strömförbrukning. Hållbara metoder för webbbyggande kan förlänga livslängden för användares enheter, vilket minskar behovet av ersättningar och uppgraderingar.

Visste du till exempel att en grönare design kan innebära att man använder mindre energikrävande färger? Blå färger använder mer energi än vad röd eller grön gör, och på OLED skärmar kan ett mörkt färgschema spara energi eftersom svarta pixlar är ”av”.

Själv använder jag till exempel ofta #E2E2D6-färgad text på #212121-färgad bakgrund och ”markörområdet” som #000000, samtidigt som jag ökar textstorleken.
Förutom att det förbrukar mindre energi upplever jag det dessutom som mindre ansträngande vid långa pass framför skärmen.

Väldigt förkortat, på den högsta nivån, utgår vi från fyra punkter

  1. Designa för effektivitet.
  2. Främja miljövänliga åtgärder och handlingar.
  3. Vara uppmärksam på en produkts livsstil.
  4. Designa för robusthet och hållbarhet i en produkts livscykel

Rebecca Sweeton skriver i sin How UX Design Can Help Fight Climate Change:

A few things that designers can do: use darker colors in designs, optimize the performance of apps and websites (intuitive navigation and search functionality, lower-resolution graphics, fewer graphics, reduce code bloat), and remove push notifications. These small changes can add up to be savings in electricity. Even designing emails to contain fewer graphics can have an impact on power usage!

Inspirerad av och utifrån den har jag sammanställt en lista på vad du som UX Designer kan göra för att arbeta med Hållbar UX.

  1. Optimera för energieffektivitet
  2. Implementera mörkt läge
  3. Optimera bilder och media
  4. Uppmuntra minimalism
  5. Främja livslängd och återanvändbarhet
  6. Effektiva kodningsmetoder
  7. Stöd offlinefunktioner
  8. Utnyttja progressiva webbappar (PWA)
  9. Användartestning för energieffektivitet
  10. Främja hållbart beteende
  11. Främja digitalt välbefinnande

1. Optimera för energieffektivitet

Minska resurskrävande element: Använd enklare, effektivare designelement som kräver mindre processorkraft och minne.
Minimera dataöverföring: Design för att minska mängden data som behöver överföras, vilket kan minska energiförbrukningen i datacenter och våra enheter.

2. Implementera mörkt läge

Energibesparing: Design med alternativ för mörkt läge, speciellt för OLED-skärmar, som förbrukar mindre ström när mörka färger visas.
Det finns en hel del skrivet om just detta, med utmärkta tips, till exempel Dark UI design best practices.

3. Optimera bilder och media

Komprimering: Använd effektiv bild- och videokomprimeringsteknik för att minska filstorlekarna. Använd moderna, mindre bildfilsformat, som t ex WEBP.
Lazy Loading: Implementera Lazy Loading [https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading] för bilder och videor, så att de bara laddas när det behövs.

4. Uppmuntra minimalism

Effektivt användargränssnitt: Fokusera på minimalism genom att minska röran, grafiska effekter och onödiga funktioner, vilket också kan minska beräkningsbelastningen och energiförbrukningen.
Enkel navigering: Förenkla navigeringen för att minska antalet serverförfrågningar och mängden data som behandlas.

5. Främja livslängd och återanvändbarhet

Tidlös design: Skapa design som inte förlitar sig på trender, vilket säkerställer längre användbarhet och minskar behovet av frekventa omdesigner.
Modulär design: Utveckla komponenter som kan återanvändas i olika projekt för att minimera energiförbukning och tidsåtgång.

6. Effektiva kodningsmetoder

Prestandaoptimering: Arbeta med utvecklare för att säkerställa att koden är optimerad för prestanda, vilket leder till snabbare laddningstider och minskad energiförbrukning.
Kodrecensioner: Granska regelbundet kod för att identifiera och eliminera ineffektiva algoritmer och processer.

7. Stöd offlinefunktioner

Offlinefunktionalitet: Designa för offlineanvändning för att minska behovet av konstant datahämtning från servrar, vilket kan spara energi.

8. Utnyttja progressiva webbappar (PWA)

Effektiv leverans: Använd PWA:er för att leverera en snabb, pålitlig och engagerande användarupplevelse med lägre resurskrav jämfört med traditionella appar.

9. Användartestning för energieffektivitet

Övervaka energianvändning: Kanske inte det första man tänker på eller som hamnar högt upp på Att Göra-listan, men, genomför användartester för att övervaka energianvändningen för din app på olika enheter och gör justeringar efter behov.
Iterativa förbättringar: Samla kontinuerligt data om energianvändning och förbättra appens effektivitet iterativt.

10. Främja hållbart beteende

Informera användare: Inkludera information och tips om hållbara metoder i appen för att utbilda och uppmuntra användare att fatta miljömedvetna beslut.
Användningsfeedback: Ge feedback om användarnas energiförbrukning eller koldioxidavtryck relaterat till deras appanvändning.

11. Främja digitalt välbefinnande

Funktioner för användningsbegränsning: Inkludera funktioner som hjälper användare att begränsa sin skärmtid, vilket indirekt minskar energiförbrukningen.
Trimma aviseringar: Minska frekvensen av aviseringar för att minska antalet gånger användare kontrollerar sina enheter.

Den här listan är naturligtvis inte komplett. jag har valt att utelämna till exempel val av leverantörer och deras hållbarhetspolicyer, för att inte nämna effektiv användning av ChatGPT och liknande tjänster. (Visste du att ChatGPT drar 25 gånger mer ström än hela Google Search och den ökar stadigt?).

Jag lär återkomma med fler tips, men under tiden, så gör vi vad vi kan för att skapa en hållbarare digital värld.  

Bilden kommer från freepngclipart.com och är konverterad till webp-format med en storlek minskad till 16,2kb

Share the Post:

Relaterade inlägg

Anmäl dig till vårt nyhetsbrev

Vi spammar inte! Läs vår integritetspolicy för mer info.