IPA — My Blue

Konzept, Wireframes, Mockups, Testen

Project overview

Diese Abschlussarbeit habe ich als Abschlussprojekt meiner Ausbildung zur Interaktiven Mediengestalterin an der Hochschule für Gestaltung in Bern geschrieben. Von März bis April 2023 habe ich mich intensiv mit dem Thema, der Umsetzung und dem Schreiben der IPA beschäftigt. 110 Stunden waren für diese Arbeit eingeplant.

See clickable Prototype View Documentation

My contributions

Ich habe an allen Phasen dieses Projekts gearbeitet. Von der Erstellung der Idee und des Konzepts über die Erstellung des endgültigen Designs bis hin zum Testen mit echten Kunden.

In Vorbereitung der „IPA“ musste ich die Idee und den Umfang des Projekts definieren. Das Hauptziel des Projekts war es, verschiedene Swisscom-Dienste in einer App zu kombinieren, anstatt für jeden einzelnen Dienst eine separate App zu haben.

Umfang des Projekts

Vorbereitung und Planung

One of the first things I did was get to know my target group. Who uses the Swisscom services and what are their pain points? To do this I did a survey which was shared on socials. (Under real circumstances this would've been shared in the real customer pool, to get representative data.)

I grouped the participants into two user groups who share traits and pain points. I created one persona for each group to represent them in the design process.

- 18-25 y/o Group – Tania, 21
- 40+ y/o Group – Helen, 58

Personas

Forschung und Zielgruppe

Ich skizziere immer die erste Version meiner Designs auf Papier, das geht schnell und die Kreativität fließt besser. Ich skizzierte die wichtigsten Bildschirme, zog sie auf meinen Laptop und fertigte einen kleinen Prototyp an, um ein Gefühl für das Erlebnis zu bekommen.

Konzept

Skizzen und Prototyping auf Papier

Da die Personalisierung im Mittelpunkt der App stand, musste die Navigation genauer durchdacht werden. Ich habe 3 Konzepte für die Navigation erstellt und sie mit mehreren Teilnehmern getestet.Eine wie ein Modal, eine scrollbar und eine nur auf 3 Navigationspunkte reduziert. Die Benutzer bevorzugten die scrollbare Navigation.

Navigation

Benutzertests

Bevor ich mit dem Designprozess begann, definierte ich die Farben, die ich verwenden würde. Dafür habe ich die SDX (Swisscom Digital Experience) Farbbibliothek verwendet.Ich habe mich dafür entschieden, die Anzahl der Farben zu reduzieren, da es zu viele für diese App Grösse sind. Ich habe die Auswahl der Unterstützungsfarben auf Farben konzentriert, die für die Anzeige verschiedener Status Zustände geeignet wären.

Farben definieren

Fundament

Das Alleinstellungsmerkmal der App „My Blue“ ist der Personalisierungsaspekt. Der Benutzer kann entscheiden, welche Anwendungsfälle und Dienste für ihn tatsächlich nützlich sind, und sie in sein Dashboard stellen, um sie immer im Blick zu haben.

Dashboard-Kacheln

Komponenten und Alleinstellungsmerkmale

I love being creative even in my free time

My creative mind doesn't stop with my 8-5. In my spare free time I draw or work on personal passion projects. Would you like to know more? Have a look!

Personal Projects

IPA — My Blue

I love being creative even in my free time

Like what you see?