Wie man am besten an die Neugestaltung einer mobilen App herangeht
Veröffentlicht: 2015-11-16Die Welt des UI-Designs für mobile Apps verändert sich schnell. Trends im App-Design kommen und gehen. Die beliebten UI-Stile von heute könnten leicht zum Fauxpas von morgen werden. Denken Sie nur an die Zeit, als das stark vom Skeuomorphismus beeinflusste UI-Design der letzte Schrei war. Es ist noch gar nicht so lange her. Apple hat sein Design erst 2013 mit der Veröffentlichung von iOS 7 verflacht.
Kreative Designer und Innovatoren führen ständig neue Wege ein, um die Benutzeroberfläche einer mobilen App zu entwerfen. Ob diese neuen Wege zu Trends werden, hängt stark von der Reaktion der mobilen Nutzer auf die Ergebnisse ab. Um ein guter UI-Designer für mobile Apps zu sein, muss man mit den neuesten Designtrends und der Entwicklung mobiler Benutzer im Allgemeinen auf dem Laufenden sein.
Irgendwann in der Karriere eines UI-Designers für mobile Apps muss man sich einem App-Redesign-Projekt stellen. Vielleicht haben Sie Ihre App vor ein paar Jahren auf den Markt gebracht, was in Bezug auf das UI-Design der Zeit vor einem Jahrzehnt entspricht. Es braucht ein bisschen Auffrischung. Oder vielleicht ist das App-Redesign-Projekt auf Ihrem Schreibtisch gelandet und Sie fragen sich jetzt, wie Sie anfangen sollen.
In diesem Beitrag gehen wir auf das Wesentliche ein, wenn es um die Neugestaltung einer mobilen App geht. Dies ist hilfreich, wenn Sie sich fragen, wie Sie das Redesign einer mobilen App angehen, worauf Sie achten müssen und wie Sie es gut machen.

Warum wird die App neu gestaltet?
Ein Redesign-Projekt für mobile Apps ist eine Menge Arbeit – das wissen wir alle. Es ist unwahrscheinlich, dass jemand aus leichtfertigen Gründen ein App-Redesign starten würde. Das passiert, aber wir werden gleich darauf zurückkommen. Bevor Sie direkt in eine Zeichenfläche springen, um neue Designs zu entwerfen, treten Sie einen Schritt zurück.
Denken Sie daran, dass ein App-Redesign oft nicht nur erforderlich ist, um das Erscheinungsbild der Benutzeroberfläche zu ändern. Es hat viel mit der Benutzererfahrung der App zu tun und wie sie die Benutzer nicht überzeugen konnte. Fragen Sie sich: „Was sind die Ziele der Neugestaltung der mobilen App?“
Irgendetwas funktioniert nicht, aber wir wissen nicht was…
Da es sich um eine Neugestaltung der mobilen App handelt, haben Sie hoffentlich einige Daten, mit denen Sie arbeiten können. Wie bei jedem UX-Design müssen Sie sich ansehen, wer die Benutzer sind und was sie erreichen wollen. Dann muss das an den Zielen des Unternehmens gemessen werden und wie die App diese erfüllt.
Für dich empfohlen:
Auch wenn Sie von Beruf kein User Researcher sind, bietet das Redesign einer mobilen App die perfekte Gelegenheit, datengesteuertes Design zu üben. Sie müssen in der Lage sein, die Daten zu durchsuchen und herauszufinden, wo im Benutzerfluss alles schief geht. Dann können Sie bestimmen, wie Sie es beheben können.

- Ziel ist es, die Probleme herauszufinden. Zum Beispiel: Wo werden die Benutzer frustriert? Laden sie die App herunter und verwenden sie nur einmal? Oder geben sie es nach mehrmaligem Gebrauch auf?
- Fordern Sie Analysedaten an und überprüfen Sie sie, um die oben genannten Fragen zu beantworten. Wenn keine Daten verfügbar sind, bitten Sie um einige Benutzerinterviews. Betonen Sie die Bedeutung von Benutzererkenntnissen für Conversions.
- Werfen Sie einen Blick auf frühere Designmaterialien, falls verfügbar. Gehen Sie die Benutzerpersönlichkeiten und Erfahrungskarten durch und vergleichen Sie sie dann mit Daten von echten Benutzern. Wenn diese Materialien nicht verfügbar sind, nehmen Sie sich ebenfalls die Zeit, sie auf der Grundlage der Ihnen vorliegenden Benutzerdaten zu erstellen.
- Planen Sie das Design der aktuellen App. Markieren Sie die Bereiche, die schief gehen. Dadurch erhalten Sie einen guten Überblick über das gesamte Szenario.
- Finden Sie heraus, welche der Problembereiche sich auf ein Designproblem beziehen. Beachten Sie, dass einige Probleme außerhalb Ihrer Domäne liegen könnten. Wenn der Inhalt beispielsweise glanzlos ist, kann er die Aufmerksamkeit eines Benutzers nicht auf sich ziehen. Oder es könnte ein technisches Problem sein, z. B. dass die falschen Daten geladen werden, nachdem ein Benutzer auf eine Schaltfläche geklickt hat. Egal wie erstaunlich die neu gestaltete Benutzeroberfläche ist, die App wird sich nicht verbessern, wenn diese Art von Problemen bestehen bleibt.

