Wie das Design von Yandex.Avto erstellt wurde

In der Vergangenheit wurde den Schnittstellen der internen Mediensysteme des Fahrzeugs nicht viel Aufmerksamkeit geschenkt. Die Aufstellung wird aktualisiert, aber die frühen 2000er Jahre sind immer noch an Bord zu spüren. In den letzten Jahren sind viele Technologien in der Automobilwelt gewachsen. Es gab Unmengen von Daten, erweiterte Softwarefunktionen und im Allgemeinen Autos mit Strom und die ersten Drohnen fuhren los. Die Schnittstellen der Haupteinheiten in der Masse blieben jedoch auf dem gleichen Niveau .

Der Mangel an Innovationen bei eingebetteten Multimedia-Inhalten in den letzten Jahren hat zu Angeboten globaler Medienriesen geführt, und Yandex ist keine Ausnahme.

Die Idee, etwas für die Autoindustrie zu tun, ist nicht aus dem Nichts gewachsen. Es ist unmöglich, fern zu bleiben, wenn das Unternehmen über Karten, Navigator, Musik, Wetter, Suche, Sprachtechnologie und vieles mehr verfügt. Wenn Sie all dies kombinieren, kann etwas Nützliches geboren werden.

Suche nach einem zukünftigen Produkt

Was ist am Steuer erforderlich? Wie viele Leute - so viele Meinungen, aber normalerweise braucht jeder Navigations-, Musik- und Empfehlungsdienste. Als erstes schrieben sie die Szenarien für den Zugriff auf das System hinter dem Lenkrad: Befragte Kollegen und Bekannte, gesammelte Funktionsanfragen von Produktbenutzern und persönliche Erfahrungen des Teams. Dann haben wir einen riesigen Pool von Szenarien systematisiert - und wir haben eine Szenariotabelle mit Wissen über das Produkt erhalten.




In jedem Szenario werden die beteiligten Dienste und ihre Verwaltungstypen angegeben.

Es ist erwähnenswert, dass nicht alle Fahrer unter einem Kamm geschnitten werden können. Einer setzte sich gerade ans Steuer und der zweite sieht sich als Experte für das Fahren. Ihre Anforderungen während der Fahrt sind sehr unterschiedlich. Alle Szenarien können je nach Fahrerfahrung in mehrere Gruppen unterteilt werden:

• Anfänger (bis zu 1 Jahr) sind aufgrund ihrer geringen Erfahrung in Bezug auf Schnittstellenanforderungen und allgemein in Bezug auf die Handlungsfreiheit recht eingeschränkt. Er folgt genau dem Lenkrad und der Straße, daher ist es besser, ihn nicht zu stören.
• Ein erfahrener (von 1 bis 5 Jahren) hat bereits gemeistert, der Horizont seiner Interessen ist breiter, aber dies ist auch eine Falle. Ihm alles zu erlauben ist gefährlich: Der Fahrer wird von der Straße abgelenkt.
• Ein Fachmann (ab 5 Jahren) hat bereits alle Probleme besucht und kennt den Preis eines Fehlers. Es ist schwer zu überraschen, schwer zu rocken und im Laufe der Jahre entwickelte er seine Schnittstellengewohnheiten.

Was ist ein Navigations- und Unterhaltungssystem? Für eine Person, die fährt, ist dies tatsächlich eine sekundäre Einheit, die von der Reise ablenkt.


Platzieren Sie die Y. Avto-Schnittstelle beim Fahren

Fast alle Körperteile sind gleichzeitig am Autofahren beteiligt: ​​Beine, Augen, Ohren, Hände ...

Je mehr Erfahrung, je ruhiger Sie handeln, desto besser nehmen Sie den Informationsfluss wahr und desto mutiger erstellen Sie Ihre Anfragen.

