Google Übersetzer transformieren

Drei UX-Abstriche bei der Neugestaltung der neuesten Version der Google Translate-Website

Letzten Monat haben wir nach einer langen Reise eine neue Version der Google Translate-Website mit einem ansprechenden Layout und einer modernen Benutzeroberfläche für Materialdesign veröffentlicht.

Die neue Website von Google Translate

Angesichts der weltweiten Popularität von Google Translate wussten wir, dass wir uns auf die Abneigung gegen Veränderungen vorbereiten mussten. Es gibt viele großartige Artikel zu diesem Thema, die Strategien zur Minimierung der Reaktion auf Änderungsaversion bieten. Aber wie so oft bei Projekten dieser Größenordnung gibt es einige Lektionen, die nur im Nachhinein gelernt werden können. Hier sind meine wichtigsten Erkenntnisse aus der Neugestaltung der Google Translate-Website.

1. Ihre Benutzer sind Ihre Kristallkugel

Wenn Sie sich mit Änderungsaversion befasst haben, stoßen Sie wahrscheinlich auf ein Diagramm wie das folgende:

Es zeigt die verschiedenen möglichen Ergebnisse nach Einführung einer Änderung an, hilft Ihnen jedoch nicht dabei, die Ergebnisse für Ihre Änderung vorherzusagen. Dieser Mangel an Klarheit und Kontrolle hat mich zunächst frustriert. Aber bei jedem iterativen Experiment stellte ich fest, dass unsere Benutzer uns natürlich durch ihre Aktionen und Rückmeldungen zum bestmöglichen Ergebnis führten.

Während unserer Testphase reichten die Nutzer der Google Translate-Website Feedback-Beiträge ein, die von lobend bis geißelnd reichten. Es war nicht immer einfach zu lesen, aber mein Team und ich verbrachten Stunden damit, so viele von ihnen wie möglich zu lesen und daraufhin Fehler zu melden oder das Design zu optimieren. Als wir zum Beispiel die Kommentare durchgesehen haben, haben wir festgestellt, dass wir versehentlich die Tab-Reihenfolge für einige Elemente geändert haben, was unseren alltäglichen Benutzern Produktivitätsprobleme bereitet hat, und haben sie daher zurückgesetzt. In ähnlicher Weise haben wir die Informationsdichte der Seite verschärft, nachdem wir laut gehört hatten, dass die Leute es vorzogen, mehr Informationen auf dem Bildschirm zu sehen.

Es ist verlockend, über das perfekte Design nachzudenken, bevor es echten Benutzern gezeigt wird. Es ist jedoch besser, sich auf die Erstellung eines stufenweisen Versuchsplans zu konzentrieren, mit dem Sie maßstabsgetreue Rückmeldungen von Benutzern sammeln und darauf reagieren können. Solange Sie einen Mechanismus dafür haben, werden Ihre Benutzer Ihnen helfen, dies herauszufinden.

2. Das Anfordern von Präferenzen in Usability-Studien kann eine Falle sein

Das Testen der Benutzerfreundlichkeit Ihrer neuen Designs kann Ihnen dabei helfen, die größten Probleme zu erkennen und eine umfassende Einschätzung Ihrer Designrichtung zu erhalten. Typischerweise werden diese Studien mit geringen Stichproben durchgeführt - ein Dutzend Teilnehmer oder weniger. Es ist zwar verlockend, die Teilnehmer der Usability-Studie nach dem von ihnen bevorzugten Design zu fragen, die Ergebnisse sind jedoch statistisch nicht zuverlässig und können Sie in ein falsches Sicherheitsgefühl verführen.

Für die neue Website von Google Translate haben wir mehrere Runden qualitativer Nutzerforschungsstudien durchgeführt, um Usability-Probleme frühzeitig zu erkennen und zu beheben. Wir haben auch die Designpräferenzen der Teilnehmer erfragt, die die neue Version überwiegend bevorzugten. Wir waren uns jedoch bewusst, dass wir aus den Präferenzdaten keine schlagkräftigen Schlussfolgerungen ziehen konnten, und das war auch gut so - die tatsächliche Verteilung der Benutzerpräferenzen nach unserem ersten Roll-out stimmte nicht ganz mit dem überein, was wir zuvor in den Benutzertests gesehen hatten.

3. Lassen Sie A / B-Tests Ihr Schiedsrichter sein

Mit dem neuen Design wollten wir der Website von Google Translate mehr Lebendigkeit verleihen. In unseren frühen Iterationen verwendeten wir bunte illustrative Symbole (erstellt von dem talentierten Alexander Mostov), ​​aber frühe Experimente mit diesen Elementen in unseren mobilen Apps zeigten keine guten Ergebnisse. Also haben wir sie zugunsten einfacherer Material-Icons fallen lassen.

Blaue vs. graue Hintergründe für Übersetzungsergebnisse

Eine andere Möglichkeit, die wir eingeführt haben, bestand darin, Übersetzungen in weißem Text über einem blauen Hintergrund anzuzeigen, so wie wir sie immer in unseren mobilen Apps angezeigt haben. Um das Lesen längerer Übersetzungen zu vereinfachen, haben wir die Text- und Hintergrundfarben adaptiv auf Schwarz über Grau geändert, nachdem eine Benutzerabfrage eine bestimmte Länge erreicht hat.

Aber einige unserer Teamkollegen waren immer noch nicht von der blauen Farbe überzeugt. A / B-Tests kamen zur Rettung. Wir haben zwei Experimente nebeneinander durchgeführt - eines mit dem oben beschriebenen adaptiven Ansatz und das andere mit Übersetzungen in dunklem Text auf grauem Hintergrund. Die Ergebnisse waren überzeugend. Benutzer im Experiment mit blauem Hintergrund übersetzten seltener, wahrscheinlich, weil sie es nicht mochten. Ich war traurig, dass ich mich vom Blau verabschiedet habe, aber wir haben andere Wege gefunden, um die Website aufzuhellen, zum Beispiel durch die Verwendung von Illustrationen auf Werbekarten und leeren Staaten.

Neugestaltung von Projekten kann schwierig sein. Nicht zu wissen, wie die Leute reagieren, kann beängstigend sein. Durch die Neugestaltung der Website von Google Übersetzer habe ich gelernt, dass es produktiver ist, sie als wichtigen Teil des Designprozesses zu betrachten, anstatt zu versuchen, die Abneigung der Menschen gegen Änderungen zu verhindern oder zu kontrollieren. Durch das Entwerfen einer sorgfältig geplanten Rollout-Strategie, mit der Ihre Benutzer Feedback abgeben können, erhalten Sie wertvolle Daten in großem Maßstab von denjenigen, die am wichtigsten sind. So können Sie bessere Entwurfsentscheidungen treffen.

Mit Beiträgen von Olivia Grace.