🍫 🤲🏻 👩‍🌾 Was ist los mit Eisenbahnwagensystemen? 🍮 💎 🏓

Einmal rief eine Frau unser Support-Team an und trennte versehentlich die Familie, indem sie Plätze im Wagen auswählte. Sie wollte ein ganzes Abteil kaufen und nahm 15, 16, 17 und 18 Plätze ein, wobei sie eine Gruppe betrachteten. Schon vorher hatten wir den Verdacht, dass es nicht für alle bequem war, die Schaltkreise zu lesen, aber in diesem Moment haben wir dies besonders klar verstanden.

Altes Schema:

Neu nach Recherche:

Das Schema der Auswahl von Sitzplätzen in einem Auto ist Teil des Bestellvorgangs für ein Zugticket. Einige Leute fühlen sich nicht wohl beim Lesen und machen Fehler. In den letzten Jahren, vor der Quarantäne, begannen Menschen von abgelegenen Orten, weit weg von der IT, aktiv zu reisen, was für sie besonders schwierig war. Im ersten Diagramm oben können beispielsweise nur wenige Personen die oberen und unteren Regale ohne zusätzliche Hinweise korrekt und sicher bestimmen.

Wir haben eine groß angelegte Studie zur Verwendung dieser Systeme durchgeführt. Wir haben verschiedene Optionen gesammelt und getestet, um sie zu verbessern. Hergestellt auf der Grundlage der besten Version des UI-Kits, das jetzt zur kostenlosen Verwendung bereitgestellt wird .

Und jetzt erzähle ich Ihnen, was bei der Auswahl von Sitzen in verschiedenen Autos generell schief gehen kann.

Schwächen alter Systeme

Die erste Studie zeigte, was nötig war:

Zeigen Sie die oberen und unteren Regale deutlicher, dies ist nicht für alle offensichtlich
Es fällt auf, das Abteil zu teilen, indem die Sitze in Gruppen zusammengefasst werden, damit sich die Leute beim Kauf von Tickets in verschiedenen Abteilen nicht irren
Markieren Sie die Fensteröffnungen, um ihre Position deutlicher zu machen, da die Leute sie mit den Wänden verwechseln
Zeigen Sie klarer Informationen über die Richtung der Zugbewegung, viele Wiege
Bei Sitzwagen ist es offensichtlicher, die Sitzverteilung relativ zu anderen zu zeigen - auch hier, um sich nicht zu trennen
Streben Sie nicht nach Realismus in den Details des Wagendiagramms, sondern nach Vereinfachung

Es gibt Leute, die wirklich am Fenster sitzen wollen, aber nicht herausfinden können, wie das funktioniert:

„In Peregrine Falcon gibt es Nuancen - man kann zwischen die Fenster gelangen, also schaue ich genau hin,„ wo sind die Fenster? Es ist hier nicht sichtbar: Ist der Streifen ein Fenster oder eine Wand? "

Es gibt diejenigen, die nur in einer bestimmten Richtung der Zugbewegung schlafen können. Es gibt diejenigen, die in der Richtung gegen Bewegung in der sitzenden Bewegung geschaukelt sind:

"Orte, die in die Richtung und gegen sind, - Sie müssen schauen, wohin es gerichtet ist, vielleicht den Rücken tönen."

Der erste Ansatz zur Neugestaltung von Schemata, "lockig"

Zuerst haben wir uns auf die Intuition verlassen. Wir wussten, dass Passagiere Schwierigkeiten hatten, wussten aber nicht, ob es sich um Einzelfälle oder ein Muster handelte. Wir haben versucht, die Schemata realistischer zu gestalten: Mit Hilfe von Regalen und Schatten mit Pseudovolumen haben wir die Einstufung in reservierten Sitzen und Abteilwagen gezeigt. Sessel in einem sitzenden Auto ähnelten Sesseln in einem Kino.

Es war:

Es wurde:

Schön? Ja. Funktioniert? Nein.

Zeigte den Passagieren das Schema

Dann führten sie eine große Reihe von Interviews durch, in denen gezeigt wurde, dass die Autos aktualisiert wurden. Und wir haben folgendes herausgefunden.

1. Die Leute verstehen nicht, wo sich das obere und das untere Regal befinden.

