Green UX/UI Design Kurs

Mit UX/UI Design kannst du die Welt verändern. Im positiven wie im negativen Sinne.

Wir entwerfen jedes Jahr Tausende von Websites, Apps und andere digitale Produkte. Und was bekommen wir? Langsam ladende Websites, die während einer Zugfahrt nicht geöffnet werden können. Frustrierende Online-Shops, in denen es schwer ist, nachhaltige Produkte zu finden. E-Mails, die den Posteingang unserer Nutzer:innen mit Hunderten von Anhängen und Bildern verstopfen.

Ja, es stimmt, dass das Web einen CO2-Fußabdruck hat. Und dass du als UX/UI-Designer:in neben leichtgewichtigen Websites auch für nachhaltigen Konsum, geistige Gesundheit, Barrierefreiheit und vieles mehr sorgen kannst. Vieles davon mit einer Fliegenklatsche.

Designe umweltfreundliche Websites und Apps, ohne dabei deine Kreativität zu opfern

Du hast Hunderte von Blogbeiträgen gelesen und einen Haufen Podcasts über grünes Webdesign angehört.

Du weißt zwar, wie wichtig ein nachhaltigeres Internet ist, aber du willst auch wissen, WIE du ein Teil davon sein kannst. Immer wieder kommen Fragen auf à la:

Ich weiß, was du meinst.

Das sind alles Fragen, die ich beantworten kann. Denn ich habe sie mir selbst immer wieder gestellt.

Schickes, sexy und hoch konvertierendes UX/UI Design

Deine Designs können alles sein. Laut. Leise. Bunt. Entspannt. Romantisch. Sprudelnd. Elegant. Warmherzig. Ernsthaft. Modern. Und alles andere, was du dir wünschst.

Wir müssen uns von der Einstellung verabschieden: „Ich kann nichts Cooles und Modernes mehr machen, wenn es ökologisch nachhaltig sein soll.“ Das ist nicht wahr. Wir verwenden nur etwas andere stilistische Ansätze. Für die Benutzerfreundlichkeit, das Branding und unsere Umwelt.

Mit grünem Design wird dein digitales Produkt zu einer supergut geölten Maschine, die das SEO-Ranking, die Kund:innenzahlen und die Konversionen steigert. Warum? Weil es leicht ist, den Nutzer:innen mehr Spaß macht und die neue Ära bewusster Käufer:innen und Verbraucher:innen anzieht.

Die Module des Kurses

Der Green UX/UI Design-Kurs ist ein 100%iger Learning-by-Doing-Kurs. Schritt für Schritt entlang des Designprozesses. Anhand eines realen oder hypothetischen Projekts deiner Wahl. Das kann eine Website, ein Online-Shop, eine mobile oder eine Desktop-Applikation sein.

Set the base |  Prep Module

Intro into Green UX/UI Design

Lass uns über das Was und Warum von umweltfreundlichem Design sprechen. Wir besprechen die dringendsten ökologischen Themen der Designbranche und die vielen Vorteile, die grünes Design mit sich bringt.

Details des Moduls

Dieses Modul legt die Basis und ein gemeinsames Verständnis von Nachhaltigkeit, Themen wie den enormen Energieverbrauch, unseren Beitrag zum Überkonsum und Materialismus.

• The what and why of Green UX/UI Design
• From Human to Environment, Sustainable or … Design
• Benefits of Green UX/UI Design

Your values and intention

Skizziere dein persönliches Karriereziel und deine große Vision. Erkenne Blockaden und negative Glaubenssätze, die dich zurückhalten. Außerdem erstellst du dein eigenes Manifest.

Details des Moduls

Dieses Modul unterstützt dich dabei, dir über deine eigenen Motive, Werte, Blockaden und Absichten für diesen Karriereweg klar zu werden. Jeder von uns bringt eine andere Art von Magie mit auf den Tisch. Entdecke deine eigene Magie und lege den Grundstein für diesen Kurs und für deine Karriere als Green Designer:in.

• Your intention and big picture vision
• Your own blocks
• Build your own manifesto

Research |  Module 1 – 3

Step 1: Empathize with business and users

Verschaffe dir Klarheit über den Status quo des Projekts, die Wünsche und Anforderungen der Nutzer:innen und das Unternehmen, das hinter dem Projekt steht. Das ist sehr wichtig, um die Möglichkeiten und Grenzen des grünen Designs kennenzulernen.

Details des Moduls

Bevor wir uns mit der ökologischen Nachhaltigkeit beschäftigen, müssen wir wissen, wo wir mit den Nutzer:innen, dem Projekt und dem Unternehmen stehen. Denn sie alle sind immer noch sehr wichtig. Es ist auch der perfekte Zeitpunkt, um herauszufinden, wie die Nutzer:innen, das Team und das Unternehmen über Nachhaltigkeit denken.

• Reflect on the business
• Do user research
• Collect project requirements

Step 2: Non-human Personas

Map out environmental actors as well as full non-human Persona profiles for your project. This could be nature in general, ecosystems or animals that are negatively impacted or you’d want to be positively affected.

Details des Moduls

Bringing nature into our projects, design and decision processes is one of the most essential steps in greening the web. Non-human Personas support us to acknowledge our impact on nature, to build up empathy and to get inspired for creative solutions.

• Discover environmental actors
• Create non-human Persona profiles
• Identify the positive and negative impact on nature
• Brainstorm and prioritize solutions
• Host non-human Persona workshops yourself

Step 3: Sustainability infused User Journey Map

Folge den Spuren deiner Nutzer:innen und mappe ihre Journey – von der Zeit vor der Nutzung deines Produkts bis hin zur Zeit während und nach der Nutzung. Sieh dir mögliche nachhaltige Fallstricke an und sammle viele Inspirationen für dein Design.

