Gå direkt till innehåll Gå direkt till meny

Design är en del av green coding

Förr, innan internet blev snabbt och hårdvara billigt, försökte man hushålla med resurserna. Man skickade så lite information över nätverket som möjligt för att det inte skulle ta för lång tid och man köpte hårdvara anpassad för behoven.

green coding
green coding

Nu när internet är mycket snabbare och hårdvaran billigare är det lätt att fläska på. Visa mer data, lägga på fräcka animeringar och skala upp hårdvaran ifall trafiken ökar. Allt detta kostar i form av ökad nätverkstrafik och mer kraftfull hårdvara. Det är logiskt, men det kostar inte bara pengar. De senaste åren har det pratats mer och mer om vad det kostar miljön. Green coding har seglat upp som en grej, men det handlar ju inte bara om att minska klimatpåverkan genom att programmera sig fram till energieffektiv mjukvara. Det börjar mycket tidigare än så. Det börjar redan med kravställning och design.

För att koden ska bli effektiv så måste även designen och flödet i produkten vara effektiv. Även om utvecklarna skriver effektiv kod med optimerade for-loopar, små bibliotek och minimala bildfiler så hjälper det inte om användarflödet är designat så att det krävs fyra anrop över nätverket för att hämta användarens kontaktuppgifter. Rent krasst så är faktiskt den mest energieffektiva funktionen den som aldrig implementeras. Men självklart ska vi fortsätta utveckla, vi behöver däremot bli bättre på att tänka efter om funktionen verkligen behövs och om den passar in i just denna tjänsten.

En hållbar designfas

Vad kan en designer göra för att skapa en hållbar design och kratta manegen för utvecklarna? Vanligt är att dela upp designen mellan UX (User experience) och UI (User interface). UX skapar användarupplevelser som optimerar interaktionen, minskar nätverkstrafiken och uppmuntrar användarna att göra det hållbara valet. UI fokuserar på tilltalande gränssnitt som minskar skärmens energiåtgång, använder miljövänliga färger, typografi och grafik.

Några exempel på vad du som designer kan göra:

  • Använd en enklare (mer minimalistisk) design. Less är faktiskt more! Dessutom blir det mindre data som måste skickas över nätverket.
  • Optimera användarflödet. Gör det enkelt för användaren att hitta. Det minskar antalet klick för användaren och antalet sidladdningar för servern.
  • Prioritera tillgänglighet så att alla kan använda tjänsten.
  • Gör tjänsten responsiv så att den fungerar på alla typer av enheter. Då behöver du inte underhålla flera olika kodbaser.
  • Skapa en prototyp för att testa konceptet innan tjänsten byggs fullt ut.
  • Optimera prestandan, t ex genom att bara visa den datan i gränssnittet som verkligen behövs.
  • Mät och övervaka klimatavtrycket. Annars vet du inte om förändringarna gör någon skillnad.
  • Använd en färgpalett som är miljövänlig. Mörkare och mer dämpade färger drar mindre energi. Använd dark mode om möjligt. I alla fall på OLED-skärmar.
  • Använd typsnitt som redan finns i användarens operativsystem. De minskar antalet HTTP-anrop eftersom typsnittet redan finns på användarens enhet och inte behöver laddas ner.
  • Ladda data allt eftersom användaren skrollar ner på sidan. Ladda inte in allt på sidan direkt.
  • Tillämpa gamification och ge användarna feedback. Uppmuntra användarna att göra det hållbara valet t ex genom att välja bort e-post vid varje statusuppdatering i tjänsten.
  • Minska antalet animationer och visuella effekter.

Ingen kan göra allt, men alla kan göra något. Med dessa tips hoppas jag att vi alla tillsammans kan bidra till en grönare framtid.

Melina LindströmMelina Lindström

Melina Lindström

Vill du att vi hör av oss?

Please fill out