Bearbeite Hubs der DG HochN: Nachhaltige Website-Gestaltung - DG Community Hub 25.04.2023

Du bist aus den folgenden Gründen nicht berechtigt, die Seite zu bearbeiten:

Diese Aktion ist auf Benutzer beschränkt, die einer der Gruppen „Benutzer, HOCH-N Projektmitglieder“ angehören.
Du hast nicht die erforderlichen Benutzerrechte für diese Aktion.

HINWEIS: Dieses Formular soll das Anlegen und Verwalten von Hub-Veranstaltungen erleichtern. Die Seite kann später frei mit Abschnitten und Text ergänzt werden. Alle Felder sind optional. Informationen zu den Feldern finden Sie über die blauen Info-Tooltips. Für eine optimale Nutzung der Inhalte ist ein vollständiges Ausfüllen aber wünschenswert. Fragen und Feedback gerne an den Support

Kategorie des Hubs: Auswahl der Kategorien für diese Hub-Veranstaltung.
Verantwortlich: Link zum Nutzer:innenprofil der Hub-Verantwortlichen.
Titel: Kurztitel der Veranstaltung
Kurzbeschreibung: Eine kurze Beschreibung des Hub-Termins in maximal einem Satz. Dies wird u.a. für die Seitenvorschau und in der Tabellenübersicht genutzt	Gerrit Schuster vom Kommunikationskollektiv akomo gab einen Impulsvortrag zu nachhaltiger Website-Gestaltung. Gerrit hat unter anderem die Methodensammlung nachhaltiges-webdesign.jetzt erstellt.
Datum: Das Datum der Veranstaltung
Datei: Präsentationsfolien und anderes Material, falls vorhanden. Verlinken oder Hochladen. Beim Hochladen, bitte einen aussagekräftigen Dateinamen wählen.
Themenschwerpunkte: Liste der Themenschwerpunkte. Einzelne Items durch Komma trennen.
Wiki-Themen: ehemals Querbezug zu HOCH-N-Themen, für thematische Filterung	Digitalisierung Politik Ressourcen und Finanzierung Ethik Gerechtigkeit Nachhaltigkeit Green Office Kultur/Kreatives Soziale Nachhaltigkeit Klimaneutralität Mobilität Lehre Biodiversität Betrieb
Weitere Stichworte: Möglichkeit, den Termin nach eigenem Ermessen zu verschlagworten.
Teilnehmende: Link zu Nutzer:innenprofilen der Teilnehmenden.

Agenda und Inhalt[Bearbeiten | Quelltext 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:

Zusammenfassung:

Abbrechen