Neugestaltung vorgenommen - eine Milliarde verloren

Wir untersuchen die epischen Fehler des Redesigns und schütteln den Schnurrbart.
Bild
Der Produktmanager betritt die Designabteilung und bestellt eine Neugestaltung der Website. „Unsere Seite sieht so alt aus! Alle unsere Wettbewerber haben hellere Standorte. Lassen Sie es uns neu gestalten. Knöpfe mit bunten Schatten sind die Zukunft! “

Designer: "Okay, beginnen wir mit dem Testen der Benutzerfreundlichkeit."
PM: "Sie haben 3 Wochen Zeit und ich möchte, dass alle Farben durch Pink, Hellblau oder Orange ersetzt werden."

So töten Sie Ihre Conversion-Rate . Obwohl das obige Szenario angesichts der Anzahl der Unternehmen, die ihre Marke jedes Jahr radikal neu gestalten, eine wilde Übertreibung sein mag, stellt sich heraus, dass dies nicht der Fall ist. Schauen Sie sich einfach Facebook an, das fast jedes Mal, wenn ich es öffne, wie neu aussieht. Auf Facebook gibt es eine ganze Gruppe von dreitausend Mitgliedern, die alle Details verfolgen, die das Unternehmen geändert hat .

Bild

Skype Redesign 2018

Jedes Produkt, auf das Benutzer stoßen, muss in einem sich ständig verändernden Markt unweigerlich relevant und frisch bleiben. Das Redesign ist für Websites, Anwendungen oder Produkte, die mit Benutzern oder Interessenten jeglicher Art interagieren, von entscheidender Bedeutung. Wenn alles durch den Datenverwaltungsprozess und klar definierte Leistungsindikatoren für das Design korrekt ausgeführt wird, kann das entwickelte Produkt die Conversion steigern, mehr Umsatz erzielen und Ihre Benutzer glücklich machen.

Meistens scheint das Redesign jedoch eher unerwünscht zu sein, da die Conversions sinken, die Nutzer verärgert sind und negative Bewertungen für die App vorliegen. Ob es sich um kleine Player wie Snapchat oder große wie Microsoft mit Windows 8 und Skype handelt , niemand scheint immun gegen Redesign-Fehler zu sein.

Warum Redesign fehlschlägt


Eine Neugestaltung, ob visuell oder funktional, ist eine Änderung der Art und Weise, wie sich der Benutzer an Ihr Produkt erinnert. Die Leute mögen keine Veränderung. Wenn Sie die Art und Weise ändern, wie ein Benutzer auf die Einstellungsseite Ihrer Anwendung zugreift, bitten Sie ihn, die Gewohnheit loszuwerden. Benutzer, die zuvor die Einstellungsseite in Ihrer Anwendung aufgerufen haben, ohne darüber nachzudenken, versuchen jetzt, sie zu finden. Dies führt zu einer Mikroaggression. Ihre Aufgabe als Designer ist es, diese Mikroangriffe zu minimieren und sie zu motivieren, neue Gewohnheiten zu entwickeln.

Neugestaltung der Navigation von Snapchat


Bild

Lassen Sie uns einen Blick darauf werfen, wie Snapchat eine seiner wichtigsten benutzerdefinierten Funktionen neu gestaltet hat - das Anzeigen von Geschichten von Freunden.

In der alten Version von Snapchat wurde die folgende Navigationsstruktur konfiguriert: Streichen Sie nach links, um Geschichten anzuzeigen, und nach rechts, um mit Freunden zu chatten. Wischen Sie zum Anzeigen der Geschichten Ihrer Freunde mit dem Finger nach links und tippen Sie anschließend auf die Geschichte Ihres Freundes.

Auf dieser Seite waren beworbene Geschichten von Prominenten und Medien. Sie erschienen neben den Geschichten Ihrer Freunde.

Bild

