Nature, people and sustainability - Everything between 0 and 1

GSD Meetup presentation (10/10/2024):

In a world omnipresently shaped by digital technologies, web design and web development face the challenge of being not only aesthetically pleasing and functional, but also human- and environment-centered. This talk explores the little-researched connection between mental health and sustainable web design - also from the developer's perspective. We will discuss how thoughtful design principles and practices can reduce users' mental stress while making a positive contribution to the environment. Strategies and best practices will be presented that aim to make websites more accessible, user-friendly and at the same time more environmentally friendly in order to improve the online experience and promote mental health. The 30-minute presentation will encourage participants to think about people and the environment in the context of the web design and web development trades and to develop innovative solutions that prioritize user well-being and sustainability.

1. NATURE, PEOPLE AND
SUSTAINABILITY
EVERYTHING BETWEEN 0 AND 1
© Henning Fries – DIaLOGIKa GmbH | undsoweiterundsofort.de

2. 1.Figure out how to decline all but essential cookies
2.Close the support widget asking if I need help
3.Stop the auto-playing video
4.Close the “subscribe to our newsletter” pop-up
5.Close the browser message asking me if I’ll accept push notifications
6.Close the browser message asking me if I‘m willing to share my location
7.Ignore the banner suggesting me to download the iPhone app
8.Turningoff my AdBlocker to get to the website‘s content
9.Close the NPS survey asking me to rate the site
10.Close the new AI widget asking me if I need help
11.Try and rememberwhyI cameherein the first place
A TYPICAL WEBSITE VISIT IN 2024
https://twitter.com/andybudd/status/1477634654429663237

3. https://how-i-experience- web-today.com

4. The world isn’t broken .
It’s working exactly as it was designed to
work! And we’re the ones who designed it.
Which means we fucked up .
Monteiro, Mike. Ruined by Design: How Designers Destroyed the World, and What We Can Do to Fix It (S.30). Mule Books.

5. Fearis the path tothe dark side.
Fear leads to anger. Anger leads to
hate and hate leads to suffering.
Yoda, Master

6. https://www-axa-com.cdn.axa-contento-118412.eu/www- axa-com/d41133bc-5fa9-4a5d-b664-316282190d78_axa_mind_health_report_2024.pdf

7. https://www-axa-com.cdn.axa-contento-118412.eu/www- axa-com/d41133bc-5fa9-4a5d-b664-316282190d78_axa_mind_health_report_2024.pdf

8. https://www-axa-com.cdn.axa-contento-118412.eu/www- axa-com/d41133bc-5fa9-4a5d-b664-316282190d78_axa_mind_health_report_2024.pdf

9. https://www-axa-com.cdn.axa-contento-118412.eu/www- axa-com/d41133bc-5fa9-4a5d-b664-316282190d78_axa_mind_health_report_2024.pdf

10. Foto von Sara auf Unsplash
Definition
Time

11. Mental health is a state of well-being in which an individual realizes
their own abilities, can cope with the normal stresses of life, can
work productively, and is able to make a contribution to their
community.
— World Health Organization (WHO)
„

12. Mental disorders are syndromes characterized by clinically
significant disturbance in an individual's cognition , emotion
regulation, or behavior that reflects a dysfunction in the
psychological, biological, or developmental processes underlying
mental functioning. Mental disorders are usually associated with
significant distress or disability in social, occupational, or other
important activities .
— Diagnostic and Statistical Manual of Mental Disorders (DSM-5)
„

13. A triggeris a stimulus that causes a reaction. In the context of
mental illness, "trigger" is often used to mean somethingthatbrings
on orworsenssymptoms.
— Heels Care Network
„

14. 7 psychological triggers every
online marketer should know (and
the fifth will make you cry…)
!

15. Foto von Matthew Henry auf Unsplash
Any TV, any LCD, any iPhone, any iPad — something like that — if you
just stare at it, it looks like a black mirror, and there’s something cold
and horrifying about that, and it was such a fitting title for the show .
— Charlie Brooker, The Guardian, 2014.
(“Black Mirror: The Main Message Behind The Sci -Fi Anthology Series”)

