Redesign eines digitalen Produktes: Anhand einer iterativen Produktentwicklung entsteht eine neue User Experience. User Needs definieren den Funktionsumfang, User Testings validieren das Konzept und Design Filters bestimmen das Design.
Der Kurs
Die Studierenden erarbeiten ein Redesign eines digitalen Produktes. Sie verstehen und definieren den Nutzer, dessen Nutzerbedürfnisse, analysieren den Kontext, den Wettbewerb und organisieren die Informationsstruktur sowie deren Zugang neu. Optimierte User Flows entstehen und nutzerrelevante Funktionen werden ergänzt. Damit wird ein stimmiges und funktionsorientiertes Interaction- und Visual Design entwickelt. Durch regelmäßiges User Testing werden Produkthypothesen vom Status Quo validiert und iteriert. Eine neue User Experience entsteht.
Die Lernziele
Ziel ist die Vermittlung von grundlegenden nutzerzentrierten Methoden der Analyse, der iterativen Produktentwicklung, der Prototypisierung und der Gestaltung im Nutzungskontext. Die Studierenden lernen wichtige Prinzipien aus dem User Research und dem User Testing, der Kreativ-Methodik, der Entwurfsmethodik sowie der Prototypisierung kennen und lernen all diese in einem konkreten Anwendungsfall anzuwenden.
Astrologie wird schon seit Jahrhunderten von Menschen betrieben und hat in den letzten Jahren auch von einem immer jüngerem Publikum steigendes Interesse erfahren. Vor allem im Vergleich zu herkömmlichen Religionen erlebt die Astrologie und andere spirituelle Wege Aufschwung, unter anderem weil junge Menschen sich hier besser verstanden und eingeschlossen fühlen. Im Appstore existieren zahlreiche Apps zu diesem Thema, von denen ein Großteil jedoch unübersichtlich und nicht sehr nutzerfreundlich gestaltet sind.
Die App
Wir entschieden uns für die App TimePassages von AstroGraph Software, da die App einem Teil unseres Teams schon bekannt war und wir uns einen großen Verbesserungsgrad versprachen. Die App besteht aus schwarzen Listen, durch die man sich durchklicken kann, um kurze Informationen zu erhalten. Schon durch diese repetitive Navigation ist die Orientierung in der App deutlich erschwert und die überholte Gestaltung trägt hierzu bei. Zudem hatte die App Funktionen, die komplett überflüssig waren bzw. den Nutzer eher verwirrten als ihm die Erfahrung angenehmer zu machen.
Analyse
Zuerst analysierten und verglichen wir unsere App mit ähnlichen Apps auf ihre Navigationsstruktur, Gestaltung und Weitere Aspekte und sammelten so unsere Keylearnings, wie z.B. das veraltete User Interface oder der Mangel an Interaktivität. An diesen Key Learnings orientierten wir uns im ganzen weiteren Verlauf unseres Projekts.
Um die App näher an den Nutzer zu gestalten, erstellten wir Personas mit verschiedenen Erfahrungsniveaus und sammelten ihre Wünsche und Erfahrungen mit astrologischen Apps. So konnten wir unseren Use Case besser definieren und drei wichtige Screens auswählen, auf deren Gestaltung wir uns konzentrieren würden. Diese Screens wären der Homescreen, der den Horoskop beinhaltet, einen Screen um seinen Birthchart zu sehen und davon zu lernen und den Screen des Sozialen Features.
Konzept
Im Rahmen des Kurses lernten wir während des Projektes mit verschiedenen UX Methoden zur Konzipierung der App umzugehen. Wir sammelten und priorisieren alle Features der App für einen Überblick, welche Funktionen wir beibehalten, verbessern oder beseitigen wollen.
Um an andere Interaktive Kommunikationssysteme zu diesem Thema anzuschließen, wollten wir eine fröhliche und bunt Atmosphäre schaffen, in der unsere Informationen vermittelt werden.
Die Navigation durch die App teilten wir in vier Bereiche auf, die parallel navigierbar sind. Der Nutzer startet im Dashboard, in welchem er sich ein persönliches allgemeines Horoskop basierend auf der aktuellen Mondphase durchlesen kann. Auf der nächsten Seite wird das heutige Horoskop in klassischer Form als Kreisdiagramm dargestellt. Hier kann sich der Nutzer interaktiv durch die einzelnen Aspekte durchklicken um zu erkennen, wie sich das heutige Horoskop wirklich zusammensetzt. Danach kann man sich auf der Seite “Sozial” die Horoskope seiner Freunde anschauen und deren Kompatibilitäten untereinander vergleichen. Zuletzt kann man sich auf der Seite “Lernen” mit verschiedenen interaktiven Lektionen zu allem rund um Astrologie informieren.
Gestaltung
Unsere Ergebnisse der Konzeptphase versuchten wir, in Wireframes zusammenzuführen und festzuhalten, um uns im weiteren Verlauf an ihnen zu orientieren.
Während dieser Phase setzten wir zudem verschiedene DesignFilter fest. Diese beinhalteten unter anderem als Ziel, dass wir unsere App nutzerfreundlich und im Vergleich zu reinen Informations-Applikationen spielerischer gestalten wollen. Basierend auf den Wireframes und unseren anderen gesammelten Einblicken gestalteten wir viele verschiedene Varianten in Bezug auf Farb-, Schrift- und Illustrationsvarianten. Wir führten unsere Varianten regelmäßig zusammen, verbanden welche miteinander und passten sie an, bis sich zum Schluß ein gemeinsamer Favorit bildete.
Wir wollten das mystische Gefühl der Astrologie in unserer App widerzuspiegeln und entschieden letztendlich für dunkle Pflaumentöne, einer Serifenschrift für Überschriften und ästhetische Lineart-Illustrationen.
Endergebnis
Wir haben uns bemüht, die App nicht nur optisch an die Wünsche unserer Nutzer und an die heutige Zeit anzupassen, sondern auch die Informationen und die Navigation intuitiver zu gestalten und den Bedürfnissen der Nutzer anzupassen. Mit dieser sorgfältigen Vorgehensweise ist es uns gelungen, eine App zu entwickeln, die den Vorstellungen und Bedürfnissen der heutigen Nutzer gerecht wird. Jeder Schritt des Prozesses, von der Ideenfindung über die Auswahl von Farben und Schriftarten bis hin zur Gestaltung von Illustrationen, hat dazu beigetragen, ein einzigartiges und ästhetisch ansprechendes Redesign der TimePassages-App zu erreichen.
Hinterlasse einen Kommentar