Bei der Neugestaltung wurden die Geschichten der Freunde nach links verschoben und mit dem Chat kombiniert. Ausgewählte Geschichten haben ihre Seite bekommen. Diese Neugestaltung führte dazu, dass sich Snapchat von seiner vorherigen Trennung zwischen Chat und Geschichten entfernte. Der Schwerpunkt lag auf dem Austausch zwischen Freunden und Herausgebern von Inhalten. Snapchat kann bezahlte Inhalte bewerben, indem alles, was mit Freunden in Verbindung steht, an einem Ort zusammengefasst wird.

Bild

Der Hauptbereich, auf den Sie klicken müssen, um die Story anzuzeigen, wurde während des Redesign-Prozesses ebenfalls gekürzt. Zuvor hatten Benutzer einen rechteckigen Bereich, auf den sie klicken konnten, um die Geschichte ihres Freundes anzuzeigen. Nach der Neugestaltung wurde es auf einen viel kleineren Kreis reduziert, der ganz nach links zum Bildschirm geschoben wurde.

Bild

Es wurden mindestens zwei praktische Regeln geändert: die Navigationsstruktur und der Bereich, auf den Sie klicken müssen, um die Geschichte anzuzeigen. Es ist unnötig zu erwähnen, dass die Benutzer diese Änderungen nicht wirklich mochten. Innerhalb einer Woche fiel die durchschnittliche Bewertung von Snapchat von 3,1 auf 2,4.

Ich habe eine intelligente Analyse der Nutzerbewertungen mit Appbot durchgeführt . Wir können deutlich einen Anstieg negativer Bewertungen feststellen, nachdem das Redesign den Benutzern präsentiert wurde.

Bild

Bild

Bild

Dieser Tweet war Snapchat Milliarden Dollar wert

Die Neugestaltung von Snapchat war eine Katastrophe. Die tägliche Anwesenheit ging von 193 Millionen um 2% auf 188 Millionen zurück . Anzeigenimpressionen und Umsatz gingen um 36% zurück. Viele Content-Publisher haben die Plattform geändert und Instagram als ihr neues Zuhause bezeichnet.

6 Monate nach Einführung des Redesigns nahm Snapchat Änderungen vor und kündigte eine Umbildung an. Freundschaftsgeschichten bewegten sich genau wie Verlagsgeschichten. Zitat:

Wir haben gelernt, dass die Kombination von Geschichtenerzählen und Gesprächen mit Freunden an einem Ort es schwierig macht, beide konkurrierenden Verhaltensweisen zu optimieren. Wir veröffentlichen derzeit ein Update, um dieses Problem zu lösen, indem wir die Geschichten von Freunden auf die rechte Seite der Anwendung verschieben. - Evan Spiegel, CEO von Snapchat

Bearbeiten des Startmenüs in Windows 8


Lassen Sie uns nun sehen, wie Microsoft das Startmenü in Windows 8 neu gestaltet hat. Versuchen wir, die Systemsteuerung in Windows 7 und 8 zu öffnen.

Um die Systemsteuerung in Windows 7 zu öffnen, müssen Sie auf die Schaltfläche "Start" klicken, um eine Liste aller Anwendungen anzuzeigen. Und dann klicken Sie auf das Control Panel.

Bild

In Windows 8 starten Sie bereits mit dem Startmenü. Guter Start, oder? Falsch. In den aufgelisteten Anwendungen gibt es kein Bedienfeld. Es gibt auch keine Möglichkeit, alle Programme aufzulisten.

Um zum Panel zu gelangen, müssen Sie das Charms-Menü öffnen. Das Menü kann geöffnet werden, indem Sie den Mauszeiger nach rechts oben oder unten auf dem Bildschirm bewegen. Nachdem Sie das Charms-Menü geöffnet haben, klicken Sie auf "Einstellungen" und dann auf das Bedienfeld.

Bild

Dieser gestenbasierte Panel-Zugriffsprozess war Benutzern beim Starten von Windows 8 völlig fremd. Windows stellte keine zusätzlichen Informationen bereit, um Benutzern das Öffnen des Charms-Menüs zu erleichtern. Selbst nachdem Benutzer das Charms-Menü mithilfe von Google oder ihren Freunden gefunden hatten, fühlten sie sich immer noch unwohl damit. Gesten und Einfrierungen waren neue Konzepte für das Betriebssystem.

