Futuristische Benutzeroberfläche des neuen Tesla Model 3

Hallo Giktayms! Ich präsentiere Ihnen eine Übersetzung des Artikels von Tom Johnson, den Teslas Modell 3-Benutzeroberfläche über seine Vision für die Zukunft enthüllt .


Wenn Sie viel über Design wissen oder einfach nur verrückt nach Autos sind, dann ist dieser Artikel genau das Richtige für Sie. Es werden die Hauptmerkmale der Bedienfeldelemente sowie die Benutzeroberfläche des neuen Tesla Model 3 berücksichtigt - eines kürzlich vorgestellten Elektroautos, das der breiteren Gesellschaft zur Verfügung steht und mit einem Touchscreen ausgestattet ist. Das neue Design der Benutzeroberfläche kann viel darüber aussagen, wie Tesla-Ingenieure die Zukunft selbstfahrender Autos sehen.

Wenn Sie sich für dieses Thema interessieren , schauen Sie sich die Figma-Datei an , die ich speziell für Sie vorbereitet habe, und über den Link finden Sie den Prototyp, den ich erstellt habe.



Von Anfang an verfolgte ich alle Ereignisse rund um das Tesla Model 3. Letztes Jahr konnte ich endlich das Model S ausprobieren. Danach war ich angenehm erstaunt, wie einfach es ist, dieses Auto zu fahren und wie schnell es auf jede Bewegung reagiert der Fahrer. Unnötig zu erwähnen, dass ich mich in Tesla verlieben musste und mich sofort für die Idee der „erschwinglichen“ Version begeisterte, deren Eigenschaften dem Modell, das ich ausprobiert habe, nicht viel unterlegen sind. Wie viele von Teslas Fans verfolgte ich alle Tesla Model 3-Nachrichten und durchsuchte unzählige Webseiten, um nach den kleinsten Details zu suchen, wie selbst die kleinsten Details dieses Autos funktionieren werden.

Die Ideen der Ingenieure, die in dieses Modell implementiert werden sollten, waren wirklich cool, aber ich konnte kaum glauben, dass sie das traditionelle Dashboard im neuen Tesla vollständig aufgeben würden. Das mag cool klingen, aber nicht für Marketing-Leute, geschweige denn für Käufer. Dann dachte ich vernünftigerweise: "Komm schon, das sind nur Ideen, du weißt nie, woran du denken kannst."

Nun ... hier habe ich nicht geraten: Das Auto erschien der Öffentlichkeit, in der das traditionelle Armaturenbrett nicht einmal roch ...

Und ein Geschwindigkeitsschalter ...

Und Lüftungsschlitze für Klimaanlagen ...

Und sogar die Griffe des Handschuhfachs ...


Jetzt befinden sich alle diese Elemente auf dem Touchscreen, genau in der Mitte des Autos. Und vor allem: Die Ingenieure haben nicht einmal daran gedacht, diesen unangenehmen Bildschirm in der Mitte des Autos zu verstecken, was darauf hindeutet, dass der Mittelfinger direkt auf das Gesicht der gesamten Automobilwelt gerichtet ist. So erhielten alle Skeptiker dieses Ansatzes sowie andere Automobilhersteller, die sich für die Unverletzlichkeit des bekannten Armaturenbretts einsetzten, ein köstliches „F * ck you“. Zuerst gab Tesla die Motoren als solche auf, aber dies schien ihren Ingenieuren und Designern nicht genug zu sein, und sie beschlossen, im gleichen Geist weiterzumachen, bis die gesamte Automobilindustrie mit mehr als einem Jahrhundert Geschichte erschauderte.

Tatsächlich war alles etwas anders

Die Nachrichten über die bevorstehende Veröffentlichung des neuen Tesla-Modells erfüllten mich mit Ehrfurcht. Diesmal trat ich jedoch mit ihren vielen unzufriedenen, abweisenden und voreingenommenen Ausrufen auf die Seite der Skeptiker.

