Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

Mobility Score

1 | Arbeitstitel

Mobility Score – Was wäre, wenn unsere gesamte Mobilität getrackt werden würde?

2 | Grundideen

40.png40.png
42.png42.png
45.png45.png
43.png43.png

3 | Kurzbeschreibung des Projekt

Mit der App Mobility Scoring kann man europaweit Fahrten mit verschiedenen Verkehrsmitteln registrieren oder buchen. Im Hinblick auf Nachhaltigkeit und Umweltfreundlichkeit werden diese Fahrten mit positiven oder negativen Punkten bewertet und auf einem Konto gesammelt. Zu diesem Punktekonto kann man Insights, Statistiken und Rückblicke erhalten. Positive Punkte fungieren als finanzieller Vorteil, Minuspunkte als Nachteil auf eine »Umweltsteuer«. Damit bietet man Nutzer*innen Anreize, umweltfreundlichere und öffentliche Verkehrsmittel zu nutzen, um CO2-Ausstoß zu reduzieren, sowie das Bewusstsein für nachhaltige Mobilität zu erhöhen. Eine ergänzende Website geht auf kritische, aber auch befürwortende Aspekte zum Thema Mobility Scoring ein.

4 | Zielformulierung (What, How, Why?)

What How Why.pngWhat How Why.png
What How Why-1.pngWhat How Why-1.png

5 | Eingrenzung der Zielgruppe, Wertemodell

Sinus Milieu.pngSinus Milieu.png
Wertemodell.pngWertemodell.png
Wertemodell-1.pngWertemodell-1.png

6 | Recherche, Inhalte, Daten & Quellen

Wettbewerb-1.pngWettbewerb-1.png
Wettbewerb.pngWettbewerb.png
Recherche.pngRecherche.png
Recherche-2.pngRecherche-2.png
Recherche-5.pngRecherche-5.png
Recherche-1.pngRecherche-1.png
Recherche-3.pngRecherche-3.png
Recherche-4.pngRecherche-4.png

7 | Experteninterviews

8 | Personas

Persona-1.pngPersona-1.png
Persona.pngPersona.png

Persona-2.pngPersona-2.png
Persona-3.pngPersona-3.png

9 | User Stories

User Story.pngUser Story.png
User Story-1.pngUser Story-1.png

10 | Use Cases & User Journeys

Use Case - 1.pngUse Case - 1.png
User Journey -1.pngUser Journey -1.png
Use Case - 2.pngUse Case - 2.png
User Journey -2.pngUser Journey -2.png
Use Case - 3.pngUse Case - 3.png
User Journey - 3.pngUser Journey - 3.png
Use Case - 4.pngUse Case - 4.png
User Journey - 4.pngUser Journey - 4.png

11 | Vollständige Funktionsbeschreibung

Funktionssammlung.pngFunktionssammlung.png

12 | Funktionsbewertung

Funktionsbewertung.pngFunktionsbewertung.png

13 | Wireframes

Bildschirm­foto 2023-07-10 um 10.24.58.pngBildschirm­foto 2023-07-10 um 10.24.58.png
Wireframes.pngWireframes.png

14 | Moodboard

Moodboard.pngMoodboard.png

Moodboard.pngMoodboard.png

15 | Click-Through (Prototyping)

16 | Usability/Testing/Korrektur

Während des gesamten Seminars habe ich mich immer wieder mit Kommiliton*innen über Usability und Funktionen meins Wieframe Prototypen ausgetasucht und deren Anmerkungen und Feedback aufgenommen.

Folgende Aspekte wurden dabei diskutiert:

- Verschachtelung und Einfachheit der Funktionen 

- Registration einer Fahrt mit mehreren Mitfahrer*innen

- Dashboard als Home-Screen 

- Pauschalbeitrag?

- Statistiken und Einblicke in Mobilität 

Die Anmerkungen und Ratschläge haben mir dabei sehr weitergeholfen, jedoch ist dadurch auch klar geworden, dass ich aus zeitlichen Gründen und mit Ausblick auf die ergänzende Website nicht alle Funktionen einbauen kann.

17 | Designvarianten

Designvarianten.pngDesignvarianten.png

18 | Finales Design

Design.pngDesign.png

Website_FinalesDesign.pngWebsite_FinalesDesign.png

19 | Prototyping (Link Figma & Webflow)

Prototyp App: Figma

Prototyp Website: Figma

Webflow Website: https://mobility-score.webflow.io/ (1440 px)

20 | Testing, Korrektur

Auch nachdem das finale Design feststand, habe ich die Zeit im Seminar genutzt und Kommiliton*innen testen lassen, um mir Feedback zu geben, auch habe ich das bei der Website angewendet. 

Fragen die dabei diskutiert wurden:

- Verschachteln der Elemente innerhalb der Karten

- Farben und UI Elemente auf der Website

- Ordnungssystem bei den Kritikpunkten zum Thema auf der Website

- Prozess bei der Einreichung eines Tickets 

- Bilanz-Darstellung: Wie viel ist ein Punkt wert?

Ich fand das Feedback immer sehr wertvoll und interessant sich darüber auszutauschen und Input zu bekommen und dieses anzuwenden und somit zusammen auch auf neue Lösungen zu kommen

Testing.pngTesting.png

Desktop - 100.pngDesktop - 100.png
Prototyp Website.pngPrototyp Website.png

21 | Styleguide

Styleguide_UX.pngStyleguide_UX.png

22 | Screencast

23 | Präsentationsvideo

24 | Ausstellung

Poster.pngPoster.png

22.03.23 | Impulsvortrag

230322_KD6_UX_Impulsvotrag.pdf PDF 230322_KD6_UX_Impulsvotrag.pdf

31.05.23 | Zwischenpräsentation

310523_MobilityScore_Zwischenpräsentation.pdf PDF 310523_MobilityScore_Zwischenpräsentation.pdf

05.07.23 | Abschlusspräsentation

050723_MobilityScore_Abschlusspräsentation.pdf PDF 050723_MobilityScore_Abschlusspräsentation.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2023