👐🏻 🤞🏼 ◾️ Was zu analysieren ist, bevor eine Schnittstelle entworfen wird 🍽️ 🎷 📤

Vorbei sind die Zeiten, in denen Sie einfach mit dem Zeichnen einer Website oder Anwendung beginnen konnten. Selbst die einfachste Schnittstelle erfordert mindestens einen primitiven Analyseschritt. Viele Designer haben ihre eigenen Analysemethoden, und jemand überlässt sie den Analysten und geht nicht in den Prozess ein. Ich habe lange meine eigene Vorlage für diese Phase erstellt, nach der ich Vorarbeiten für jedes neue Projekt mache. Diese Phase ist kein Allheilmittel, und im Verlauf der Arbeit entstehen unerklärliche Momente, aber ein Gedanke erschreckt mich, wie viele von ihnen überhaupt ohne Analyse hätten sein können. Ich teile meine Vorlage und erwarte, dass Ihre Ergänzungen in den Kommentaren angezeigt werden.

Ich muss sofort sagen, dass es in diesem Artikel nicht um Geschäfts- oder Systemanalysen geht, sondern um „Designanalysen“.

Einige Punkte meiner Vorlage eignen sich nur, wenn Sie eine neue Version einer Site oder Anwendung entwerfen und nicht von Grund auf neu erstellen. Solche Artikel werden mit dem Wort "Redesign" gekennzeichnet. Die Analyse eignet sich auch zum Entwerfen der Benutzeroberfläche von allem - einer Website oder einer Anwendung. Daher werde ich immer "Schnittstelle" schreiben, was bedeutet, dass Sie ersetzen, was Sie brauchen.

Zu faul zum Lesen, hier ist ein Beispiel für die Darstellung meiner Analysephase .

Fragen Sie den Kunden

Der logischste Punkt ist, den Kunden zu fragen, was bereits vorhanden ist und wie genau es nicht ist und vor allem, warum es nicht so ist. Auch wenn Sie sofort erkennen können, dass die aktuelle Benutzeroberfläche schrecklich ist, sollten Sie sich auf jeden Fall fragen, warum der Client ein Redesign gestartet hat. Es können nicht offensichtliche Momente auftreten.

Liste meiner Standardfragen:

Haben Sie ein Logo / eine Corporate Identity, die befolgt werden sollte? Manchmal gibt es einen Stil und ein Logo, aber der Kunde lässt zu, dass sie vernachlässigt werden. Besonders nützlich, wenn das Logo scheiße ist.
Was möchten Sie an der Benutzeroberfläche ändern und warum? Bestimmt mit der Hauptfront der Arbeit.
Wen betrachten Sie als Ihren Hauptkonkurrenten? Nützlich in den folgenden Phasen der Analyse.
Haben Sie einen günstigen Unterschied zu Mitbewerbern? Es ist selten, aber manchmal stellt sich heraus, dass es wirklich gibt.
Geben Sie ein Beispiel für die Schnittstellen, die Sie mögen, und beschreiben Sie, warum. Warum ist es sehr wichtig. Es kann sich herausstellen, dass der Kunde die Site im Allgemeinen nicht mag, aber zum Teil einen weißen Hintergrund, den er mit „einfacher Gestaltung“ assoziiert.
/ ? .
? , , . . .
. ? , - . , , . , .

. / Google Analytics

Ich als wahrer Patriot und Starover bevorzuge I. Metrica. Grundsätzlich, weil die Google Analytics-Oberfläche nicht funktioniert und es keinen Webvisor gibt.

Was ich in Metric sehe:

Konvertierung . Wenn Ziele gesetzt wurden. Wenn dies nicht der Fall ist, empfehlen Sie dem Client, sie zu installieren, damit einige Statistiken erfasst werden, während Sie die restlichen Schritte ausführen.
Karten . Alle Karten, einschließlich Form Analytics.
Fehler. Der Gesamtbetrag . Meiner Meinung nach sagt dieser Indikator wenig aus und wird nur benötigt, um seinen Anteil am nächsten Parameter zu verstehen.
. , . : « » , , Covid19, « Covid19. », - , . , .
. , , , .
Statistiken zu Eingabegeräten . Es ist nützlich, um dem Kunden zu beweisen, dass er einen Mob braucht. Version, wenn er es plötzlich im Fragebogenstadium aufgab. Es wird auch ein Verständnis dafür geben, auf welche Erlaubnis es zurückgreifen darf.
Geschlecht und Alter der Hauptbesucher . Nützlich in der nächsten Phase der Analyse.

