SlideShare ist ein Scribd-Unternehmen logo
1 von 34
Downloaden Sie, um offline zu lesen
DESIGN PRINZIPIEN FÜR GREEN UX
World Usability Day 2016 - Hamburg
Christoph Buckler
UNTERNEHMEN MISSION
2
Spezialisierter Anbieter von User Interface Design
Services
Fokus: B2B Anwendungen, Productivity, Anwendungen für
Professionals, Medical (-Device) Software
Gesamter User Centered Design Life Cycle
Christoph Buckler
Senior UX Consultant
T +49 40 3179868-0
christoph.buckler@ergosign.de
trashless-society.com
@trashlessguy
GREEN UX
Nachhaltigkeit & UX?
3
https://uxdesign.cc/product-design-for-sustainability-3fffbb2a7f0e#.c39i5mgni
Artiom Dashinsky
GREEN UX
4
http://www.thwink.org/sustain/glossary/ThreePillarsOfSustainability.htm
„This is the world’s biggest actual problem…“ => Green UX erforderlich
Nachhaltigkeit
Social
EconomicEnvironment
Sustainable
Alle Produkte und Services haben Einfluss auf die Umwelt
Design ist Teil des Product Lifecycle
Wir haben einen Einfluss
Wir haben eine Verantwortung
GREEN UX
Unser Beitrag als Designer/Entwickler
6
Entsorgung/
Recycling
Design
Herstellung
Distribution
Kunde/
Nutzer
Product
Lifecycle
PRINZIPIEN DER NACHHALTIGKEIT
7
PRINZIPIEN DER NACHHALTIGKEIT
Zero Waste Bewegung
8
trashless-society.com zerowastehome.com
PRINZIPIEN DER NACHHALTIGKEIT
Zero Waste
Refuse (ablehnen)
Reduce (reduzieren)
Reuse (wiederverwenden)
Recycle (Wertstoffsammlung)
Rot (kompostieren)
9
http://www.zerowastehome.com/about/tips/
PRINZIPIEN DER NACHHALTIGKEIT
Zero Waste
Refuse
Reduce
Reuse
Recycle
Rot
Reduce
Reuse
Recycle
Restore
Process
10
„Design Is The Problem“
Buch von Nathan Shedroff
http://www.zerowastehome.com/about/tips/
PRINZIPIEN DER NACHHALTIGKEIT
Nützlichkeit & Usability
Wenig nützliche Produkte verschwenden Ressourcen
Dematerialisierung
Weniger Material (z.B. durch kleinere, leichtere Produkte)
Digital statt analog
Transmaterialisierung
Produkt in Service umwandeln
z.B. Bücherei, Downloads etc.
11
Reduce (reduzieren)
PRINZIPIEN DER NACHHALTIGKEIT
Langlebigkeit (Design for Durability)
Wartbarkeit/Reparierbarkeit statt „planned Obsolescence“
Zukünftige Nutzerbedürfnisse berücksichtigen
Zeitloses Design statt (ausgefallene) Trends
Wiederverwendbarkeit
Geplante Wiederverwendung
Upcycling
12
Reuse (wiederverwenden)
die-testbar.de/upcycling-diy-ideen-mit-lemonaid
INNOVATIVE PRINZIPIEN
13
INNOVATIVE PRINZIPIEN
TRIZ (Teoria reschenija isobretatjelskich sadatsch)
Hauptsächlich vom Russen Genrich Altschuller entwickelt
Entdeckungen bei der Arbeit im Patentamt
Viele Erfindungen basieren auf wenigen allgemeinen Prinzipien
40 innovative Prinzipien
14
„Theorie des erfinderischen Problemlösens"
INNOVATIVE PRINZIPIEN
15
1. Zerlegung
2. Abtrennung
3. Örtliche Qualität
4. Asymmetrie
5. Kopplung (Kombination)
6. Mehrzwecknutzung (Universalität)
7. Integration, Verschachtelung
8. Gegengewicht (Gegenmasse)
9. Vorgezogene Gegenaktion
10. Vorgezogene Aktion
11. Vorbeugung, Prävention
12. Äquipotential
13. Funktionsumkehr (Inversion)
14. Krümmung, Kugelähnlichkeit
15. Dynamisierung, Anpassung
16. Partielle oder überschüssige Wirkung
17. Übergang zu höherer Dimension
18. Mechanische Schwingungen
19. Periodische Wirkung
20. Kontinuität nützlicher Aktionen
21. Durcheilen und Überspringen
22. Schädliches in Nützliches wandeln
23. Rückkopplung (Feedback)
24.Vermittler, Mediator
25.Selbstbedienung, Automatik
26. Kopien, Modelle
27. Billige Kurzlebigkeit
28. Mechanik ersetzen
29. Pneumatik und Hydraulik
30. Flexible Hüllen und Folien
31. Poröse Materialien
32. Farbveränderung, Durchsichtigkeit
33. Gleichartigkeit (Homogenität)
34. Beseitigung und Regeneration
35. Anderer Aggregatzustand
36. Phasenübergänge
37. Wärmeausdehnung
38. Starkes Oxidationsmittel
39. Inertes/träges Medium
40. Verbundmaterial
40 innovative Prinzipien nach TRIZ
INNOVATIVE PRINZIPIEN BEISPIEL
Beispiel: Smartphone
16
Alle Komponenten fest verbaut
(kein Austausch für Laien möglich)
Reparaturen teuer
Zerlegung (TRIZ-Prinzip 1)
Reparierbarkeit/Langlebigkeit
Modularer Aufbau
Ersatzteile verfügbar
Laien können Komponenten selbst
austauschen (Akku, Display, Kamera etc.)
INNOVATIVE PRINZIPIEN BEISPIEL
Beispiel: Mobile tickets
17
Ausdrucken oder Zustellung per Post
Wertlos nach Event, Flug etc.
Direkt auf Gerät verfügbar
Smartphone in der Regel dabei
Kein (Thermo-)PapierabfallMehrzwecknutzung (TRIZ-Prinzip 6)
Dematerialisierung
INNOVATIVE PRINZIPIEN BEISPIEL
Beispiel: Automatische Skalierung
18
https://uxdesign.cc/product-design-for-sustainability-3fffbb2a7f0e#.c39i5mgni
Automatik (TRIZ-Prinzip 25)
Reduce
Artiom Dashinsky
BENUTZERVERHALTEN
19
BENUTZERVERHALTEN
Aufklärung & Information
Information über (Umwelt-)Probleme
Feedback über Auswirkungen der Nutzerhandlungen
20
Benutzerverhalten und Motivation
BENUTZERVERHALTEN
Beispiel: Codecheck-App & Mikroplastik
21
http://www.codecheck.info/news/Wir-essen-Mikroplastik-aus-
Kosmetikprodukten-38603
http://www.codecheck.info
BENUTZERVERHALTEN
Beispiel: Feedback zum Fahrverhalten
22
https://www.automatic.com/features/
BENUTZERVERHALTEN
Aufklärung & Information
Information über (Umwelt-)Probleme
Feedback über Auswirkungen der Nutzerhandlungen
Benutzer zu Nachhaltigkeit motivieren
Vorschläge / „Promotion“
Gamification
23
Benutzerverhalten und Motivation
BENUTZERVERHALTEN
Beispiel: Automatischer Vorschlag
24
https://uxdesign.cc/product-design-for-sustainability-3fffbb2a7f0e#.c39i5mgniArtiom Dashinsky,
Verkaufs-
vorschlag
BENUTZERVERHALTEN
Beispiel: Automatischer Vorschlag
25
https://uxdesign.cc/product-design-for-sustainability-3fffbb2a7f0e#.c39i5mgniArtiom Dashinsky,
Studie: Über 100 Millionen ungenutzte Handys in deutschen Haushalten
Verkaufs-
vorschlag
http://www.duh.de/althandy.html
BENUTZERVERHALTEN
Beispiel: Apps mit Gamification-Mechanismen
26
https://joulebug.com/
BENUTZERVERHALTEN
Aufklärung & Information
Information über (Umwelt-)Probleme
Feedback über Auswirkungen der Nutzerhandlungen
Benutzer zu Nachhaltigkeit motivieren
Vorschläge / „Promotion“
Gamification
Green Defaults
27
Benutzerverhalten und Motivation
BENUTZERVERHALTEN
Beispiel: Google Maps
28
https://uxdesign.cc/product-design-for-sustainability-3fffbb2a7f0e#.c39i5mgniArtiom Dashinsky,
WEBDESIGN
29
WEBDESIGN
Auch das Internet verursacht CO2-Emissionen
„Slimline“ Webdesign http://sustainableux.com/basic.html
Bilder & Videos reduzieren bzw. optimieren
Weniger Energie- und Speicherverbrauch
Weniger Ablenkung
Kürzere Ladezeiten
Prinzipien http://sustainablewebdesign.org/
Findbarkeit (Nutzer muss weniger Seiten laden)
Performance-Optimierung
Design & UX (Mobile-first Design)
Green Hosting
30
Nachhaltiges Webdesign
WEBDESIGN
ecograder.com
31
FAZIT
32
FAZIT
Nachhaltigkeit ist eine Notwendigkeit
Designer haben einen Einfluss und eine Verantwortung
Sprecht über Green UX!
Versucht Design Prinzipien anzuwenden!
33
Schlussfolgerung
Ergosign GmbH