Sind alle Redesigns schlecht?


Neugestaltung ist Veränderung, und die Menschen mögen keine Veränderung. Anhand der obigen Beispiele lässt sich leicht erraten, dass es möglicherweise keine gute Investition für Ihr Produkt ist, Zeit für die Neugestaltung aufzuwenden, um die Funktionsweise Ihres Produkts zu ändern. Produkte, die nicht das gleiche Design für ein „sicheres Spiel“ entwickeln und beibehalten, verschwinden jedoch aufgrund der sich schnell bewegenden Wettbewerber unweigerlich.

Leichte und fortschreitende Änderungen, die Benutzer sicher akzeptieren können, machen das Redesign erträglich. Manchmal kann dies dazu führen, dass lebendige Animationen, Gesten oder Navigationsstrukturen übersprungen werden, um einfachere Alternativen zu verwenden, mit denen der Benutzer bereits vertraut ist.

Neugestaltung der Facebook-Navigation


Im Jahr 2012 bereitete sich Facebook darauf vor, die Navigation seiner Apps neu zu gestalten. Bisher wurde der Pfad zu den Seiten, Nachrichten und Benachrichtigungen von Freunden über die blaue Aktionsleiste oben auf dem Bildschirm angezeigt. Diese Aktionsleiste sollte simulieren, wie Benutzer auf der Site navigieren.

Bild

Sowohl Android als auch iOS implementierten die Navigation auf dieselbe Weise mit denselben Aktionsfeldern.

Bild

Die Basis der mobilen Benutzer wurde jedoch enger, und Benutzer, die mit mobilen Benutzern beginnen, überschatteten die Benutzer, die die Desktop-Version verwenden, allmählich. Mobile soziale Netzwerke wie Instagram, Snapchat und Vine (rip) haben an Popularität gewonnen. Es war klar, dass die Menschen in Zukunft mehr Zeit auf ihren Handys als auf Computern verbringen würden.

Als Facebook beschloss, seine Navigationsstruktur für mobile Geräte zu vereinfachen, entschied es sich daher, die Konsistenz aufzugeben und Android und iOS als zwei verschiedene Produkte zu betrachten. Facebook hat zwei verschiedene Navigationsstrukturen für die jeweiligen Anwendungen eingeführt. Die Android-App verfügt über eine verschiebbare Registerkartenleiste, die am oberen Bildschirmrand angezeigt wird, und iOS über eine statische Registerkartenleiste, die am unteren Bildschirmrand angezeigt wird.

Bild

Diese Änderungen waren für die Anwendung neu, jedoch nicht für Benutzer. Während die Neugestaltung die Benutzer wirklich dazu zwang, die Gewohnheit, zur Navigation in die blaue Aktionsleiste zu wechseln, loszuwerden, waren die Benutzer bereits mit ihrer Registerkartenleiste für eine bestimmte Plattform vertraut. Slidebacks gibt es seit mehreren Jahren im Android-Ökosystem. Es dauerte nicht lange, bis Benutzer von der Aktionsleiste zur Registerkartenleiste wechselten. Ebenso ist die iOS-Registerkartenleiste seit der Gründung der Plattform vorhanden und fühlte sich ihren Benutzern nicht fremd.

Die Trennung der Facebook-Tabs in Android und iOS spielte für sie eine sehr gute Rolle. Sie wurden bald zum Industriestandard. Die meisten Anwendungen implementieren diese Art der Navigation.

Der Unterricht


Das effektivste Redesign ist normalerweise nicht das schönste
Redesign ist kein Prozess der Dekoration. Der visuelle Aspekt ist Teil des Redesigns, aber kein Redesign. Wenn Sie Ihr Produkt nur aus Gründen attraktiverer visueller Elemente aktualisieren, sich von den fertigen Layouts von Dribble inspirieren lassen und Designtrends implementieren, ohne dies zu untersuchen, ist Ihr Redesign zum Scheitern verurteilt.