Wie kann man einen Anfänger von einem Profi unterscheiden? Dabei wird uns im Laufe der Zeit die Erfahrung von Fahrern helfen, die die Benutzeroberfläche verwenden. Nachdem Sie häufige Aktionen und Szenarien studiert haben, können Sie eine Person bewerten und sich an sie anpassen. Um beim Entwerfen nicht verwirrt zu werden, haben wir uns zunächst für einen einfachen Weg entschieden: Wir wurden von den Skripten des Anfängers geleitet.

Wenn Sie die grundlegenden Abfragen analysieren, kann das Produktgerüst aus drei Komponenten bestehen:

1. Navigation
2. Musikalische Begleitung.
3. Unterstützende und beratende Dienstleistungen.

In der Tat bringt Sie das Auto zunächst von Punkt A nach Punkt B. Kennen Sie die Straße oder benötigen Sie eine Route - Sie fahren und gleichzeitig gibt es einen riesigen Fluss dynamischer Informationen: Manöver, Schilder, Warnungen, Empfehlungen, Verkehrsdaten ...


Der Fluss dynamischer Daten während der Route

Während der Fahrt ist es sehr laut. Das Rumpeln anderer Autos, der Betrieb des Motors, die Reibung der Räder auf dem Asphalt, das offene Fenster - alles verschmilzt zu einem monotonen Strom, der manchmal niederdrückt und sogar nachlässt. Daher gibt es an Bord des Autos seit dem Erscheinen des Radios Musik. Jetzt ist die Auswahl an Musik ziemlich groß - daher ist es schwierig, all den exquisiten Geschmack zu befriedigen. Wenn wir also von Musik sprechen, legen wir das Konzept einer Reihe von Entitäten fest, die sie reproduzieren. UKW-Radio, Musik aus dem Browser, AUX, Bluetooth, Flash-Laufwerk, Yandex.Music und andere Quellen zusammen - ein riesiger Musikprozessor, den Sie in Betracht ziehen müssen.

Wenn fast jeder Navigation und Musik benötigt, können die restlichen Dienste an Bord je nach Person variieren. Jemand mag es, sich die Statistiken eines Autos anzusehen und Schlussfolgerungen zu ziehen, jemand kann nicht ohne Navigator leben oder mag es, Videos aus dem Internet in einem Browser abzuspielen. Dies sind individuelle Vorlieben, daher haben sie eine niedrigere Priorität, da sie für Reisen nicht erforderlich sind.

Wenn Sie die Reise in ihre Komponenten analysieren, sieht der Pfad von Punkt A nach Punkt B im Architekturszenario der Schnittstelle ungefähr so ​​aus:


Treiberschnittstellenpfad

Geburtskonzept

Wir haben zukünftige Möglichkeiten gesammelt und die Ergonomie der Verwendung der Benutzeroberfläche untersucht - und das Bild des Produkts wurde klarer. Ein Gedanke ließ meinen Kopf nicht los: Der Fahrer hat zu wenig Zeit, um vom System abgelenkt zu werden. Er muss das Lenkrad mit der linken Hand halten und mit dem rechten Finger nach dem Bildschirm greifen. Es ist nicht mehr so ​​einfach, ihn dazu zu bringen, nur die richtigen Anwendungen auszuwählen und dann zwischen ihnen zu wechseln. Und wenn er gleichzeitig den Weg gehen und die Musik ändern will? Und wenn er im Gegenteil den Weg kennt, aber Warnungen vor Kameras und Manövern braucht, aber gleichzeitig ein Musikliebhaber ist und es leid ist, UKW-Radio zu hören? Es gibt viele Szenarien, und jede davon ist rein persönlich.

So wurde die Hypothese geboren, Dienstleistungen zu kombinieren. Und wenn wir aus Anwendungen nur das nehmen, was eine Person jetzt benötigt, und diese Informationen in Widgets mit unterschiedlichen Schwerpunkten anzeigen? Wenn die Informationen gleich aussehen, ist es schwierig, sich nur auf eine Sache zu konzentrieren. Etwas aus der Fülle von Entitäten wird im Moment immer benötigt. Daher die beiden Formate von Widgets, die in Bänder eingefügt und vertikal in einem Kreis gespiegelt werden.