Kistlerhofstraße 75

81379 München

Germany
T +49 89 6890607-0

F +49 89 6890607-10

T +49 30 246397-13
F +49 681 988412-10

Ergosign GmbH

Ringbahnstraße 42

12099 Berlin

Germany
Ergosign GmbH

Hopfenstraße 23

20359 Hamburg

Germany
T +49 40 3179868-0

F +49 40 3179868-10

Ergosign Switzerland AG

Badenerstrasse 808

8048 Zürich

Switzerland
T +41 44 54293-04

F +41 44 54293-07

T +49 681 988412-0

F +49 681 988412-10

Ergosign GmbH

Europaallee 12

66113 Saarbrücken

Germany
VIELEN DANK.

Weitere ähnliche Inhalte

Andere mochten auch

Empire.Kred Introduction
Empire.Kred IntroductionEmpire.Kred Introduction
Empire.Kred Introductionsteven healey
 
RENG 103 - Memoirs Solarize Presentation
RENG 103 - Memoirs Solarize PresentationRENG 103 - Memoirs Solarize Presentation
RENG 103 - Memoirs Solarize PresentationJan L Myers
 
Public Relations Request for Proposal - Everything PR News
Public Relations Request for Proposal - Everything PR NewsPublic Relations Request for Proposal - Everything PR News
Public Relations Request for Proposal - Everything PR NewsEverythingPR
 