Benutzerskripte

Einer meiner Lieblingsanalysepunkte. Eine eher kreative Phase unterscheidet sich von den vorherigen und ist verdammt nützlich. Wenn ich mich an die Stelle des Benutzers setze, finde ich viele nicht offensichtliche Erkenntnisse, die oft zu neuen nützlichen Funktionen oder zur Vereinfachung bestehender Funktionen führen.

Um ein Skript zu erstellen, erstelle ich eine Benutzerkarte.

Daraus besteht es:

Name und Alter . Basierend auf den Daten aus dem vorherigen Schritt zu Metrica.
 Problem / Ziel . Beschreibung, warum der Benutzer unsere Benutzeroberfläche geöffnet hat.
 Wie ich auf die Seite gekommen bin . Zum Beispiel fuhr ich in Google "Kaufen Sie einen Impfstoff von Covid19." Ich nehme Anfragen nicht von der Decke, sondern von Metric entgegen.
 Anmeldeseite . Auf welcher Seite der Benutzer viel zu tun hat, hängt von seinem zukünftigen Weg ab. Nicht immer gelangt der Benutzer zur Hauptseite.
 Gerät . Wir nehmen es basierend auf der Metrik. Ein Großteil des Designs hängt von dem Gerät ab, von dem aus der Benutzer mit der Benutzeroberfläche arbeitet.
 Gewünschte Zielaktion . Was wir schon vom Benutzer bekommen wollen. Zum Beispiel möchten wir, dass er ein Formular ausfüllt oder auf eine Schaltfläche klickt.

Basierend auf dieser Karte schreibe ich ein Skript.

Woraus das Skript besteht:

Von den auf der Karte beschriebenen Zielen des Besuchers
Aus einer Bewertung der aktuellen Schnittstelle (Redesign) . Wir schauen uns die aktuelle Oberfläche an und versuchen, daraus zu erhalten, was in der User Map geschrieben ist. Wir beachten die Hauptstecker.
Aus den "gesehenen" erfolgreichen Implementierungen . Wir fügen dem Skript einige Chips hinzu, die wir durch die Verwendung anderer Websites kennen.

Ich schreibe Skripte von drei bis fünf. Ich versuche zu beschreiben: Standard; komplex (Kauf nicht eines Produkts, sondern mehrerer und unterschiedlicher Merkmale); nicht Standard (Benutzeranmeldung mit einer Seite oder einem Gerät, die für diesen Zweck nicht geeignet sind). Und ich werde ein paar andere Szenarien hinzufügen, wenn ich glaube, dass in einigen der beschriebenen Essenzen nicht ausreichend offengelegt wird.

Wettbewerber

Es gibt zwei klassische Antworten auf die Frage nach Wettbewerbern: „Wir haben keine Wettbewerber“; "Wir konkurrieren mit allen." Natürlich ist weder der eine noch der andere wahr, also müssen Sie tiefer graben. Dafür steht die Frage im Fragebogen. Bei der Analyse von Wettbewerbern schreibe ich nur auf, was von ihnen gelernt werden kann. Es macht keinen Sinn, Schwächen aufzuschreiben. Dies wird uns nichts Nützliches geben. Ich öffne die Schnittstellen der Wettbewerber und versuche, sie basierend auf Benutzerszenarien zu verwenden. In der Tat, wenn es sich um einen echten Konkurrenten handelt, ist seine Zielgruppe ungefähr dieselbe. Ein paar Mal sagten mir Kunden mit ein wenig Ironie in der Stimme etwas wie: " Ah, gut, gut. Ich habe einfach das, was ich gesehen habe, von jemandem dort genommen und es auf uns angewendet"Anfangs war es ärgerlich, denn in der Analyse ist die Analyse der Wettbewerber nur einen Schritt von vielen entfernt und weit von der Hauptanalyse entfernt, aber der Eindruck bei den Kunden könnte genau" gestohlen, dass alles möglich ist ". Glücklicherweise ist dies nicht oft vorgekommen. Danach habe ich speziell Die Präsentation der Analyse wurde durch den Satz " Sie können von Wettbewerbern lernen " ergänzt, der besagt, dass ich es bei Bedarf ohne zu zögern nehme, dass bereits jemand dies tut.