Manchmal kann das Problem sein, dass Ihre veraltete Designsprache den Wert Ihrer Marke verringert. Ihre Kunden bewegen sich auf einen Konkurrenten mit einem attraktiveren Designsystem zu. Und dies ist ein ganz normaler Wunsch, das Design Ihres Systems so zu ändern, dass es besser aussieht. Das blinde Verfolgen von Trends, das Entwerfen ohne Strategie oder Forschung, die diesen Bedarf unterstützen, führt jedoch zu ungünstigen Ergebnissen.

Das Redesign wurde entwickelt, um Probleme mit bestimmten geschäftlichen Einschränkungen und Anforderungen zu lösen.

Bild

Dieses Dribble Google-Redesign-Konzept verwendet lebendige Farben und starke Schatten, um Ihre Aufmerksamkeit zu erregen. Trotz der Tatsache, dass dieses Design volatil aussieht, weist es einige schwerwiegende Mängel auf und wird bei Google niemals das Licht der Welt erblicken. Erstens gibt es kein Kult-Branding von Google, an dem die Marke seit 20 Jahren festhält. Zweitens haben alle Google-Websites rechts und hier links einen Profil-Avatar. Ich könnte weitermachen, aber ich hoffe, Sie verstehen die Essenz dessen, was ich zu vermitteln versuche.

Redesign ist ein Prozess, kein Ziel
Produktdesign ist der zyklische Prozess des Prototyping, Testens, Analysierens und Verbesserns eines Produkts oder Prozesses. Eine Neugestaltung bedeutet nicht, dass das Produkt vollständig ist. Es bedeutet einfach, dass es „ausreichend implementiert“ ist, um alle aktuellen Anforderungen zu erfüllen. Kein Produkt oder keine Benutzeroberfläche ist jemals "bereit".

Fokus auf Mikrokonvertierung
Es ist wichtig, zwischen den Zeilen zu lesen, damit Sie ein besseres Bild Ihrer Benutzer und ihrer Aktivitäten zeichnen können. Wenn wir über Conversions in der technologischen Branche sprechen, konzentrieren wir uns in der Regel auf die Anzahl der Anwendungsinstallationen, registrierten Benutzer oder generierten Verkäufe.

Mikrokonvertierungen werden oft vergessen und manchmal nicht verfolgt. Mikrokonvertierungen sind niedrig hängende Früchte, dh Aktionen, die Benutzer zu ihrem endgültigen Ziel führen, dh Makrokonvertierungen. Beispiele für Mikrokonvertierungen können die Anzahl der Benutzer sein, die die Suchfunktion verwenden, die Anzahl der Benutzer, die ihre Profilbilder aktualisieren, oder die Anzahl der Benutzer, die ihre Telefonnummer überprüfen. Die Mikrokonvertierung fungiert als Prozessschritt in einem Konvertierungstrichter und wirkt sich auf den letzten Schritt oder die Makrokonvertierung aus.

Wie funktionieren diese Mikrokonvertierungen? Sehen Sie einen Rückgang in einer bestimmten Mikrokonversionsmetrik? Können Benutzer ihre Freunde nicht hinzufügen, da die neue Suchleiste schwer zu finden ist? Ihr Anruf zur Anmeldung für eine kostenlose Testversion wurde für ein neues Layout vergraben, und Benutzer können es nicht mehr finden? Durch das Erkennen und Verfolgen Ihrer genauen Mikrokonvertierungsziele können Sie Gemeinsamkeiten auf dem Weg des Benutzers in Ihrer modifizierten Plattform bewerten.



Die Übersetzung wurde von EDISON Software unterstützt , die ihr Design ständig verbessert , in Produkte investiert und ausgelagerte Entwicklungsdienstleistungen anbietet .

Source: https://habr.com/ru/post/de432866/


All Articles