Modell 3 hat vier Räder und scheint in seiner Erscheinung einem Auto zu ähneln, aber hier endet seine Ähnlichkeit mit einem bekannten Auto.

Ich wollte unbedingt wissen, wie es den Tesla-Ingenieuren gelungen ist, alle Bedienelemente des Autos hinter der Glasscheibe zu verstecken. Also begann ich buchstäblich im Internet nach relevanten Informationen über das Design der Benutzeroberfläche des neuen Modells zu suchen. Es ist erwähnenswert, dass ich einige Zeit gebraucht habe, aber am Ende hatte ich das Glück, auf ein interessantes Projekt des Designers Andrew Goodlad zu stoßen . Dann entschied ich, dass er die Benutzeroberfläche des Tesla Model 3, das kurz vor dem Markteintritt stand, anhand der im Internet veröffentlichten Informationen sowie des aufregenden Videos auf YouTube, das der Benutzeroberfläche des neuen Autos gewidmet war, neu erstellen konnte. Dieser Typ hat eine echte Prototyp-Oberfläche erstellt und alles, was damit zu tun hat.

Warum ich mich entschlossen habe, die Benutzeroberfläche selbst neu zu erstellen

Anfangs schien mir der Prototyp wirklich cool zu sein, aber nach einer Weile reichten einfache Bilder nicht mehr für meinen neugierigen Verstand und meine große Neugier. Dann habe ich mich entschlossen, jedes kleinste Detail des neuen Tesla-Dashboards unabhängig zu analysieren und zu verstehen, wie es funktioniert und warum genau und nicht anders.

Also habe ich alle Arten von Interface-Bildern im JPEG-Format für alle Bildschirme mit CSS Peeper heruntergeladen.

Als nächstes habe ich sie in Figma gepostet.

Danach zögerte ich keine Sekunde. Ich begann sofort, die Tesla Model 3-Benutzeroberfläche anhand der gefundenen Bilder neu zu erstellen. Ich habe Elementsymbole im Dashboard erstellt, Farben für sie ausgewählt, einen benutzerdefinierten Look für die auf dem Bedienfeld angezeigte Roadmap entwickelt und alle Figma-Elemente zusammengestellt: Schalter, Schaltflächen, im Allgemeinen alles, was getan werden konnte. Ich sah einen solchen Prozess als eine Art Patiententherapie: Ich verfolgte Schritt für Schritt, wie dieser oder jener Prozess zum Erstellen jedes Benutzeroberflächenelements abläuft. Ähnliches habe ich schon als Kind erlebt und mochte Comics. Wie früher meine Lieblings-Comic-Helden - Snoopy und Bugs Bunny - mir das Zeichnen beigebracht haben, begann ich nun, alle Schwierigkeiten bei der Erstellung eines Designs für die Benutzeroberfläche von Autos zu verstehen.

Ich sah einen solchen Prozess als eine Art Patiententherapie: Ich verfolgte Schritt für Schritt, wie dieser oder jener Prozess zum Erstellen jedes Benutzeroberflächenelements abläuft.

Die meiste Arbeit habe ich mit Figma gemacht. Ich habe vorhin geschrieben, warum ich mich für diesen Editor entschieden habe: Er ist vollständig weborientiert, sodass Sie keine Probleme beim Herunterladen und Verwenden haben sollten. Darüber hinaus ist es so effektiv, dass ich mit seiner Hilfe auf einfache Weise eine unten dargestellte Prototyp-Schnittstelle erstellen konnte. Wenn Sie interessiert sind, finden Sie unten einen Link zur Quelldatei:


Prototyp:



