1. Kurzbeschreibung des Projekts

Das Projekt beschäftigt sich mit Digitaler Ethik mit besonderem Fokus auf der algorithmischen Datenerhebung. Eine interaktive Informationswebsite setzt sich kritisch mit dem Thema auseinander und macht bewusst, wie intransparent damit umgegangen wird. Mit einer App als Anwendungsbeispiel werden Ansätze entwickelt, wie algorithmische Datenerhebung einen positiven Zweck verfolgen und Design zur Umsetzung von Werten der Digitalen Ethik beitragen kann.

2. Konzept/ What How Why

Konzept des Gesamt-Projekts:

Projekt-Konzept.png

3. Projektmanagement & Risikobewertung

Projektmanagement.png

4. Recherche

Meine Recherche habe ich in drei Bereiche unterteilt und mir für diese Fragestellungen überlegt. Die Rechercheergebnisse sind auf meinem
Figmaboard/Recherche zusammengefasst.

1. Digitale Ethik:

  • Was ist Digitale Ethik
  • Themen der Digitalen Ethik
  • Warum braucht es Digitale Ethik
  • Welchen Einfluss auf die Gesellschaft hat die Digitale Ethik
  • Ziele der Digitalen Ethik
  • Challenges der Digitalen Ethik im Zusammenhang mit AI bzw. Algorithmen
  • Wie verhält sich die Digitale Ethik gegenüber Algorithmen (Europäische Ansätze)

2. Algorithmen:

  • Was sind Algorithmen
  • Wo werden Algorithmen genutzt
  • Meinungsumfragen zum Wissen zum Thema KI und Algorithmen in der Bevökerung
  • Meinungsumfragen zur Wahrnehmung um Thema KI und Algorithmen in der Bevökerung
  • Meinungsumfragen zur Wirkung zum Thema KI und Algorithmen bei der Bevölkerung
  • Gibt es Regeln für Algorithmen
  • Welche Arten von Algorithmen gibt es
  • Kritik und Befürwortung von Algorithmen für die Gesellschaft
  • Welche Datensammler gibt es
  • Welche Daten nutzen Algorithmen
  • Welche Daten werden konkret gesammelt
  • Was ist für die Zukunft im Zusammenhang mit Algorithmen wichtig

3. Design:

  • Welche Rolle spielt Digitale Ethik im Design
  • Welche Rolle hat “Security by Design”
  • Wie designt man Algorithmen
  • Was muss beim Design von Algorithmen beachtet werden/ welche Kriterien oder Leitlinien gibt es?
  • Welche Effekte kann Design im Zusammenhang mit Algorithmen haben
  • Welche Beispielprojekte gibt es in diesem Bereich

Bildschirmfoto 2023-10-28 um 17.38.45.png

___________________________________

Umfrage

Um die Relevanz meines Projekts besser beurteilen zu können, führte ich eine Umfrage zum Meinungsbild gegenüber Algorithmen zur Datenerhebung durch. 

Aufgebaut war sie in drei Abschnitte:

  1. Allgemeiner Überblick
    (Relevanz und Transparenz)
  2. Ausblick
    (Einstellung zur zukünftigen Entwicklung)
  3. Anwendungsbeispiel
    (Interessen, Funktionen und Darstellungsweisen bezüglich Digitaler Ethik)

Auswertung Umfrage.pdf
PDF

5. Website

5.1. Kurzbeschreibung des Projekts

Bei diesem Projekt handelt es sich um eine interaktive Informationswebsite, die sich mit dem Thema der algorithmischen Datenerhebung auseinandersetzt. In Bezug darauf wird die Digitale Ethik vorgestellt, die versucht ethische Rahmenbedingungen und begründete Handlungsentscheidungen für digitale Umgebungen zu finden. Die Website soll zum Kompetenzaufbau beitragen und „unsichtbare“ Eingriffe von Algorithmen in unserem Alltag und deren Auswirkungen zeigen. Anhand eines Anwendungsbeispiels werden Lösungsansätze für mehr Transparenz dargestellt und reflektiert.

5.2. Ausgangssituation, Problem, Lösung

Umfragen zeigen, dass Menschen teilweise nicht bewusst ist, dass Algorithmen überhaupt ein Problem darstellen und welches Ausmaß dieses annehmen kann. Daraus resultiert eine naive und unreflektierte Einstellung gegenüber der Thematik. 

Die Website soll dies vor Augen führen und nicht nur zeigen, dass dieses Problem besteht, sondern auch klarmachen w. Ebenfalls soll die Theorie der Digitalen Ethik vorgestellt werden, um deutlich zu machen, das werteorientiertes Handeln auch im digitalen Raum eine große Rolle spielt, um Probleme anzugehen.

5.3. Storyline, Spannungsbogen, Mindmap

SCOM Framework.png Content Polygon.png Google HHH-Modell.png
© Miriam Saile
SCOM Framework.png Content Polygon.png Google HHH-Modell.png
Mindmap.png
Storyline.png
Spannungsbogen.png

5.4. Moodboard

Moodbaord 2.png Moodbaord 1.png Moodbaord 3.png
© Miriam Saile
Moodbaord 2.png Moodbaord 1.png Moodbaord 3.png

5.5. Skizzen, erste Layouts, erste Prototypen

Skizze 1.png Skizze 2.png Skizze 3.png Skizze 5.png Skizze 4.png Skizze 6.png
© Miriam Saile
Skizze 1.png Skizze 2.png Skizze 3.png Skizze 5.png Skizze 4.png Skizze 6.png

5.6. Designvarianten

Designvariante 1.png Designvariante 2.png Designvariante 3.png
© Miriam Saile
Designvariante 1.png Designvariante 2.png Designvariante 3.png

5.7. Finales Design

Desktop

Design_Overview.png

Mobil

Mobilversion.png

5.8. Prototyp

Figma-Prototyp (Desktopversion)

https://www.figma.com/proto/QQKbuwHK6djgw40356Oeb8/Bachelor?page-id=392%3A215&type=design&node-id=2414-17276&viewport=-2102%2C-6127%2C0.24&t=MwK6XT6Yk7a95ate-1&scaling=min-zoom&starting-point-node-id=888%3A623&mode=design

(öffnet evtl. nur in Safari)

Figma Prototyp (Mobilversion)

https://www.figma.com/proto/QQKbuwHK6djgw40356Oeb8/Bachelor?page-id=2239%3A13685&type=design&node-id=2468-19070&viewport=-972%2C1508%2C0.24&t=ZVJueXEJu2hyJNhK-1&scaling=min-zoom&mode=design