Neben der Analyse von Wettbewerbern analysiere ich auch verwandte Bereiche. Zum Beispiel für die Benutzeroberfläche Informationen zu gesunder Ernährung finden Sie auch in den Schnittstellen zur Kalorienzählung, die manchmal nützlich sein können.

Schnittstellenkarte

Viele Leute benennen die Schnittstellenkarte anders. Dies kann als Struktur, Informationsarchitektur, Hierarchie, Site- / Anwendungszuordnung oder verwandte Begriffe bezeichnet werden. Eine Essenz - eine Beschreibung der Beziehung von Seiten / Bildschirmen der aktuellen Schnittstelle. Ich mache dies, um die aktuelle Logik zu verstehen und basierend darauf, um meine einfachere, logischere und nützlichere für Benutzer zu machen. Die Ausgabe besteht aus zwei Karten: "Wie besehen" und "Wie erforderlich".

Beispiele für Stil

Beispiele für den zukünftigen Schnittstellenstil können in Form von Screenshots von Schnittstellen erstellt werden, deren Stil Sie für die aktuelle Aufgabe als geeignet erachten. Es ist ratsam, Beispiele zu denselben oder ähnlichen Themen mit dem Thema des Kunden zu finden. So wird es für den Kunden einfacher, die Essenz dieser Bilder einzugeben. Ich hatte Gelegenheiten, in denen es einfach keine würdigen Beispiele in diesem Thema gibt, und ich nahm etwas Neutrales. Es ist jedoch notwendig, dem Kunden mitzuteilen, dass dies nur ein Beispiel für Stil ist (Luftigkeit der Benutzeroberfläche, Farbschema, Weichheit, Herstellbarkeit usw.) und nicht 1 zu 1, was er am Ende erhalten wird. Und es ist ratsam, neutrale Beispiele nicht auf Russisch zu finden, damit der Kunde den Text nicht automatisch liest, sondern einen allgemeinen Eindruck erhält. In dieser Phase ist es unerlässlich, den Kunden dazu zu bringen, einen Finger in das Beispiel des Stils zu stecken, den er mag.Dies ist notwendig, damit in seinem Kopf ein klares Verständnis dafür vorhanden ist, welchen Stil er am Ende erwarten sollte. Dies ist sowohl für den Kunden als auch für den Designer nützlich, der weniger Zeit für die Suche benötigt und die Genehmigungsphase für das fertige Design vereinfacht.

Was ist das Ergebnis

Am Ende aller Phasen sammle ich eine Präsentation in Google-Präsentationen und zeige sie dem Kunden. Er sollte die Analysephase ausdrücklich genehmigen oder, wenn es Nuancen gibt, sie mit Kommentaren genehmigen, die ich aufschreibe, und entweder die Präsentation ändern, wenn sie nicht lang ist, oder eine E-Mail mit einem Link zum Preza und Kommentaren senden. Wenn die Präsentation vollständig abgeschlossen ist, müssen Sie verstehen, wie dies geschehen ist, und eine neue erstellen. Aber das ist mir nicht passiert. Und wenn es passieren würde, wäre es zu diesem Zeitpunkt besser als zu einem späteren Zeitpunkt.

Was bekommen wir aus der Analysephase?

Dem Kunden ist etwas klarer geworden, was ihn am Ende erwartet.
Der Designer verstand, wie es geht und warum;
Für den Designer ist es einfacher, die Komplexität des Projekts zu bewerten und nahezu genaue Fristen anzugeben .
Es ist für den Designer und den Kunden einfacher, das Ergebnis zu übergeben / zu akzeptieren.
Das Projekt wird nachdenklicher und das ist gut so.

Was zu analysieren ist, bevor eine Schnittstelle entworfen wird