Interface utilisateur futuriste du nouveau Tesla Model 3

Bonjour Giktayms! Je vous présente une traduction de ce que révèle l'interface utilisateur du modèle 3 de Tesla sur sa vision de l'avenir par Tom Johnson .


Si vous en savez beaucoup sur le design ou tout simplement fou de voitures, cet article est pour vous. Il examinera les principales caractéristiques des éléments du panneau de commande, ainsi que l'interface utilisateur de la nouvelle Tesla Model 3 - une voiture électrique récemment lancée à la disposition de la société au sens large qui est équipée d'un écran tactile. La nouvelle conception de l'interface utilisateur peut en dire long sur la façon dont les ingénieurs de Tesla voient l'avenir des voitures autonomes.

Si vous êtes intéressé par ce sujet, alors consultez le fichier Figma , que j'ai préparé spécialement pour vous, et aussi via le lien vous trouverez le prototype que j'ai fait.



Dès le début, j'ai suivi tous les événements qui se déroulaient autour de la Tesla Model 3. L'année dernière, j'ai finalement réussi à essayer la Model S, après quoi j'ai été agréablement surpris de la facilité de conduite de cette voiture et de sa réactivité à chaque mouvement. le chauffeur. Inutile de dire que je n'ai pas pu m'empêcher de tomber amoureux de Tesla et j'ai immédiatement été enthousiasmé par l'idée de sa version «abordable», dont les caractéristiques ne sont pas beaucoup inférieures au modèle que j'ai essayé. Comme de nombreux fans de Tesla, j'ai suivi toutes les actualités de Tesla Model 3 et fouillé des tonnes de pages Web à la recherche des plus petits détails sur le fonctionnement même des plus petits détails de cette voiture.

Les idées des ingénieurs qui devaient être mises en œuvre dans ce modèle étaient vraiment cool, mais je pouvais à peine croire qu'ils abandonneraient complètement le tableau de bord traditionnel de la nouvelle Tesla. Cela peut sembler cool, mais pas pour le marketing, et encore moins pour les acheteurs. Alors j'ai raisonnablement pensé: "Allez, ce ne sont que des idées, tu ne sais jamais à quoi tu peux penser."

Eh bien ... ici je n'ai pas deviné: la voiture est apparue au grand public, dans laquelle le tableau de bord traditionnel ne sentait même pas ...

Et un interrupteur de vitesse ...

Et les bouches de climatisation ...

Et même les poignées de la boîte à gants ...


Maintenant, tous ces éléments sont situés sur l'écran tactile, placés exactement au milieu de la voiture. Et le plus important: les ingénieurs n'ont même pas pensé à cacher cet écran maladroit qui dépassait au milieu de la voiture, ce qui suggère que le majeur vise directement le visage de tout le monde automobile. Ainsi, tous les sceptiques de cette approche, ainsi que d'autres constructeurs automobiles qui ont plaidé pour l'inviolabilité du tableau de bord familier, ont obtenu un délicieux «F * ck you». Au début, Tesla a abandonné les moteurs en tant que tels, mais cela n'a pas semblé suffisant à ses ingénieurs et concepteurs, et ils ont décidé de continuer dans le même esprit jusqu'à ce que toute l'industrie automobile avec plus d'un siècle d'histoire frissonne.

En fait, tout était un peu différent

Les nouvelles de la sortie prochaine du nouveau modèle Tesla m'ont émerveillé. Cependant, cette fois, j'ai pris le parti des sceptiques avec leurs nombreuses exclamations mécontentes, dédaigneuses et partiales.

Le modèle 3 a quatre roues et, en apparence, il semble ressembler à une voiture, mais c'est là que sa similitude avec une voiture familière se termine.

Je voulais vraiment savoir comment les ingénieurs de Tesla ont réussi à cacher toutes les commandes de la voiture derrière le panneau d'affichage en verre. J'ai donc littéralement commencé à étudier Internet à la recherche d'informations pertinentes sur la conception de l'interface utilisateur du nouveau modèle. Il faut avouer que cela m'a pris du temps, mais j'ai finalement eu la chance de tomber sur un projet intéressant présenté par le designer Andrew Goodlad . J'ai alors décidé qu'il était capable de recréer l'interface utilisateur de la Tesla Model 3, qui était sur le point d'entrer sur le marché, en utilisant les informations publiées sur le Web, ainsi que la vidéo passionnante sur YouTube dédiée à l'interface de la nouvelle voiture. Ce mec a créé une véritable interface prototype et tout ce qui s'y rapporte.

Pourquoi j'ai décidé de recréer l'interface utilisateur moi-même

