1 of 25

Abschlusspräsentation �– �Projekt „Güsel Toss“

Ein Lernspiel zur Förderung der korrekten Mülltrennung

HSLU IdX FS 2025: Lars Wüthrich, Leander Duft

2 of 25

Welches Problem lösen wir?

  • Fehlendes Wissen über korrekte Mülltrennung
  • Umweltbelastung durch falsch entsorgten Abfall
  • Geringe Motivation, sich mit Recycling auseinanderzusetzen

3 of 25

Was wir erreichen wollen

  • Ein interaktives Spiel, das spielerisch Wissen vermittelt
  • Zielgruppe: Familien mit Ihren Kindern
  • Kombination von Lernen und Spass

4 of 25

Von der Idee zur Umsetzung

Analyse des Problems & Zielgruppenrecherche

Entwicklung von zwei Konzept Ideen

Evaluation & Entscheidung für eine der Varianten

Technische Ausarbeitung und Programmierung

5 of 25

Design-Challenge

  • Wie können wir für die Nutzergruppe X das Problem Y lösen, damit der Wert bzw die Zustandsänderung Z entsteht.

6 of 25

Konzeptentwurf

  • Idee 1
    • 2-Spieler-Quiz

  • Idee 2
    • Paper Toss

7 of 25

Konzeptvergleich

Zwei Konzepte – eine Entscheidung

Konzept A: Quiz-Spiel

Konzept B: Güsel Toss (Final)

Lernform

Faktenwissen

Handlungsorientiertes Lernen

Interaktion

Multiple-Choice

Müll per Drag & Drop/Button Klick sortieren

Spielerlebnis

Klassisch, 2-Spieler

Spielerisch, motivierend

Visualisierung

Textfokus

Grafisch mit Feedback

8 of 25

Die Entwicklung

Prototyp 1:�

Prototyp 2: �

USB-Schnittstelle

Lokales Websocket

Mobil Spiel Entwicklung

HTTP - Request

9 of 25

Entscheidung gegen Online DataBroker

  • Keine Instant Übertragung der Daten
  • Delay war im Game Spürbar

�- mit Bezahl Abo ggf. Möglich���

10 of 25

Finaler Prototyp: Technologie des Games

11 of 25

Finaler Prototyp:

Prototyp Final:�

Mobil Spiel Entwicklung

Personal Computer

12 of 25

Schnittstelle Arduino - Webbrowser

  • Gewisse Browser (Chrome, Edge, Opera) unterstützen Serielle Verbindungen
  • Leichte Anbindung via vom Browser (HTML5) bereitgestellten Web Serial API
  • Benutzer Interaktion mit Verbindungs PopUp zwingend

13 of 25

Spiel Elemente

  • Sammel-Container wechseln Position
  • Wurfobjekte wechseln (44 Unterschiedliche Objekte)
  • Fortschrittsbalken zeigt Lernfortschritt
  • Feuerwerk bei erreichen des Ziels
  • Szenariobilder werden bei erreichen der Ziele „sauberer“

14 of 25

15 of 25

16 of 25

17 of 25

18 of 25

19 of 25

20 of 25

21 of 25

22 of 25

Warum es funktioniert

  • Spielerisches Lernen motiviert
  • Visuelles Feedback fördert Verständnis
  • Umweltbewusstsein wird gestärkt
  • Fortschritt ist sichtbar & belohnend

23 of 25

Nutzertests

Testaufbau:

  • 3 Testpersonen (unterschiedliche Altersgruppen und Technik-Erfahrung)
  • Steuerung ausschliesslich über physischen Button
  • Ziel: Verständlichkeit, Motivation, Feedbackwirkung testen

Beobachtungen:

  • Spielprinzip wurde ohne Anleitung verstanden
  • Fortschrittsbalken als motivierend wahrgenommen
  • Bildwechsel wurde als Erfolg gedeutet

Emotionale Reaktionen (Response Cards):

  • Häufig genannt: begeistert, neugierig, zufrieden
  • Schwierigkeitsgrad war anspruchsvoll aber motivierend

Fazit:

  • Konzept funktioniert intuitiv, motivierend und visuell wirkungsvoll
  • Verbesserungspotenzial: akustisches oder haptisches Fehlfeedback

24 of 25

Unser Fazit

„Güsel Toss verbindet Umweltbildung mit Spielspaß. Es sensibilisiert spielerisch für Recycling und zeigt, wie kleine Entscheidungen große Wirkung haben können.“����Idee für Weiterentwicklung: Mehr Abfallarten, Level-System, Mobile-Version?

Achtung: Es macht Süchtig!

25 of 25

Reflexion

  • Spannendes Projekt: Mehr Hands On als sonst im Studium
  • Startschwierigkeiten: Viele Tools, welche sind miteinander kombinierbar?
  • Schneller direkt Tools ausprobieren�🡪 auch ohne Vorkenntnisse bekommt man schnell erste Resultate