Details des Moduls

User Journey Maps stellen einen gesamten Prozess dar, den ein hypothetischer Nutzer durchlaufen kann. Von der Information, über die Buchung bis hin zum Kaufprozess. Dieses Mapping geht weit über ein einzelnes Produkt oder eine Dienstleistung hinaus. Sie berücksichtigt auch alles, was außerhalb einzelner Touchpoints liegt (z. B. eine Webseite).

Sustainability infused User Journey Maps betrachten zusätzlich die ökologischen Auswirkungen der einzelnen Schritte. Dadurch werden zusätzliche Ebenen hinzugefügt, die uns daran erinnern, nach Problemen und Chancen im Bereich der Nachhaltigkeit zu suchen.

• Set up the map
• Fill out the map
• Use the findings for your design
• Host Sustainability infused User Journey Map workshops yourself

Design |  Module 4 – 6

Step 4: Design lightweight

Vertreibe auf kreative Weise die UX/UI-Energie fressenden Monster und lerne mehr über Bilder, Videos, Klickpfade, Speicherplatz, Farben und all die anderen Monster, die digitale Produkte datenschwer machen.

Details des Moduls

Am Ende dieses Moduls wirst du wissen, was die energiefressenden Monster sind, was man ablehnen, reduzieren, wiederverwenden, recyceln, überdenken und regenerieren kann. Deine Designs können alles sein. Laut. Leise. Bunt. Entspannt. Romantisch. Sprudelnd. Elegant. Warmherzig. Ernsthaft. Modern. Einfach alles, was du dir wünschst.

Dieses Modul enthält ein großartiges Guidebook mit vielen Beispielen und Best Practices.

• What are energy eating monsters?
• Set an intention and collect creative ideas
• Design a lightweight digital product

Step 5: Eco-conscious psychology

Schaffe positiven Impact, indem du das Bewusstsein schärfst und das Verhalten in Richtung Nachhaltigkeit änderst. Dazu gehören umweltfreundlicherer E-Commerce, ökologisch positive Verhaltenspsychologie und mental gesundes Design.

Details des Moduls

Wir müssen Modelle zur Verhaltensänderung nutzen, um zu verstehen, wie Menschen über ökologisch wichtige Themen aufgeklärt und zu umweltfreundlichen Verhaltensweisen motiviert werden können. Um die Menschen zum Handeln zu bewegen.

Dieses Modul enthält zwei coole Guidebooks mit vielen Beispielen und Best Practices.

• Raising awareness
• Changing behavior
• Greener eCommerce
• Mentally healthy design

Step 6: Test and iterate

Erstelle einen Prototyp und teste dein Design in einem Usability-Test mit echten Nutzer:innen. Das spart eine Menge Energie und Entwicklungszeit, führt zu viel besseren Produkten und ist richtig cool zu erleben.

Details des Moduls

Erstelle einen Prototyp und schau, was funktioniert und was nicht. Es ist viel nachhaltiger, wenn du generell und insbesondere in einem frühen Stadium des Prozesses testest. Du sparst eine Menge Energie, Geld und Aufwand. Optimiere die User Journey, den Content und die Komponenten.

• Prototype your design
• Self-test and iterate
• Run a usability test with actual users

Hand-off and analysis |  Module 7 – 8

Step 7: Development hand-off

Exportiere deine Inhalte auf die umweltfreundlichste Art und Weise und lerne Grundkenntnisse über nachhaltige Hosting-Provider, technischen Kram (CSS, JS, Caching, etc.) sowie WordPress-Grundlagen.

Details des Moduls

Skaliere, komprimiere und übergebe deine Designvorlagen auf möglichst umweltfreundliche Weise und sammle Informationen für den besten Dev Hand-Off. Wir werden uns nicht mit der Programmierung befassen, aber wir brauchen ein gutes Verständnis für die Zusammenarbeit mit Entwickler:innen.

• Scale and compress images, videos and other material
• Eco-Friendly hosting provider
• Eco-Friendly tech basics
• WordPress quick tips

Step 8: Measure and audit

Beurteile den aktuellen Energie- und CO2-Fußabdruck deiner digitalen Produkte sowie die Möglichkeiten, die negativen Auswirkungen zu reduzieren und die positiven Auswirkungen zu erhöhen.

Details des Moduls

Überprüfe den Energie- und CO2-Fußabdruck des digitalen Produkts sowie andere Aspekte des grünen UX/UI-Designs wie den Stand der Kommunikation, Transparenz, Sensibilisierung für ökologische Fragen oder eCommerce. Wir gehen die verschiedenen Analysemöglichkeiten durch und klären, wie du mit den Ergebnissen arbeiten kannst.

• Measure and analyze digital products
• Manual auditing
• Mapping out a plan

Bonus module

Real life

Arbeite mit umweltfreundlichen E-Mail-Anbietern zusammen, setze dir selbst gesunde Grenzen, schaffe ein nachhaltiges digitales Büro, finde Projekte und bringe Nachhaltigkeit in dein Unternehmen und deine Projektabläufe.

Details des Moduls

Mach dich bereit für das echte Leben mit Kund:innen, Kolleg:innen und der Unternehmenswelt. Es gibt noch so viele andere Dinge, die wir für den Erfolg von Green Design und für unsere eigene psychische Gesundheit berücksichtigen müssen.

• Eco-friendly emails and newsletters
• Eco-friendly PDFs, documents and other digital products
• Obstacles that may come up
• Workflows
• Advocate for green design in companies
• Align your business
• Find projects and jobs
• Healthy boundaries for yourself
• Eco-friendly digital office