Das Prinzip der Kombination zweier Widget-Bänder

• Ein großes Widget dupliziert teilweise die Funktionalität der Anwendung und ermöglicht es Ihnen, überhaupt nicht mehr darauf zuzugreifen.
• Ein kleines Kontext-Widget mit vereinfachter Funktionalität und nur den wichtigsten Informationen aus der Anwendung.

Durch die Kombination der Daten der Hauptdienste auf dem Bildschirm erhalten wir ein flexibles Tool, mit dem verschiedene Treiber angeordnet werden können.

Mehr ist mehr. Wenn Sie die häufigen Benutzeraktionen kennenlernen und eine Story sammeln, können Sie Widgets für jede anpassen. Ob es sich um eine sich wiederholende Kombination von Widgets oder deren Inhalten handelt, die Sie interessiert, hängt alles von der Person und der Situation auf der Straße ab. Wenn Sie keine Dienste kombinieren möchten, können Sie gleichzeitig jederzeit in den Vollbildmodus eines Widgets oder einer Anwendung wechseln.

Schnittstellendesign

Entschied sich für die Empfindungen und begann eng mit der Schnittstelle zu arbeiten. Es war wichtig zu entscheiden, was und wann gezeigt werden soll. Gitter, Akzente, Dosierungsinformationen, Mechanik, Einschränkungen - alles verlief parallel. Für ein solches Design wurden während der Entwicklung wichtige Einschränkungen klar festgelegt:

• Mindestfläche zum Drücken des Bildschirms (mit ausgestrecktem Finger). Dies wirkte sich auf die minimale Textgröße, die Größe wichtiger Schaltflächen, den vergrößerten Bereich von Klicks und die Luft um anklickbare Oberflächenelemente und Text aus.
• Die Abhängigkeit von Online und Offline machte deutlich, dass Sie dem Benutzer in einem solchen Moment zeigen und kommunizieren müssen, um ihn nicht irrezuführen.
• Das Auto bewegt sich oder nicht - es hängt davon ab, ob die Nutzung der Schnittstelle eingeschränkt werden soll. Es stellte sich heraus, dass bisher alles relativ ist - sowohl in der Politik der Automobilunternehmen als auch in unserer Einstellung zum Fahrer. Einerseits kann es während der Bewegung begrenzt sein, aber wie moralisch ist das richtig? Auf der anderen Seite kann ein gelangweilter Passagier auch in einem Auto sitzen ... Zeit und Forschung werden Ihnen den richtigen Ansatz zeigen.

Schnelle Prototypenskizzen von Systemzuständen

Eine der wichtigsten Aufgaben ist die Routennavigation. Der Navigator kennt bereits eine Geschichte oder sammelt sie schließlich an. Sie können sich an die häufigen Standorte des Benutzers erinnern und Schlussfolgerungen ziehen, wo er sich befindet. Zum Beispiel entstand die Idee, eine detaillierte Zusammenfassung darüber zu sammeln, wo Sie sich befinden und wohin Sie (möglicherweise) planen. Wenn es Montagmorgen ist und Sie zu Hause sind, scheint es Zeit zu sein, zur Arbeit zu gehen. Und wenn Sie an einem freien Tag in Elatma sind, ist das eine ganz andere Geschichte ...

Gleichzeitig lohnt es sich, zwischen Szenarien zu unterscheiden, in denen Sie bereits auf einer unbekannten Route fahren und die Route nicht benötigt wird. In einem Fall ist es wichtig, eine Karte mit der Straße zu sehen, in dem anderen Fall reichen nur Benachrichtigungen darüber aus, was vor uns liegt.


Ansätze zu den Navigator-Widgets