So sehr wir möchten, funktioniert nicht jedes räumliche Denken gut. Um die oberen und unteren Regale anzuzeigen, sind explizitere Hinweise erforderlich. Erfahrene Benutzer kennen das gerade-ungerade Schema, aber das reicht nicht aus.

"Es ist notwendig, dieses Volumen sehen zu können, um zu verstehen, unter welchem Regal sich welches befindet - in 3D und es ist gut, ein Auge darauf zu haben -, wird nicht jeder dazu in der Lage sein."

2. Orte aus benachbarten Kompartimenten mental kombinieren

Visuell sind diese Orte näher, sodass die Näherungstheorie funktioniert. Auch eine kontrastreichere Wand zwischen dem Coupé hilft nicht, wir haben es überprüft.

"Ich habe nicht einmal bemerkt, dass dies verschiedene Fächer sind - wow! Jetzt würde ich jetzt die Familie teilen. "

3. Verwirrte Fenster und Wände.

Es ist notwendig, die Fensteröffnungen hervorzuheben, um ihre Position deutlicher zu machen. Es gibt Leute, die wirklich am Fenster sitzen wollen, aber nicht herausfinden können, wie das funktioniert.

4. Auf der Suche nach der Bewegungsrichtung

Es gibt diejenigen, die nur in einer bestimmten Bewegungsrichtung des Zuges schlafen können. Es gibt diejenigen, die in die Richtung gegen Bewegung in der sitzenden geschaukelt sind. Nicht in allen Zügen können wir die Bewegungsrichtung anzeigen, aber in sitzenden Autos ist dies meistens möglich.

"Die Bewegung des Zuges muss heller sein, sonst kann man sie überspringen, weil vieles überfüllt und nicht sichtbar ist."

5. Auf den Rückenlehnen der Sitze ausgerichtet.

Bei Sitzwagen ist es wichtig, dass die Personen den Sitz relativ zu anderen drehen. Genau wie beim Coupé - um nicht zu trennen. Jetzt erfordert die Suche nach der Rückenlehne zusätzlichen Aufwand.

6. Sie wollen nicht Realismus, sondern Einfachheit.

Hohe Details und Realismus werfen viele Fragen auf - jeder interpretiert das, was er sieht, auf seine Weise. Und im Gegenteil, indem wir alles Unnötige beseitigen, reduzieren wir die Anzahl der Diskrepanzen. Armlehnen sind eine zusätzliche Dekoration. Im obigen Bild verursachen die Armlehnen nur visuelle Geräusche und machen es schwierig zu verstehen, wo die Sitze aussehen.

Arbeitete an den Fehlern

Früher war es schwierig, Schemata zu erstellen und zu skalieren. Es gab nicht genug Konstruktor. Ich musste in Illustrator einsteigen, den Bereich unter den Sitzen im Auto markieren und jeden Ort manuell umbenennen. Der Hintergrund für die Diagramme wurde separat in Photoshop gezeichnet und dann in einem Raster in den Illustrator importiert.

Wir haben das überschüssige Lametta entfernt und das UI-Kit in Abbildung gezeichnet, wobei wir vollständig auf das Vektorformat umgestellt haben. Jetzt werden alle Wagendiagramme in Tutu.ru aus diesen Komponenten zusammengesetzt:

Symbole und Schriftarten im offenen UI-Kit können von den für das Unternehmen lizenzierten abweichen.

Das Team verfügt über eine detaillierte Anleitung zum Zusammenstellen der Diagramme. Jetzt können Fahrzeugpläne nicht nur von Designern zusammengestellt werden. Die Aufgabe des Konstrukteurs besteht darin, nach dem Zusammenbau der Schaltung eine Überprüfung durchzuführen.

In Wagendiagrammen zeigen wir einer Person nur die Informationen, die ihre Kaufentscheidung beeinflussen. Wenn es sich um einen Zug mit Sitzwagen wie Swallows handelt, ist es wichtig, die Position von Fenstern, Tischen und Rückenlehnen anzuzeigen.

Im Swallows-Wagen zeigen wir: Sitze für Passagiere mit Tieren, die billigsten Sitze, Mitreisende, Fahrtrichtung und Fotos aus einem bestimmten Winkel des Wagens

Jeder weiß, dass standardmäßig Fenster und Tische im Abteilwagen vorhanden sind, daher ist es wichtiger, die Gruppierung der Sitze