Vom Autor: Wenn Sie daran interessiert sind, die Figma-Datei zu konfigurieren, schreiben Sie einfach in den Kommentaren darüber. Als ich fast fertig war, den von mir geplanten Prototyp mithilfe einer solchen Datei zu rekonstruieren, stellte ich überrascht fest, dass die Verwendung einzelner Komponenten für diesen Zweck den Prozess der Prototypenerstellung erheblich beschleunigte. Tatsächlich dauerte der gesamte Prozess ungefähr eine halbe Stunde, und ich hatte zugegebenermaßen nicht erwartet, dass alles so SCHNELL verlaufen würde. Zuerst wollte ich nur mehrere auf dem Bildschirm angezeigte Bilder kombinieren, um den Auftrag abzuschließen. Jetzt denke ich jedoch ernsthaft darüber nach, einen separaten Artikel über diesen Prozess zu schreiben.

Was ist neu an Model 3 UI Design?

Tesla Model 3 ist ein Auto, dessen Schöpfer am wenigsten an die Fahrer gedacht haben, und dies wurde absichtlich getan.

Lassen Sie es uns herausfinden ... Das Auto hat keine Griffe, obwohl es sogar ein Lenkrad hat (und danke dafür). Um die Scheibenwischer einzuschalten, müssen Sie die Taste auf dem Bildschirm drücken (* Hinweis des Autors: Zu diesem Zweck ist im Auto dennoch ein Hebel vorgesehen, die Geschwindigkeit der Scheibenwischer wird jedoch weiterhin über die Tasten auf dem Bildschirm geregelt). Sie müssen erneut die Tasten auf dem Bildschirm drücken, um das Handschuhfach zu öffnen oder die Handbremse zu betätigen (* Hinweis des Autors: Die Handbremse sollte automatisch aktiviert werden. Es wird jedoch angenommen, dass Sie mit den Einstellungen die Bremsen einstellen können, die beim Drücken betätigt werden sollen Tasten). Nicht sehr praktisch für Fahrer, oder? Jetzt kann sich der Fahrer während der Fahrt nicht mehr auf seine langjährige Reaktion und sein Muskelgedächtnis verlassen.

Sie könnten entscheiden, dass die neuen Tesla-Ingenieure solche Änderungen vorgenommen haben, um das Auto fortschrittlicher, gefährlicher oder nicht wie alle anderen erscheinen zu lassen. Dies ist jedoch nicht der Fall: Nur die neuen Tesla-Ingenieure haben beschlossen, die Menschen auf Autos vorzubereiten, die in absehbarer Zukunft fahren sollen ohne die Hilfe von Fahrern.

Dieses Auto wurde für einfaches Fahren entwickelt.

Was die Benutzeroberfläche angeht, fiel mir als erstes die Auflösung des Bildschirms auf.

Wie bei den Modellen S und X könnte beim neuen Tesla ein vertikaler Bildschirm installiert sein. Stattdessen beträgt das Verhältnis von Breite und Höhe in Modell 3 8: 5 und die Auflösung 1920 x 1200 Pixel. Sie fragen sich vielleicht, was nun? Und hier ist was:

• Dies ist ein HDTV Jungs!
• Die unteren (permanenten) Steuerelemente sind 120 Pixel hoch.
• 1200-120 = 1080 Pixel.
• 1920 x 1080.

Der HDTV, der im neuen Tesla bereitgestellt wird, weist darauf hin, dass der zentrale Steuerbildschirm zunächst erstellt wurde, um etwas darauf zu sehen, und nicht, um bequem zu fahren. Wir können also mit Sicherheit sagen, dass Modell 3 der Messias der Zukunft ist, in dem Autos ohne die Hilfe von Fahrern fahren werden. Dies ist nicht nur ein Auto mit einem ungewöhnlichen Steuerungssystem, es ist ein echtes Wohnzimmer auf Rädern. Vielleicht ist dies eine etwas verfrühte Aussage - angesichts der schrittweisen Entwicklung der Technologie -, aber es ist wahrscheinlich, dass der Salon Ihres Lieblings-Eisenpferdes bald der beste Ort sein wird, um Filme anzusehen.

Dies ist nicht nur ein Auto mit einem ungewöhnlichen Steuerungssystem, es ist ein echtes Wohnzimmer auf Rädern.