Wir müssen genau dies und das beheben.
Hände hoch, wenn Sie zustimmen, dass Kunden, die genau wissen, was sie wollen, so selten sind wie UX-Einhörner. Zugegeben, es gibt Product Owner, die sich bis zum letzten Buchstaben an die Best Practices der Produktentwicklung halten.
In diesem Fall wird das Redesign der mobilen App aus bestimmten Gründen aus einer vorherigen Datenanalyse abgeleitet. Sie haben festgestellt, was die wahrgenommenen Probleme sind. Sie haben diesen Teil der Arbeit erledigt. Ihre Aufgabe ist es dann, Design als Lösung für diese Probleme zu präsentieren.
- Stellen Sie sicher, dass Sie die wahrgenommenen Probleme gut verstehen. Möglicherweise wird Ihnen gesagt, dass Sie „diese Dashboard-Ansicht reparieren“ sollen, weil „Benutzer sie verwirrend finden“. Informieren Sie sich genauer darüber, was genau an der Ansicht für Benutzer verwirrend ist. Fragen Sie nach Informationen darüber, wie Benutzer mit dieser Ansicht und darüber hinaus interagieren. Bei der Neugestaltung einer mobilen App werden nicht nur die kaputten Teile repariert. Es verbessert eine ganze Erfahrung.
- Nehmen Sie bei Bedarf unaufgefordert Änderungen vor. Es kann bestimmte Elemente des aktuellen Designs geben, die Sie stören. Wir wissen. Jeder Designer, der einmal in seinem Leben ein Redesign durchgeführt hat, muss dies erlebt haben. Es ist auch schwierig, nur ein paar Bildschirme einer mobilen App zu ändern. Stellen Sie weitere Änderungen im App-Redesign vor, die notwendig und für den Benutzerfluss sinnvoll sind. Wenn Sie die Dashboard-Ansicht neu gestaltet haben, müssen die nachfolgenden Ansichten möglicherweise gestalterisch übereinstimmen. Es könnte auch sein, dass die alten Icons an anderer Stelle in der App weg müssen.
- Behalten Sie die Konsistenz mit dem Rest der mobilen App bei. Unnötig zu sagen, dass es katastrophal ist, wenn sich das Aussehen und Verhalten einer App von einem Bildschirm zum anderen unterscheidet. Ein Mobile-App-Redesign-Projekt, in dem Ihre Aufgaben genau definiert sind, kann eine Erleichterung sein. Es kann auch Ihre Kreativität einschränken und das müssen Sie akzeptieren.

Das App-Design stammt aus dem letzten Jahrhundert, wir müssen es umwerfend machen!
Dies mag nach einem leichtfertigen Grund klingen, eine mobile App neu zu gestalten. Für das Image einer Marke ist es jedoch wichtig, mit Designtrends Schritt zu halten. Wenn Sie eine mobile App herunterladen, die aussieht und sich anfühlt, als würde sie zur Generation des iPhone 3 gehören, ist es unwahrscheinlich, dass Sie sie als Ihre Lieblings-App bezeichnen würden. Auch wenn es perfekt funktioniert.
Da das Ziel der Neugestaltung der mobilen App darin besteht, sie zu überarbeiten, können Sie Ihre kreativen Muskeln spielen lassen. Natürlich muss man immer bedenken, dass es beim Design nicht nur darum geht, eine App hübsch aussehen zu lassen. Es macht eine App zum Laufen.
- Auch wenn sich das App-Redesign auf die grafischen Elemente konzentriert, konsultieren Sie die Erkenntnisse aus der Nutzerforschung. Befolgen Sie den Arbeitsablauf, den Sie für ein Designprojekt für mobile Apps haben würden, das von Grund auf neu beginnt. Ein App-Redesign ist in diesem Fall nicht anders. Besser noch, Sie sollten bereits über verfügbare Daten von Benutzern verfügen, mit denen Sie arbeiten können.
- Lassen Sie sich von anderen ähnlichen Apps inspirieren. Sie wissen nicht, wo Sie anfangen sollen? Ärgern Sie sich nicht. Es gibt eine Welt der Inspiration für die Benutzeroberfläche mobiler Apps. Sehen Sie sich unsere monatliche Serie mit den Top 10 der Benutzeroberflächen für mobile Apps und den Top 5 der mobilen Interaktionsdesigns an.
- Lassen Sie Ihrer Kreativität freien Lauf. Bei solchen App-Redesign-Projekten können Sie frei gestalten. Um die Farben zu ändern. Um das Layout zu optimieren. Vereinfachen. Experimentieren. Natürlich im Rahmen des Budgets. Der Punkt ist, dass Sie all den kreativen Raum haben, den Sie sich wünschen können. Also verrückt werden.
- Behalten Sie ein gewisses Maß an Vorhersagbarkeit bei. Stellen Sie sich vor, Sie öffnen eines Tages die Facebook-App. Ihr Kiefer fällt fast sofort herunter. Anstelle eines Newsfeeds werden Updates nun im Metro-Raster-Stil dargestellt. Das ikonische Facebook-Blau wird durch ein leuchtendes Neonpink ersetzt. Es gibt seltsame neue Symbole wie das schlafende Katzensymbol und das dubiose Kaffeetassensymbol. Es sieht gut aus, aber plötzlich merkt man, dass man nicht mehr weiß, wie man die App bedient.
Bei der Neugestaltung einer mobilen App müssen Sie ein gewisses Maß an Vorhersehbarkeit aufrechterhalten. Einige Elemente müssen bestehen bleiben. Die gesamte App muss für aktuelle Benutzer immer noch Sinn machen. Zweifellos wird die Neugestaltung der App in der Hoffnung durchgeführt, neue Benutzer zu gewinnen. Aber wir wollen auch die aktuellen Nutzer nicht verlieren.

Ein App-Redesign auf die bessere Weise durchführen
Die Benutzeroberflächen mobiler Apps erfordern viel Interaktion. Sie sind keine statischen Leinwände. Sie sind Bewegung, Aktion und Reaktion. Beschränken Sie Ihre App-Designs nicht auf Mockups.
Ursprünglich am 9. November im Proto Blog veröffentlicht.