Die Multivarianz des Wesens der Musik teilte alles in zwei Muster. Eine für UKW-Radio mit einer evolutionären Iteration der Radioskala, die zweite mit einem wunderschönen Cover, das nicht nur für Yandex.Music, sondern auch für Songs von einem Flash-Laufwerk oder einem mit Bluetooth verbundenen Telefon angezeigt werden kann. Der korrekte Name des Künstlers und des Songs reicht aus, um die Online-Anfrage zur Suche nach dem Cover zu verlassen.


Sucht nach der FM-Radioanwendung

Vom Konzept bis zum Start

Pre-Concept definierte eine Reihe grundlegender Anwendungen an Bord. Von Grund auf mussten FM-Radio, Anrufe, Einstellungen und ein Anwendungsaktualisierungssystem entwickelt werden.

Von Yandex wurden Navigator, Radio, Wetter, Browser und Sprachassistent übernommen. Bei diesen Leuten war es notwendig, die mobilen Android-Versionen an die Bildschirmgröße der Headunit (1024 × 600 px) anzupassen, wobei die Regeln bezüglich der Klickbarkeit und Lesbarkeit von Elementen berücksichtigt wurden.


Vorläufige Systemzusammensetzung

Es ist erwähnenswert, dass mobile Anwendungen so konzipiert sind, dass sie auf dem Telefon funktionieren, und Sie halten sie in geringem Abstand von den Augen in Ihren Händen. Im Auto ist der Bildschirm zwei- bis dreimal weiter. Alles hätte größer werden sollen. In einer idealen Welt hat es sich gelohnt, Anwendungen unter Berücksichtigung von Ergonomie und Fahrerszenarien von Grund auf neu zu entwickeln. Das Produkt auf den Markt zu bringen ist jedoch eine unmögliche Aufgabe. Diese Verarbeitung wurde der Entwicklung des Systems überlassen.

Szenarien

Als nächstes arbeiten wir mit Layouts und konzentrieren uns auf grundlegende Szenarien. Stellen wir uns ein ideales Bild der Welt vor: Es gibt eine Verbindung, unser Benutzer mit der Geschichte. Dienstagmorgen, Zeit zur Arbeit zu gehen. Der Motor startet und das System weiß:

• Orte der Reise (Menschen gehen an Wochentagen zur Arbeit und am Wochenende in der Stadt).
• Die neueste Musik.
• Ausgewählte Punkte im Navigator.
• Strafdaten und Parkrechnung.

Der Fahrer wird zum hundertsten Mal arbeiten und kennt den Weg höchstwahrscheinlich ohne Navigator. Es reicht ihm also, nur Geschwindigkeitsbegrenzungen, Kameras auf dem Weg, das Gefälle von Staus und Manövern zu sehen, um die Kurve nicht zu verpassen. Unterwegs müssen Sie möglicherweise einen Anruf entgegennehmen, die Musik wechseln und in der Zwischenzeit die abendliche Wettervorhersage anzeigen. In der Nähe der Arbeit muss geparkt werden.

Wir geben vor, der einfachste Prototyp zu sein, der die grundlegenden Aktionen widerspiegelt:



Ein Szenario reicht nicht aus. Es ist notwendig, Benutzer zu überprüfen, die nur einen Navigator und sogar den Vollbildmodus benötigen, sowie diejenigen, die Filme im Stau ansehen möchten, und diejenigen, die nur Musik benötigen. Es ist wichtig, wie der Startbildschirm aussieht, bevor Sie sich bewegen, und was auf dem Bildschirm kombiniert wird.

Nachdem wir mit dem Team mit den ersten Prototypen im Auto gereist sind, stellen wir sicher, dass das Minimum auf der Straße ein Navigator (in der Hauptzone) und ein Musikplayer ist, der eine Quelle auswählen kann (rechts). Alles andere ist individuell.

Sprachassistent