The ISO_OSI Reference Model
The ISO_OSI Reference ModelThe ISO_OSI Reference Model
The ISO_OSI Reference ModelVishnu Vardhan
 
Limite y continuidad de funciones de varias variables
Limite y continuidad de funciones de varias variablesLimite y continuidad de funciones de varias variables
Limite y continuidad de funciones de varias variableskactherinevg
 
Huawei launches their IoT accelerator i5lab at Blk71 Singapore
Huawei launches their IoT accelerator i5lab at Blk71 SingaporeHuawei launches their IoT accelerator i5lab at Blk71 Singapore
Huawei launches their IoT accelerator i5lab at Blk71 SingaporeBLOCK71 Singapore
 
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCE
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCEEQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCE
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCEChowdarytwins Chowdarytwins
 
Humanity Means Business: Why Culture Eats Strategy for Breakfast
Humanity Means Business: Why Culture Eats Strategy for BreakfastHumanity Means Business: Why Culture Eats Strategy for Breakfast
Humanity Means Business: Why Culture Eats Strategy for BreakfastQualtrics
 
Meredith Dezutter - Aligning New Care Models with the Patient of the Future
Meredith Dezutter - Aligning New Care Models with the Patient of the FutureMeredith Dezutter - Aligning New Care Models with the Patient of the Future
Meredith Dezutter - Aligning New Care Models with the Patient of the FutureHealthcare Experience Design Conference
 

Andere mochten auch (14)

Empire.Kred Introduction
Empire.Kred IntroductionEmpire.Kred Introduction
Empire.Kred Introduction
 
RENG 103 - Memoirs Solarize Presentation
RENG 103 - Memoirs Solarize PresentationRENG 103 - Memoirs Solarize Presentation
RENG 103 - Memoirs Solarize Presentation
 
Las apps
Las apps Las apps
Las apps
 
Brochure
BrochureBrochure
Brochure
 
A Praia
A PraiaA Praia
A Praia
 