Au début, son prototype me semblait vraiment cool, mais au bout d'un moment, un simple ensemble de photos ne suffisait plus à mon esprit curieux et à ma grande curiosité. J'ai ensuite décidé d'analyser indépendamment les moindres détails du nouveau tableau de bord Tesla et de comprendre comment cela fonctionne et pourquoi exactement, et non autrement.

J'ai donc téléchargé toutes sortes d'images d'interface au format jpeg pour tous les écrans à l'aide de CSS Peeper .

Ensuite, je les ai postés sur Figma .

Après cela, je n'ai pas hésité une seconde. J'ai immédiatement commencé à recréer l'interface utilisateur de Tesla Model 3 en utilisant les images trouvées. J'ai créé des icônes d'éléments sur le tableau de bord, sélectionné des couleurs pour elles, développé un look personnalisé pour la feuille de route affichée sur le panneau, rassemblé tous les éléments Figma: commutateurs, boutons, en général, tout ce qui pouvait être fait. J'ai vu un tel processus comme une sorte de thérapie du patient: j'ai suivi pas à pas comment se déroule tel ou tel processus de création de chaque élément d'interface utilisateur. J'ai déjà vécu quelque chose de similaire quand j'étais enfant et aimais la bande dessinée. Comme il était une fois mes héros de bandes dessinées préférés - Snoopy et Bugs Bunny - m'a appris à dessiner, alors maintenant j'ai commencé à comprendre toutes les difficultés de créer un design d'interface utilisateur de voiture.

J'ai vu un tel processus comme une sorte de thérapie du patient: j'ai suivi pas à pas comment se déroule tel ou tel processus de création de chaque élément d'interface utilisateur.

La plupart du travail que j'ai fait était avec Figma. J'ai écrit plus tôt pourquoi j'ai choisi cet éditeur: il est entièrement orienté Web, vous ne devriez donc pas avoir de difficultés à le télécharger et à l'utiliser. De plus, il est si efficace qu'avec son aide j'ai pu facilement créer une interface prototype présentée ci-dessous. Si vous êtes intéressé, vous trouverez ci-dessous un lien vers le fichier source:


Prototype:



De l'auteur: si vous souhaitez savoir comment configurer le fichier Figma, alors écrivez-le dans les commentaires. Lorsque j'ai presque fini de reconstruire le prototype que j'avais prévu d'utiliser avec un tel fichier, j'ai été surpris de constater que l'utilisation de composants individuels à cette fin a considérablement accéléré le processus de création du prototype. En fait, tout le processus m'a pris environ une demi-heure et, je l'admets, je ne m'attendais pas à ce que tout se passe aussi RAPIDEMENT. Au début, je voulais juste combiner plusieurs images affichées à l'écran afin de terminer le travail. Cependant, maintenant je pense sérieusement à écrire un article séparé sur ce processus.

Nouveautés de la conception d'interface utilisateur du modèle 3

Tesla Model 3 est une voiture, dont les créateurs ont le moins pensé aux pilotes, et cela a été fait intentionnellement.

