Nachhaltige Website-Gestaltung - DG Community Hub 25.04.2023
Aus DG HochN-Wiki
Gerrit Schuster vom Kommunikationskollektiv akomo gab einen Impulsvortrag zu nachhaltiger Website-Gestaltung. Gerrit hat unter anderem die Methodensammlung nachhaltiges-webdesign.jetzt erstellt.
| Nachhaltige Website-Gestaltung - DG Community Hub 25.04.2023 | |
|---|---|
| Datum | |
Di 25 April 2023 10:00 Uhr
| |
| Schwerpunkte | |
Webdesign Website Homepage Digitalisierung | |
| Bezug Wiki-Themen | |
Agenda und Informationen
Ablauf
- Begrüßung
- Breakouts zum Kennenlernen
- Impuls von Gerrit Schuster
- Diskussion
Notizen zum Impulsvortrag
Gerrit Schuster vom Kommunikationskollektiv akomo mit Fokus auf die Methodensammlung nachhaltiges-webdesign.jetzt
- Negativen Fußabdruck minimieren: Fokus auf CO2-Ausstoß-Reduktion
- Hauptfaktoren: Produktion und Nutzung von Geräten. --> Nicht notwendigen Konsum reduzieren, länger nutzen und auf Reparierbarkeit achten, ggf. gebraucht kaufen
- Nutzung: Videostreaming macht über 60% des Datenvolumens aus (Tendenz steigend). --> Videoqualität reduzieren, ggf. herunterladen statt streamen, wenn ein Video häufiger angesehen wird.
- Website-Gestaltung: Datenverbrauch und damit Stromverbrauch minimieren. Darüber hinaus auch weitere Aspekte betrachten, bspw. Ethik, Gemeinwohl, Privatsphäre.
- Hosting: bei Anbietern nicht nur auf Label "grüner Strom" achten (z.B. auch: Wie lange werden Server genutzt?)
- Positiven Fußabdruck maximieren: Gute Nutzer:innen-Führung auf der Website, um ohne langes Suchen zu Inhalten zu gelangen und das Durch-Seiten-Klicken zu reduzieren (vorher Zielgruppe und Nutzungsverhalten gut kennen lernen).
- Grundsätzlich alle Elemente nur als Mittel zum Zweck verstehen: Nutzen die Bilder dem Zweck der Nachhaltigkeit? Hat ein Video einen wichtigen Informationsgehalt? Sind die Schriftarten fürs Branding nötig oder nicht? Werden Nutzerdatenanalysen genutzt oder nicht?
- Videos: nicht automatisch starten und nicht dauerhaft im Hintergrund abspielen; Auflösung niemals höher, als nötig.
- Bilder: auf großflächige Hintergrundbilder verzichten; wenn möglich, Grafiken statt hochauflösender Fotos verwenden (Vektorgraphiken haben i.d.R. viel weniger Datenvolumen; Lottie-Animationen sind sehr datensparsam; mit Bildoptimierungstools (bspw. shortpixel) sind große Einsparungen des Datenvolumens möglich; png-Dateien haben i.d.R. weniger Datenvolumen als jpg-Dateien).
- Bei E-Mails auf Anhänge verzichten und lieber für alle zugänglich ablegen; Mails mit Anhängen ggf. nach einiger Zeit löschen.
- Schriften: lokal einbinden und Schriftdateien nicht in unterschiedlichen Formaten anbieten. (Für Fett- und Kursivdruck werden neue Schriftdateien erzeugt; dies kann stattdessen in der ursprünglichen Schriftdatei nachgesteuert werden.)
- Cookies: Als Website-Anbieter so wenige Cookies einbinden, wie möglich, um das Volumen der Datenübertragung zu reduzieren. Wenn bspw. Tracking nicht aktiv genutzt wird, um die Website zu optimieren, kann vollständig darauf verzichtet werden. (Auch das Ablehnen aller Cookies in einem Cookie-Banner beim Website-Besuch reduziert den Datentransfer.)
- Suchanfragen über Suchmaschinen generieren hohen Datentransfer.
- Barrierefreiheit: extrem großes Thema, bei dem mit Spezialisten zusammengearbeitet werden sollte. Wichtige Aspekte sind: Nutzbarkeit mit Screenreader, Kontrastreichtum bei Schrift auf Hintergrund, Mindestgröße bei Schriften. Manche Inhalte sind mit Sehbehinderung nur sehr schwer zu erfassen, bspw. Auf-und-ab-Bewegungen beim Scrollen.
- Ein durch Video-, Bild- und Textoptimierungen deutlich reduzierter Datentransfer der Website ist wichtiger als die Frage eines tiefgrünen Hostings (vgl. oben), weil der Datentransfer auf den Geräten aller Nutzenden erfolgt und dort ggf. ein hohes Maß an "nicht-grünem" Stromverbrauch verursacht.
Weiterführende Links
- Methodensammlung nachhaltiges Webdesign von Gerrit
- CO2-Rechner für Webseiten: Digital Beacon / Website Carbon
- Creatives for Future
- Bits & Bäume
- Artikel von Gerrit: Nachhaltige Bilder für Websites – 12 Tipps vom Konzept bis zur Komprimierung
- Blog barrierefreies Design
- Kommunikations- & Kollaborationstool Stackfield
- alternative Tracking- und Analytics-Tools zu Google Analytics z.B. fathom analytics, plausible oder simple analytics
- alternative Suchmaschinen zu Google z.B. DuckDuckGo, Startpage oder Ecosia