Es ist an der Zeit, die Fähigkeit zur Steuerung der Stimme zu legen. Die Stimme im Auto ist ein vielversprechendes Steuerelement für die Benutzeroberfläche, während die Hände vom Lenkrad besetzt sind. "Lass uns nach draußen gehen ..." oder "Radio einschalten ..." - all dies sollte funktionieren, ohne die Hände vom Lenkrad und den Augen von der Straße zu nehmen. Es ist wichtig, dass der Fahrer mit peripherer Sicht bemerkt und anhand eines Pieptons versteht, dass der Sprachassistent aktiviert ist und Sie fragen können.


Beispielspiel mit Alice in der Stadt

Wir haben ein anderes Arbeitsprinzip formuliert: Duplizieren Sie die Antworten des Assistenten nicht mit dem Text, da dieser von der Straße ablenkt. Es ist sinnvoll, nur die Treiberbefehle anzuzeigen, damit Sie überprüfen können, ob sie korrekt erkannt wurden.

Tagesmodus

Wenn Sie sich die Verkleidung des Autos ansehen, ist der Nachtmodus vertrauter, da Torpedos normalerweise schwarz oder dunkel sind. Aber der schwarze Bildschirm am Nachmittag beginnt Licht zu reflektieren und wird undurchsichtig. Es ist unpraktisch, den Text darauf zu lesen. Ein glänzender Bildschirm oder eine Mattfilmdispersion, eine schwache anfängliche Helligkeit und ein schwacher Bildschirmkontrast - alles zusammen machen sie den Nachtmodus unbrauchbar.

Der Layout-Nachtmodus wurde ursprünglich in drei Farben (Schwarz, Weiß und Akzent) mit unterschiedlichen Transparenzzuständen entwickelt. Der Wechsel von Tag und Nacht hätte ohne unnötige Verwirrung stattfinden sollen. Wir sind an die vorgefertigte Mechanik des Kartensubstrats im Navigator gebunden und erhalten eine automatische Abhängigkeit des Schnittstellenthemas von Morgengrauen und Sonnenuntergang.


Textstile für Tag- und Nachtschnittstellenthemen

Kommunikation an Bord

Die Schnittstelle ist vollständig abhängig von den Internetdaten vom Server und dem GPS-Signal, daher mussten wir den Status der Widgets auf dem Hauptbildschirm herausfinden. Die Maschine ist nicht immer in Kontakt, die Verbindung verzögert sich manchmal - und der Status der Schnittstelle kann unterschiedlich sein.


Abhängigkeit von Widgets vom Netzwerkstatus

Beim ersten Serienstart mit Toyota im September 2017 sah die Benutzeroberfläche, die ständig an das Live-Layout angepasst wird, bereits verfeinert aus. Einführung des einfachsten Update-Systems für zukünftige Versionen.


Video zum Start von Yandex.Auto

Projektentwicklung

Nach dem Start eröffneten sich neue Entwicklungshorizonte. Es wurde klar, wohin es als nächstes gehen sollte, und die Front der Arbeit wurde noch grenzenloser. Mit dem Beginn der Serienproduktion und des Verkaufs von Autos erschienen die ersten Bewertungen. Metric begann langsam ein Bild von dem zu zeichnen, was passiert. Weiter im nächsten Entwicklungsprogramm waren der Start in J. Drive, neue Automarken, Unterstützung für das, was ist, und eine große Liste von Wunschliste für Lebensmittel.

Anpassung

Bei der Arbeit mit Automarken war es notwendig, die Anpassung für den Hersteller zu berücksichtigen. Beim Autokauf erwarten wir, dass jedes Detail die Marke widerspiegelt. Dashboards versuchen in der Regel, das Charisma des Autos mit Schriftarten, Pfeilen und Geräten aufrechtzuerhalten. Es ist klar, dass es problematisch ist, für jede Marke eine Benutzeroberfläche zu erstellen, aber es ist durchaus realistisch, Elemente zu finden, die den allgemeinen Charakter des Panels unterstützen könnten. Akzentfarbe, Schriftarten, Symbole, Illustrationen ...


Ein Beispiel für die vorgeschlagene Anpassung für Renault

Beginnend mit Yandex.Drive