anzuzeigen.

Gitterelementgrößen und Die Einrückung in den Diagrammen basiert auf einem 4-Pixel-Raster. Wir haben die Mindestgröße des Platzbedarfs im Diagramm verdoppelt, damit die Leute beim Bestellen über das Telefon weniger vermissen.

Es gibt Ausnahmen, in denen Sie die Größe der Elemente mit Strichen visuell vergrößern oder verkleinern müssen. Zum Beispiel ist die Coupé-Größe 78 x 78 kein Vielfaches von 4 Pixeln. In diesem Fall beträgt die scheinbare Einkerbung von den Sitzen zu den Wänden des Abteils 4.

Die Abmessungen der Korridore und Durchgänge in den Fahrzeugen entsprechen normalerweise einem oder zwei Sitzmodulen.

Symbole

Symbole werden in einen 24-Pixel-Container eingeschrieben. Manchmal ist es nützlich, die Symbole auf 18 Pixel zu reduzieren. Zum Beispiel, wenn Sie Orte für Passagiere mit Tieren oder Menschen mit Behinderungen festlegen müssen. Oder zeigen Sie Mitreisenden an einem geschäftigen Ort.

Wir versuchen, dieselben Zonen zu einem Symbol zu kombinieren, ohne die Bereiche im Auto anzugeben, die sie belegen. Wenn der Wagen beispielsweise eine Doppeltoilette oder zwei benachbarte Gepäckablagen hat, wird an ihrer Stelle ein Symbol angezeigt. Es reicht aus, wenn der Käufer eine allgemeine Vorstellung davon hat, was sich hinter ihm befindet und wie lange er auf die Toilette gehen muss.

Abmessungen von Autos

Innerhalb einer Klasse bemühen wir uns, gleich große Schemata für Autos zu entwickeln. Darüber hinaus ist die Breite und Höhe der Schemata in der ersten Phase des Zeichnens der Schemata nicht begrenzt und hängt von der Anzahl der Komponenten in dem Schema ab. Es ist nützlich, die Diagramme eines bestimmten Zuges mit einem Wagen mit den meisten Sitzplätzen zu zeichnen.

Am Beispiel von Swallows Premium sammeln wir zunächst das Schema von Auto Nr. 2.

Und dann entfernen wir für Auto Nr. 3 unnötige Stellen unter den Zonen Toiletten, Kühler und Gepäckablagen, während wir das ursprüngliche Gitter und die Position der Fenster beibehalten.

Erhöhen der Geschwindigkeit beim Erstellen von Schaltkreisen Ein Schaltkreisentwickler

muss jeden Sitz gemäß einer Vorlage des Formulars „Sitz 21“ benennen. Manchmal können solche Stellen im Auto mehr als hundert sein. Die Abbildung bietet ein gutes Werkzeug zum Umbenennen von Ebenen. Es merkt sich die Reihenfolge der Vervielfältigung von Ebenen und benennt sie gemäß der Vorlage "seat- $ N" um.

Wir teilen eine Reihe von Komponenten kostenlos

Sie können eine Reihe von Komponenten für Ihre Wagendiagramme herunterladen und unter einer Creative Commons BY-Lizenz verwenden.

UI-Kit mit Wagendiagrammen in Abb. →

Erstellen Sie zur Verwendung ein Duplikat der Datei, und sie wird in Ihren Projekten angezeigt.

Wenn Sie noch nie in Fig gearbeitet haben, probieren Sie es aus - es könnte Ihnen gefallen. Dies ist ein praktisches Web-Tool, das von Designern auf der ganzen Welt verwendet wird. Sasha Okunevas „ Guide to Figma “ half den Jungs aus unserem Team, das Instrument schneller kennenzulernen .

Neue Programme können auf unserer Website eingesehen werden. Hier sind zum Beispiel die Züge von Moskau nach St. Petersburg - wir haben bereits neue Pläne für die Sapsans und Swallows entwickelt. Wir haben den reservierten Platz, das Coupé und den SV noch nicht erreicht, wir arbeiten daran.

Natürlich können Schemata überall eingesetzt werden: Wenn Spediteure, die Russische Eisenbahn oder jemand anderes sie anwenden oder modifizieren möchte, um auf ihrer Grundlage eigene Systeme aufzubauen, sind wir alle dafür.