Voyons ça ... La voiture n'a pas de poignées, même si elle a même un volant (et merci pour cela). Pour activer les essuie-glaces, vous devez appuyer sur le bouton à l'écran (* note de l'auteur: à cet effet, un levier est néanmoins prévu dans la voiture, cependant, la vitesse des essuie-glaces est toujours réglée à l'aide des boutons sur l'écran). Encore une fois, vous devrez appuyer sur les boutons à l'écran pour ouvrir la boîte à gants ou pour appliquer le frein à main (* note de l'auteur: le frein à main doit être activé automatiquement, cependant, on pense qu'en utilisant les paramètres, vous pouvez définir les freins à appliquer lorsqu'ils sont enfoncés boutons). Pas très pratique pour les conducteurs, n'est-ce pas? Désormais, au volant, le conducteur ne peut plus compter sur sa réaction et sa mémoire musculaire, affinées depuis de nombreuses années.

Vous pourriez décider que les nouveaux ingénieurs de Tesla ont apporté de tels changements pour rendre la voiture plus avancée, dangereuse ou pas comme tout le monde ... Cependant, ce n'est pas le cas: seuls les nouveaux ingénieurs de Tesla ont décidé de préparer les gens à conduire des voitures dans un avenir prévisible. sans l'aide de chauffeurs.

Cette voiture a été créée pour une conduite facile.

En ce qui concerne l'interface utilisateur, la première chose que j'ai remarquée a été la résolution de l'écran d'affichage.

Comme dans le cas des modèles S et X, la nouvelle Tesla pourrait avoir un écran vertical installé, mais le rapport de largeur et de hauteur dans le modèle 3 est de 8: 5 et la résolution est de 1920x1200 pixels. Vous pouvez demander, alors quelle est la prochaine? Et voici ce que:

• Ceci est un gars HDTV!
• Les commandes inférieures (permanentes) mesurent 120 pixels de haut.
• 1200-120 = 1080 pixels.
• 1920x1080.

La TVHD a fourni dans la nouvelle Tesla, comme il le laisse entendre, que l'écran de contrôle central a été créé, tout d'abord, pour regarder quelque chose dessus, et non pour une conduite pratique. Nous pouvons donc affirmer que la Model 3 est le messie du futur, dans lequel les voitures rouleront sans l'aide de conducteurs. Ce n'est pas seulement une voiture avec un système de contrôle inhabituel, c'est un vrai salon sur roues. C'est peut-être une déclaration légèrement prématurée - étant donné le développement progressif de la technologie - mais il est probable que bientôt le meilleur endroit pour regarder des films sera le salon de votre cheval de fer préféré.

Ce n'est pas seulement une voiture avec un système de contrôle inhabituel, c'est un vrai salon sur roues.

Non, je ne suis pas la main droite d'Elon Mask. Toutes les déclarations ci-dessus ne sont que mes spéculations et hypothèses. Alors je vous en prie beaucoup: ne me lancez pas de pierres si, soudain, je me retrouve mal dans quelque chose.

Séparation des composants d'interface

Voici quelques captures d'écran des différents composants de l'interface.

Mode de conduite - Sur la route

Au fur et à mesure du développement du prototype, la fenêtre de navigation a commencé à ressembler à l'écran des appareils mobiles.

Il convient également de noter que le tableau de bord est à bout de bras et est positionné de manière à tomber dans la vision périphérique du conducteur. Pour les pays à circulation à droite, cet arrangement peut être facilement modifié: l'ingénierie intelligente n'est pas le contraire.

Mode stationnement

Veuillez noter que toutes les commandes externes sont également sur l'écran tactile.

Il semble que le modèle 3 dispose de ses propres commandes spéciales pour toutes les situations. Par exemple, pendant le stationnement, l'écran affiche uniquement les éléments nécessaires au stationnement de la voiture. Cette approche peut sembler évidente, mais elle est vraiment pratique.

Paramètres rapides

Les boutons sur le volant sont encore un mystère pour moi: je ne sais pas à quoi ils servent.

Dans cette voiture, vous pouvez personnaliser presque tout ce que vous voulez. En outre, il existe une opinion selon laquelle il offrira également la possibilité de configurer des raccourcis: les éléments qui sont utilisés particulièrement souvent seront toujours affichés sur l'écran de contrôle. Cependant, malheureusement, il n'y a pas encore d'informations fiables confirmant cette théorie.

Jouer de la musique

Soit dit en passant, depuis le siège du passager avant, vous pouvez accéder aux commandes (replier / agrandir) du lecteur de musique ...


Si je comprends bien, des albums entiers seront affichés à l'écran, pas des chansons séparément. On ne sait pas encore si le modèle 3 prévoit la possibilité de contrôler par des commandes verbales.

Conclusion

J'ai récemment examiné la présentation de l'iPhone d'origine par Steve Jobs et j'ai été frappé par l'apparente similitude de l'iPhone avec le modèle 3.

Ils n'ont pas de boutons.

Et c'est ce qui m'est venu à l'esprit:



Ensuite, Jobs a fait une présentation au public que pour l'industrie des appareils intelligents, la présence de boutons physiques est une relique du passé. Et ce que nous voyons: si quelqu'un pense à présent à introduire un nouvel appareil avec un clavier complet de boutons, on se moquera simplement de lui.

Alors pourquoi ne pas établir de parallèles appropriés avec l'industrie automobile? Pourquoi nous (ou moi personnellement), voyant devant nous un seul écran tactile au lieu du panneau de contrôle habituel, ne voulons même pas imaginer que cela deviendra un jour une approche généralement acceptée. Apple ne fait-il pas quelque chose de similaire en abandonnant le clavier standard?
Vous pouvez discuter, disent-ils: c'était un téléphone, et c'est une voiture - la portée est très différente.

Cependant, tout logiciel, y compris les logiciels de conduite, peut être mis à jour, amélioré. Alors que pour les boutons physiques, il n'est guère possible de penser à des changements efficaces: remplacer un bouton par un autre ou mettre à jour leur apparence ne semble pas être quelque chose d'utile. Il est donc possible que remplacer les boutons et autres commandes physiques de la voiture par un écran de contrôle à part entière ne soit pas une idée si folle.

L'original . Publié par Tom Johnson .

- # 1 service de promotion reddit .