Menschen nutzen Carsharing-Autos ganz anders als Privatwagen. Grundsätzlich muss man sich schnell hinsetzen und von A nach B gehen, denn jede Minute kostet Geld. Es wurde deutlich, dass in diesem Fall nicht die volle Funktionalität der Originalversion angegeben werden muss. Zunächst reduzieren sie die Anzahl der Anwendungen und greifen auf die vollständigen Systemeinstellungen zu. Die Hauptaufgaben in dieser Richtung waren das Erinnern an den Auserwählten und das Anmelden, das Hinzufügen von Alices Fähigkeiten und das Verbessern des täglichen Regimes.

Seit mehr als einem Jahr hat sich die Version für Carsharing tatsächlich zu einer Storefront mit einer konstanten Anzahl von Benutzern entwickelt. Eine große Anzahl von Überprüfungen und die Inbetriebnahme neuer Headunits nahmen ihre Anpassungen vor.

Zum Beispiel sackte das tägliche Thema in verschiedenen Autos aufgrund der physischen Merkmale der Bildschirme an einigen Stellen visuell ab. Infolgedessen wurde das tägliche Regime erneuert. Zunächst haben wir versucht, den Fettgehalt und die Schriftgröße zu erhöhen, um ihre durchscheinenden Zustände aufzugeben.


Der erste Ansatz zur Stiländerung

Nach den Ergebnissen der UX-Forschung entschieden sich die Benutzer von Yandex.Drive, als Experiment ohne den Status des Hauptbildschirms zu leben, in dem der zentrale Teil zuvor eine Zone scrollbarer Widgets war. Seit dem Start hat der Hauptbildschirmmodus seine Rolle gespielt und wird jetzt überarbeitet. Alle beschriebenen Änderungen sind bereits ab Mai 2019 in Carsharing-Fahrzeugen verfügbar.

Eigene Geräte

Mit der Zeit wuchs das Interesse an dem Projekt und das Team kam auf die Idee, ein Produkt für alle zu entwickeln. Ausgewählte Headunits für mehr als 14 Modelle und begann, das Produkt an diese anzupassen.


Qualitätssicherung für Head-Unit-Bildschirme im Werk Caska in China

In dieser Iteration haben wir die Anrufe abgeschlossen, die Einstellungen der Headunit erweitert, die Android-Vollversion von Yandex.Music angepasst, das Update-System und die Interaktion mit Alice verbessert. Ausführlichere Informationen zu den bereits zum Verkauf angebotenen Produkten finden Sie auf der Yandex.Avto-Website.

Es ist wichtig zu beachten, dass diese Version als komplettes System für ein persönliches Auto betrachtet werden kann, das im Laufe der Zeit aktualisiert und weiterentwickelt wird. Unterstützung für neue oder Aktualisierung aktueller Anwendungen, Verbesserungen der Benutzeroberfläche - alles wird rechtzeitig an Bord kommen.


Aktuelle Ansicht der GU-Schnittstelle zum Verkauf

Die Zukunft

Dank der Installation in Autos, der Einführung von Carsharing und ihrer Geräte werden ständig neue Benutzer zu den Metriken hinzugefügt. Es gibt viele Ideen zur Verbesserung des Systems und viele neue Entwicklungen, daher ist der Plan für die kommenden Jahre geplant.

Es ist wichtig, dass in der Welt der Automobile und eingebetteten Mediensysteme ein gesundes Wettbewerbsumfeld entsteht, in dem jeder Platz findet, der etwas Interessantes tut.

Jede Woche werden Informationen zu einer bestimmten nützlichen Technologie angezeigt, daher müssen wir die Messlatte halten. Die Daten aus dem Auto und die Unterstützung seiner Funktionen im Laufe der Zeit bringen das Produkt auf eine völlig neue Ebene der Kommunikation mit dem Fahrer.

Abonnieren Sie den Telegrammkanal über Design in Yandex t.me/yandexdesign