16. https://etactics.com/blog/social-media-and-mental-health- statistics

17. TABOO
Foto von Kristina Flour auf Unsplash

18. Foto von Nick Fewings auf Unsplash

19. If the Internet were a country, it
would rank sixth in an international
comparison of countries, behind
China, the USA, the EU, India and
Japan.

20. A considerable part of
The total internet CO
2 footprint
UP TO 40%
is accounted for by the front end, i.e. the
part designed by part created by designers.

21. 90
%

OF EVERYTHING
IS CRAP!
STURGEONS LAW
https://en.wikipedia.org/wiki/Sturgeon%27s_law

24. Data Electricity CO
2e

25. kWh
Foto vonMatthew HenryaufUnsplash

26. kWh???

27. 10 h/d 365 d/y
1 kWh
365 kWh

28. 55
TERAWATTHOURS
55 TWh

29. 55 billion cyclists 10 h/d

30. 10
GROßKRAFTWERKE

31. BERLIN
CORRESPONDS TO THE ELECTRICITY CONSUMPTION OF

32. WHEN
MENTAL HEALTH
MEETS DIGITAL
SUSTAINABILITY
Foto von Dan Meyers auf Unsplash

33. https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMThiYzhoeXpob24yNGViY3M1ejJ5ZjdvdHJ2ZzBzOXNlYXF3OXp4cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/63I6FXZTXks2A/giphy.gif
One of my lessons from infinite
scroll: that optimizing something
for ease-of-use does not mean
best for the user or humanity .
— Aza Raskin 2019

34. https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMThiYzhoeXpob24yNGViY3M1ejJ5ZjdvdHJ2ZzBzOXNlYXF3OXp4cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/63I6FXZTXks2A/giphy.gif
Or loosely based on Aza Raskin:
„Goodwill is !'s little sister“ .
— Aza Raskin 2019

35. DOPAMIN

36. Foto von Oksana Zub auf Unsplash
UNITBIAS

37. https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMThiYzhoeXpob24yNGViY3M1ejJ5ZjdvdHJ2ZzBzOXNlYXF3OXp4cSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/63I6FXZTXks2A/giphy.gif
ENVIRONMENT

39. 51.6 billion cyclists 10 h/d

41. PRESERVE
DIRECT
CUSTOMIZE
https://inclusive.microsoft.design

42. USER EXPECTATION
CONFORMITY
SUITABILITY FOR
INDIVIDUALIZATION
ERROR
TOLERANCE
SUITABILITY FOR
USER‘S TASKS
SELF
DESCRIPTIVENESS
CONTROLLABILITY
SUITABLE FOR
LEARNING
PRINCIPLES OF DIALOGUE DESIGN: EN ISO 9241-110

43. THE LAWS OF UX
https://lawsofux.com

45. 1.Simplify, simplify, simplify.
2.Mindful color choices.
3.Thoughtful typography.
4.Empathetic user flows.
5.Empowering users with control.
6.Mindful microinteractions.
7.Continuous user feedback.
THE MAGNIFICENT SEVEN

46. R.O.G.E.R.,
T.O.R.T.E.

47. TEST
OPTIMIZE
REDUCE
THEMATIZE
ENGAGE TORTE

49. SAVE
YOURSELF
SOME DATA &
NERVES
Foto vonPawel CzerwinskiaufUnsplash

50. SUSTAINABILITY MENTAL HEALTH

51. PRIVACY SUSTAINABILITY MENTAL HEALTH ACCESSIBILITY

52. We’re no longer pushing pixels around a screen.
We’re building complex systems that touch people’s
lives, destroy their personal relationships, broadcast
words of both support and hate, and undeniably
mess with their mental health .
Monteiro, Mike. Ruined by Design: How Designers Destroyed the World, and What We Can Do to Fix It (S.38). Mule Books.

53. „THERE’S NOTHING WRONG
WITH HAVING A TREE AS
A FRIEND.”
© picture alliance / dpa

54. TSCHÜSS!
HENNING FRIES
DIALOGIKA GMBH
MACHT IRGENDWAS MIT MEDIEN
―
@KINGFRIES
DARK