Public Relations Request for Proposal - Everything PR News
Public Relations Request for Proposal - Everything PR NewsPublic Relations Request for Proposal - Everything PR News
Public Relations Request for Proposal - Everything PR News
 
The ISO_OSI Reference Model
The ISO_OSI Reference ModelThe ISO_OSI Reference Model
The ISO_OSI Reference Model
 
Limite y continuidad de funciones de varias variables
Limite y continuidad de funciones de varias variablesLimite y continuidad de funciones de varias variables
Limite y continuidad de funciones de varias variables
 
Boston hacks
Boston hacksBoston hacks
Boston hacks
 
Sequencias logicas
Sequencias logicasSequencias logicas
Sequencias logicas
 
Huawei launches their IoT accelerator i5lab at Blk71 Singapore
Huawei launches their IoT accelerator i5lab at Blk71 SingaporeHuawei launches their IoT accelerator i5lab at Blk71 Singapore
Huawei launches their IoT accelerator i5lab at Blk71 Singapore
 
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCE
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCEEQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCE
EQUIPMENT SELECTION,PURCHASE SPECIFICATION,MAINTENANCE
 
Humanity Means Business: Why Culture Eats Strategy for Breakfast
Humanity Means Business: Why Culture Eats Strategy for BreakfastHumanity Means Business: Why Culture Eats Strategy for Breakfast
Humanity Means Business: Why Culture Eats Strategy for Breakfast
 
Meredith Dezutter - Aligning New Care Models with the Patient of the Future
Meredith Dezutter - Aligning New Care Models with the Patient of the FutureMeredith Dezutter - Aligning New Care Models with the Patient of the Future
Meredith Dezutter - Aligning New Care Models with the Patient of the Future
 

Ähnlich wie Design Prinzipien für Green UX

Digitalisierung und Nachhaltigkeit – geht eigentlich beides?
Digitalisierung und Nachhaltigkeit – geht eigentlich beides?Digitalisierung und Nachhaltigkeit – geht eigentlich beides?
Digitalisierung und Nachhaltigkeit – geht eigentlich beides?Jan Recker @ University of Hamburg
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Wolfram Nagel
 
Von der Wiege bis zur Bahre?
Von der Wiege bis zur Bahre?Von der Wiege bis zur Bahre?
Von der Wiege bis zur Bahre?Thomas Dietz
 
Industry meets Makers 2016 - Pilotprojekt
Industry meets Makers 2016 - PilotprojektIndustry meets Makers 2016 - Pilotprojekt
Industry meets Makers 2016 - PilotprojektIndustrymeetsMakers
 
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kann
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kannDon‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kann
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kannOeko-Institut
 
Nachhaltige öffentliche Beschaffungen
Nachhaltige öffentliche BeschaffungenNachhaltige öffentliche Beschaffungen
Nachhaltige öffentliche BeschaffungenMatthias Stürmer
 
Digitalisierung als Enabler für die Circular Economy?
Digitalisierung als Enabler für die Circular Economy?Digitalisierung als Enabler für die Circular Economy?
Digitalisierung als Enabler für die Circular Economy?Stefan Jeker
 
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformationMIPLM
 
Product Carbon Footprint gemeinsam minimieren - Datenaustausch in Ökosysteme...
Product Carbon Footprint gemeinsam minimieren -  Datenaustausch in Ökosysteme...Product Carbon Footprint gemeinsam minimieren -  Datenaustausch in Ökosysteme...
Product Carbon Footprint gemeinsam minimieren - Datenaustausch in Ökosysteme...Michael Heiss
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Wolfram Nagel
 
Gespräch in der Burgstraße: Digitale Innovation
Gespräch in der Burgstraße: Digitale InnovationGespräch in der Burgstraße: Digitale Innovation
Gespräch in der Burgstraße: Digitale InnovationBankenverband
 
Industrierat Zukunft Prof. Dr. Herr
Industrierat Zukunft Prof. Dr. HerrIndustrierat Zukunft Prof. Dr. Herr
Industrierat Zukunft Prof. Dr. HerrMIPLM
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Wolfram Nagel
 
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...Jan Groenefeld
 
