Du bist aus den folgenden Gründen nicht berechtigt, diese Seite zu bearbeiten:
Ein kurzer Überblick über die Agenda und den zu besprechenden Inhalt.===Ablauf=== * Begrüßung * Breakouts zum Kennenlernen * Impuls von Gerrit Schuster * Diskussion ===Notizen zum Impulsvortrag=== Gerrit Schuster vom Kommunikationskollektiv [https://akomo.org akomo] mit Fokus auf die Methodensammlung [https://nachhaltiges-webdesign.jetzt/ 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 Spezialist:innen 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 [https://nachhaltiges-webdesign.jetzt/ nachhaltiges Webdesign] von Gerrit * CO2-Rechner für Webseiten: [https://digitalbeacon.co/ Digital Beacon] / [https://www.websitecarbon.com/ Website Carbon] * [https://creativesforfuture.de/ Creatives for Future] * [https://bits-und-baeume.org/ Bits & Bäume] * Artikel von Gerrit: [https://www.careelite.de/nachhaltige-bilder-fuer-websites/ Nachhaltige Bilder für Websites – 12 Tipps vom Konzept bis zur Komprimierung] * Blog [https://barrierefreies.design/ barrierefreies Design] * Kommunikations- & Kollaborationstool [https://www.stackfield.com/de/ Stackfield] * alternative Tracking- und Analytics-Tools zu Google Analytics z.B. [https://usefathom.com/ fathom analytics], [https://plausible.io/ plausible] oder [https://www.simpleanalytics.com/de simple analytics] * alternative Suchmaschinen zu Google z.B. [https://duckduckgo.com/ DuckDuckGo], [https://www.startpage.com/de/ Startpage] oder [https://www.ecosia.org/?c=de Ecosia]
Freitext:
Du gibst mit dem Klick auf "Speichern" deine Zusage, dass du den Text selbst verfasst hast, dass der Text Allgemeingut (public domain) ist, oder dass der/die Urheber:in seine/ihre Zustimmung gegeben hat. Dies gilt auch für eingefügte Bilder und Grafiken. Mehr zum Urheberrecht im DG HochN Wiki findest du hier.
Seite speichern Vorschau zeigen Änderungen zeigen Abbrechen