Nein, ich bin nicht die rechte Hand von Elon Mask. Alle obigen Aussagen sind nur meine Spekulationen und Annahmen. Deshalb bitte ich Sie sehr: Werfen Sie keine Steine ​​auf mich, wenn ich plötzlich in etwas falsch liege.

Trennung von Schnittstellenkomponenten

Im Folgenden finden Sie einige Screenshots der verschiedenen Komponenten der Benutzeroberfläche.

Fahrmodus - Unterwegs

Als sich der Prototyp entwickelte, ähnelte das Navigationsfenster dem Bildschirm mobiler Geräte.

Es ist auch erwähnenswert, dass sich das Armaturenbrett auf Armlänge befindet und so positioniert ist, dass es in die periphere Sicht des Fahrers fällt. Für Länder mit Rechtsverkehr kann diese Regelung leicht geändert werden: Smart Engineering ist nicht anders.

Parkmodus

Bitte beachten Sie, dass sich alle externen Bedienelemente auch auf dem Touchscreen befinden.

Es scheint, dass Modell 3 seine eigenen speziellen Steuerungen für jede Situation hat. Während des Parkens zeigt der Bildschirm beispielsweise nur die Elemente an, die zum Parken des Autos erforderlich sind. Dieser Ansatz mag offensichtlich erscheinen, ist aber sehr praktisch.

Schnelleinstellungen

Die Knöpfe am Lenkrad sind mir immer noch ein Rätsel: Ich habe keine Ahnung, wofür sie sind.

In diesem Auto können Sie fast alles anpassen, was Sie wollen. Darüber hinaus besteht die Meinung, dass damit auch Verknüpfungen konfiguriert werden können: Elemente, die besonders häufig verwendet werden, werden immer auf dem Steuerungsbildschirm angezeigt. Leider gibt es noch keine verlässlichen Informationen, die diese Theorie bestätigen.

Musik spielen

Übrigens können Sie vom Beifahrersitz aus die Bedienelemente (Ausklappen / Erweitern) des Musik-Players erreichen ...


Soweit ich weiß, werden ganze Alben auf dem Bildschirm angezeigt, keine Songs separat. Es ist auch noch nicht bekannt, ob Modell 3 die Möglichkeit bietet, durch verbale Befehle zu steuern.

Fazit

Ich habe kürzlich die Präsentation des Original-iPhone von Steve Jobs überprüft und war beeindruckt von der offensichtlichen Ähnlichkeit des iPhone mit Modell 3.

Sie haben beide keine Knöpfe.

Und das ist mir eingefallen:



Anschließend präsentierte Jobs dem Publikum, dass das Vorhandensein physischer Tasten für die Smart-Device-Branche ein Relikt der Vergangenheit ist. Und was wir sehen: Wenn jetzt jemand daran denkt, ein neues Gerät mit einer vollständigen Tastatur von Tasten einzuführen, wird es einfach ausgelacht.

Warum ziehen wir dann keine angemessenen Parallelen zur Autoindustrie? Warum wollen wir (oder ich persönlich), die vor uns einen einzigen Touchscreen anstelle des üblichen Bedienfelds sehen, nicht einmal vorstellen, dass dies jemals ein allgemein akzeptierter Ansatz werden wird? Tut Apple nicht etwas Ähnliches, indem es die Standardtastatur aufgibt?
Sie können argumentieren, sagen sie: Es war ein Telefon, und dies ist ein Auto - der Umfang ist sehr unterschiedlich.

Jede Software, einschließlich Software zum Fahren, kann jedoch aktualisiert und verbessert werden. Während für physische Tasten kaum effektive Änderungen in Betracht gezogen werden können: Das Ersetzen einer Taste durch eine andere oder das Aktualisieren ihres Erscheinungsbilds scheint nicht sinnvoll zu sein. Es kann also durchaus sein, dass das Ersetzen von Tasten und anderen physischen Fahrzeugsteuerungen durch einen vollwertigen Steuerbildschirm keine so verrückte Idee ist.

Das Original . Gepostet von Tom Johnson .

- # 1 reddit Promotion Service .