Industry meets Makers Medien-Brunch Handout
Industry meets Makers Medien-Brunch HandoutIndustry meets Makers Medien-Brunch Handout
Industry meets Makers Medien-Brunch HandoutIndustrymeetsMakers
 
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 Mobile Quality Night Vienna 2015 -   Usecon mobile experience Mobile Quality Night Vienna 2015 -   Usecon mobile experience
Mobile Quality Night Vienna 2015 - Usecon mobile experienceRudolf Grötz
 
Standardisierung, Herstellerabhängigkeiten und Open Source Software
Standardisierung, Herstellerabhängigkeiten und Open Source SoftwareStandardisierung, Herstellerabhängigkeiten und Open Source Software
Standardisierung, Herstellerabhängigkeiten und Open Source SoftwareMatthias Stürmer
 

Ähnlich wie Design Prinzipien für Green UX (20)

Digitalisierung und Nachhaltigkeit – geht eigentlich beides?
Digitalisierung und Nachhaltigkeit – geht eigentlich beides?Digitalisierung und Nachhaltigkeit – geht eigentlich beides?
Digitalisierung und Nachhaltigkeit – geht eigentlich beides?
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
 
Von der Wiege bis zur Bahre?
Von der Wiege bis zur Bahre?Von der Wiege bis zur Bahre?
Von der Wiege bis zur Bahre?
 
Fujitsu Campus Forum 2017
Fujitsu Campus Forum 2017Fujitsu Campus Forum 2017
Fujitsu Campus Forum 2017
 
Industry meets Makers 2016 - Pilotprojekt
Industry meets Makers 2016 - PilotprojektIndustry meets Makers 2016 - Pilotprojekt
Industry meets Makers 2016 - Pilotprojekt
 
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kann
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kannDon‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kann
Don‘t believe the hype –oder: Wie Konsum doch noch nachhaltig werden kann
 
Nachhaltige öffentliche Beschaffungen
Nachhaltige öffentliche BeschaffungenNachhaltige öffentliche Beschaffungen
Nachhaltige öffentliche Beschaffungen
 
Digitalisierung als Enabler für die Circular Economy?
Digitalisierung als Enabler für die Circular Economy?Digitalisierung als Enabler für die Circular Economy?
Digitalisierung als Enabler für die Circular Economy?
 
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation
4 industrierat zukunft_prof._dr._herr_digit_unternehmenstranformation
 
Product Carbon Footprint gemeinsam minimieren - Datenaustausch in Ökosysteme...
Product Carbon Footprint gemeinsam minimieren -  Datenaustausch in Ökosysteme...Product Carbon Footprint gemeinsam minimieren -  Datenaustausch in Ökosysteme...
Product Carbon Footprint gemeinsam minimieren - Datenaustausch in Ökosysteme...
 
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
Multiscreen Experience - Prinzipien und Muster für das Informationsmanagement...
 
Gespräch in der Burgstraße: Digitale Innovation
Gespräch in der Burgstraße: Digitale InnovationGespräch in der Burgstraße: Digitale Innovation
Gespräch in der Burgstraße: Digitale Innovation
 
Industrierat Zukunft Prof. Dr. Herr
Industrierat Zukunft Prof. Dr. HerrIndustrierat Zukunft Prof. Dr. Herr
Industrierat Zukunft Prof. Dr. Herr
 
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
Multiscreen Experience (Mai 2012, IA Konferenz, Essen)
 
Smart Maintenance
Smart MaintenanceSmart Maintenance
Smart Maintenance
 
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...
Bitkom Auszug - Mensch-Zentrierung in Zeiten der Digitalisierung - Auf Interv...
 
Industry meets Makers Medien-Brunch Handout
Industry meets Makers Medien-Brunch HandoutIndustry meets Makers Medien-Brunch Handout
Industry meets Makers Medien-Brunch Handout
 
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 Mobile Quality Night Vienna 2015 -   Usecon mobile experience Mobile Quality Night Vienna 2015 -   Usecon mobile experience
Mobile Quality Night Vienna 2015 - Usecon mobile experience
 
Standardisierung, Herstellerabhängigkeiten und Open Source Software
Standardisierung, Herstellerabhängigkeiten und Open Source SoftwareStandardisierung, Herstellerabhängigkeiten und Open Source Software
Standardisierung, Herstellerabhängigkeiten und Open Source Software
 
Aachener Zeitung-osram
Aachener Zeitung-osramAachener Zeitung-osram
Aachener Zeitung-osram
 

Design Prinzipien für Green UX