App speak up
Im Semesterprojekt eco-friendly.apps sollte eine innovative App entstehen, die Nutzer für den bewussten Umgang mit begrenzten Ressourcen sensibilisiert und nachhaltiges Handeln fördert. Der Fokus lag auf nutzerzentriertem Design und kreativen Interaktionskonzepten, die über herkömmliche Umweltschutz-Apps hinausgehen.
Das Projekt wurde in einem 2er-Team erarbeitet.
Programme
Ausgangslage
In Deutschland gehen die Meinungen zu umweltpolitischen Maßnahmen zunehmend auseinander. Aktionen wie Fridays For Future verdeutlichen, wie emotional aufgeladen das Thema ist – obwohl sich die Mehrheit einig ist, dass Umweltschutz notwendig ist. Das Umweltbundesamt warnte 2023:
„Wachsende gesellschaftliche Spaltung und populistische Politiken gefährden die Akzeptanz und die Umsetzung umwelt- und klimapolitischer Maßnahmen.“
App-Idee
Diese Problematik diente als Grundlage für die Konzeption der App „speak up“ – einem sozialen Netzwerk für Umweltthemen, das konstruktiven Austausch fördern soll. Nutzer informieren sich über zufällig ausgewählte Themen, bilden Meinungen und diskutieren im Forum.
Das Konzept kombiniert Elemente von Reddit und BeReal: Spontane Benachrichtigungen zu zeitlich begrenzten Diskussionsthemen bringen Gamification ein und lenken den Fokus auf konkrete Inhalte. Beiträge lassen sich zudem wie bei Reddit per Up- und Down-Vote bewerten.
Hauptfunktionen
Diskussionsforum
Der Hauptbereich beinhaltet ein aktuelles, umweltbezogenes Thema, bei dem das Forum nur für einen bestimmten Zeitraum offen ist. Themen können beispielsweise Innovationen aus der ganzen Welt sein, aber auch ortspezifische Neuigkeiten. Vergangene Themen werden hier ebenfalls aufgelistet.
Für jedes einzelne Thema gibt es eine Faktendarstellung, auf Basis dessen sich Nutzer beim aktiven Thema auf eine Ausgangsmeinung festlegen müssen. Dann werden sie für die Diskussion freigeschaltet. Hier können sich Nutzer äußern, austauschen und ggf. ihre Meinung ändern.
Statistik
In der eigenen Statistik erhalten Nutzer Einsicht in ihre eigenen Daten, die bei der Nutzung der App gesammelt werden. Beispiele hierfür sind die Anzahl an teilgenommener Themen oder verfasster Kommentare. Auch die Lieblingsthemen oder Top-Kommentare werden hier dargestellt.
Der Bereich ist etwas verspielter gestaltet und an die Spotify-Wrap-Funktion angelehnt.
Informationsstruktur
Die geplante Informationsstruktur wurde in einem Strukturbaum übersichtlich skizziert.
Digitale Wireframes
Mithilfe von digitalen Wireframes wurde zunächst die geplante Funktionsweise der Informationsstruktur übertragen. Es wurden Platzhalter und Buttons festgelegt, um zu überprüfen, wo einzelne Elemente platziert werden und wie sie funktionieren sollen. Sie dienten zudem zur Überprüfung der Usability und waren die Grundlage für das nachfolgende visuelle Konzept.
Farbgebung
Die App ist im Dark Mode gestaltet, um den Lesefluss zu erleichtern. Für die Hintergründe kommen zwei grünlich-graue Farbtöne zum Einsatz, die eine dezente Basis bilden.
Die Hauptfarbe der App ist ein Verlauf aus zwei Grüntönen, der vor allem für interaktive Elemente wie Buttons verwendet wird. Ergänzend setzt ein kräftiges Gelb gezielte Akzente und lenkt – ähnlich einer Ampel – die Aufmerksamkeit auf wichtige Hinweise innerhalb der App. Für die Meinungsauswahl im Diskussionsforum wurde eine Warm-Kalt-Farbcodierung gewählt, die den Nutzern auf einen Blick das Stimmungsbild der Diskussion vermittelt.
Hauptfarben
Hintergrund
Meinungswahl
Icons
Die Icons sind simpel und intuitiv gestaltet. Sie sollen nicht vom Inhalt ablenken, weshalb auch auf eine zusätzliche Farbgebung verzichtet wird.
Navigationsleiste
weitere Icons
Logo und App-Icon
Die Wort-Marke des Logos besteht aus dem Schriftzug „speak up“ und integriert dabei das häufig in der App genutzte Element der Pfeile für Up- und Down-Voting. Das Logo kann sowohl auf dunklem, als auch auf hellem Hintergrund verwendet werden.
App-Icon
Schriftart
Die App besteht hauptsächlich aus Textinhalt – sei es die Informationen aus den Umweltthemen oder die vielen Kommentare aus dem Diskussionsforum. Dementsprechend wurden zwei Schriftarten gewählt, die einen konsistenten, einfachen Lesefluss gewährleisten: Basic Sans in Bold für Überschriften und Auszeichnungen und Montserrat in Regular für Fließtext.
Prototyp
Innerhalb eines klickbaren Prototyps in Adobe xD wurden die visuellen und konzeptuellen Elemente vereint. Er spiegelt die Funktionsweise von speak up wider und weist eine intuitive Bedienung und ein stimmiges Designkonzept auf.
