Interface de usuário futurista do novo Tesla Model 3

Olá Giktayms! Apresento a você uma tradução do artigo O que o modelo 3 da UI de Tesla revela sobre sua visão para o futuro, de Tom Johnson .


Se você sabe muito sobre design ou gosta apenas de carros, este artigo é para você. Ele considerará as principais características dos elementos do painel de controle, bem como a interface do usuário do novo Tesla Model 3 - um carro elétrico lançado recentemente disponível para a sociedade em geral que é equipada com uma tela de toque. O novo design da interface do usuário pode dizer muito sobre como os engenheiros da Tesla veem o futuro dos carros autônomos.

Se você está interessado neste tópico, verifique o arquivo Figma , que eu preparei especialmente para você, e também através do link, você encontrará o protótipo que fiz.



Desde o início, acompanhei todos os eventos que ocorreram no modelo 3. da Tesla. No ano passado, finalmente consegui experimentar o modelo S, após o qual fiquei agradavelmente surpreso com a facilidade de dirigir esse carro e a capacidade de resposta a cada movimento. o motorista. Escusado será dizer que eu não pude deixar de me apaixonar por Tesla e imediatamente fiquei animado com a idéia de sua versão "acessível", cujas características não são muito inferiores ao modelo que eu tentei. Como muitos fãs de Tesla, acompanhei todas as notícias do Tesla Model 3 e vasculhei inúmeras páginas da web procurando os mínimos detalhes sobre como os menores detalhes deste carro funcionarão.

As idéias dos engenheiros que foram planejadas para serem implementadas nesse modelo foram muito legais, mas eu mal podia acreditar que elas abandonariam completamente o painel tradicional no novo Tesla. Isso pode parecer legal, mas não para o pessoal de marketing e muito menos para os compradores. Então pensei razoavelmente: "Vamos lá, são apenas idéias, você nunca sabe o que pode pensar".

Bem ... aqui eu não acho: o carro apareceu para o público em geral, no qual o painel tradicional nem cheirava ...

E um interruptor de velocidade ...

E saídas de ar condicionado ...

E até as alças do porta-luvas ...


Agora, todos esses elementos estão localizados na tela de toque, posicionados exatamente no meio do carro. E o mais importante: os engenheiros nem pensaram em esconder essa tela estranha projetada no meio do carro, o que sugere o dedo do meio apontado diretamente para a face de todo o mundo automotivo. Assim, todos os céticos dessa abordagem, assim como outras empresas de automóveis que defendiam a inviolabilidade do painel familiar, obtiveram um delicioso "F * ck you". No início, Tesla abandonou os motores como tal, mas isso não pareceu suficiente para seus engenheiros e projetistas, e eles decidiram continuar no mesmo espírito até que toda a indústria automotiva com mais de um século de história estremecesse.

Na verdade, tudo estava um pouco diferente

As notícias sobre o próximo lançamento do novo modelo da Tesla me encheram de admiração. No entanto, desta vez, tomei o lado dos céticos com suas muitas exclamações descontentes, desdenhosas e tendenciosas.

O modelo 3 tem quatro rodas e, na aparência, parece um carro, mas é aí que termina sua semelhança com um carro familiar.

Eu realmente queria saber como os engenheiros da Tesla conseguiram esconder todos os controles do carro atrás do painel de vidro. Então, literalmente, comecei a estudar a Internet em busca de informações relevantes sobre o design da interface do usuário do novo modelo. Devo admitir que demorei algum tempo, mas no final tive a sorte de encontrar um projeto interessante apresentado pelo designer Andrew Goodlad . Então eu decidi que ele era capaz de recriar a interface do usuário do Tesla Model 3, que estava prestes a entrar no mercado, usando as informações publicadas na web, bem como o emocionante vídeo no YouTube dedicado à interface do novo carro. Esse cara criou uma interface de protótipo real e tudo relacionado a ela.

Por que eu decidi recriar a interface do usuário eu mesmo

A princípio, seu protótipo me pareceu muito legal, mas depois de um tempo um simples conjunto de fotos não foi suficiente para minha mente curiosa e grande curiosidade. Decidi analisar de forma independente todos os mínimos detalhes do novo painel da Tesla e entender como ele funciona e por que exatamente, e não o contrário.

Então, baixei todos os tipos de imagens de interface no formato jpeg para qualquer tela usando o CSS Peeper .

Em seguida, eu os publiquei na Figma .

Depois disso, não hesitei por um segundo. Comecei imediatamente a recriar a interface do usuário do Tesla Model 3 usando as imagens encontradas. Criei ícones de elementos no painel, selecionei cores para eles, desenvolvi uma aparência personalizada para o roteiro exibido no painel, reuni todos os elementos do Figma: interruptores, botões, em geral, tudo o que podia ser feito. Eu via esse processo como uma espécie de terapia do paciente: segui passo a passo como esse ou aquele processo de criação de cada elemento da interface do usuário prossegue. Eu já experimentei algo semelhante quando criança e gostava de quadrinhos. Como uma vez meus heróis favoritos dos quadrinhos - Snoopy e Bugs Bunny - me ensinaram a desenhar, agora comecei a entender todas as dificuldades de criar um design de interface de usuário para carro.

Eu via esse processo como uma espécie de terapia do paciente: segui passo a passo como esse ou aquele processo de criação de cada elemento da interface do usuário prossegue.

A maior parte do trabalho que fiz foi com Figma. Escrevi anteriormente por que escolhi este editor: ele é totalmente orientado para a Web, portanto você não deve ter dificuldades em fazer o download e usá-lo. Além disso, é tão eficaz que, com sua ajuda, eu consegui criar facilmente uma interface de protótipo apresentada abaixo. Se você estiver interessado, abaixo você encontrará um link para o arquivo de origem:


Protótipo:



Do autor: se você estiver interessado em como configurar o arquivo Figma, basta escrever sobre ele nos comentários. Quando quase terminei de reconstruir o protótipo que havia planejado usar esse arquivo, fiquei surpreso ao observar que o uso de componentes individuais para esse fim acelerou significativamente o processo de criação do protótipo. De fato, todo o processo levou cerca de meia hora e, para admitir, não esperava que tudo fosse tão rápido. No começo, eu só queria combinar várias imagens exibidas na tela para concluir o trabalho. No entanto, agora estou pensando seriamente em escrever um artigo separado sobre esse processo.

Novidades sobre o design de interface do usuário do modelo 3

O Tesla Model 3 é um carro, cujos criadores menos pensaram nos motoristas, e isso foi feito intencionalmente.

Vamos descobrir ... O carro não tem pegas, embora tenha até um volante (e obrigado por isso). Para ligar os limpadores, é necessário pressionar o botão na tela (* observação do autor: para esse efeito, é fornecida uma alavanca no carro, no entanto, a velocidade dos limpadores ainda é regulada usando os botões na tela). Você, novamente, terá que pressionar os botões na tela para abrir o porta-luvas ou para aplicar o freio de mão (* nota do autor: o freio de mão deve ser ativado automaticamente, no entanto, acredita-se que, usando as configurações, você pode definir os freios a serem aplicados quando pressionados botões). Não é muito conveniente para os motoristas, é? Agora, enquanto dirige, o motorista não pode mais confiar em sua reação e memória muscular, aperfeiçoada por muitos anos.

Você pode decidir que os engenheiros do novo Tesla fizeram essas mudanças para fazer o carro parecer mais avançado, perigoso ou não como todos os outros ... No entanto, não é assim: é só que os engenheiros do novo Tesla decidiram preparar as pessoas para os carros dirigirem no futuro próximo sem a ajuda de motoristas.

Este carro foi criado para facilitar a condução.

Quanto à interface do usuário, a primeira coisa que notei foi a resolução da tela do monitor.

Como no caso dos modelos S e X, o novo Tesla poderia ter uma tela vertical instalada, mas a proporção de largura e altura no modelo 3 é de 8: 5 e a resolução é de 1920x1200 pixels. Você pode perguntar, e daí? E aqui está o que:

• Este é um pessoal de HDTV!
• Os controles inferiores (permanentes) têm 120 pixels de altura.
• 1200-120 = 1080 pixels.
• 1920x1080.

A HDTV forneceu no novo Tesla, como sugere, que a tela de controle central foi criada, antes de tudo, para assistir a algo nele, e não para uma direção conveniente. Portanto, podemos dizer com segurança que o Modelo 3 é o messias do futuro, no qual os carros dirigirão sem a ajuda dos motoristas. Este não é apenas um carro com um sistema de controle incomum, é uma verdadeira sala de estar sobre rodas. Talvez essa seja uma afirmação um pouco prematura - dado o desenvolvimento gradual da tecnologia -, mas é provável que em breve o melhor lugar para assistir filmes seja o salão do seu cavalo de ferro favorito.

Este não é apenas um carro com um sistema de controle incomum, é uma verdadeira sala de estar sobre rodas.

Não, eu não sou a mão direita de Elon Mask. Todas as afirmações acima são apenas minhas especulações e suposições. Por isso, peço-lhe muito: não jogue pedras em mim se, de repente, me encontrar errado em alguma coisa.

Separação de componentes de interface

Abaixo estão algumas capturas de tela dos vários componentes da interface.

Modo de condução - na estrada

À medida que o protótipo se desenvolvia, a janela de navegação começou a se parecer com a tela de dispositivos móveis.

Também é importante notar que o painel está no comprimento do braço e está posicionado de tal maneira que cai na visão periférica do motorista. Para países com tráfego à direita, esse arranjo pode ser facilmente alterado: a engenharia inteligente não é diferente.

Modo de estacionamento

Observe que todos os controles externos também estão na tela de toque.

Parece que o Modelo 3 tem seus próprios controles especiais para qualquer situação. Por exemplo, durante o estacionamento, a tela mostra apenas os elementos necessários para estacionar o carro. Essa abordagem pode parecer óbvia, mas é realmente conveniente.

Configurações rápidas

Os botões do volante ainda são um mistério para mim: não faço ideia para que servem.

Neste carro, você pode personalizar quase tudo o que quiser. Além disso, há uma opinião de que ele também fornecerá a capacidade de configurar atalhos: os itens usados ​​com mais frequência sempre serão exibidos na tela de controle. No entanto, infelizmente, ainda não há informações confiáveis ​​que confirmem essa teoria.

Tocando música

A propósito, a partir do banco do passageiro da frente, você pode acessar os controles (recolher / expandir) do music player ...


Pelo que entendi, álbuns inteiros serão exibidos na tela, não músicas separadamente. Também não se sabe se o Modelo 3 fornece a capacidade de controlar através de comandos verbais.

Conclusão

Recentemente, revi a apresentação do iPhone original por Steve Jobs e fiquei impressionado com a aparente semelhança do iPhone com o Modelo 3.

Ambos não têm botões.

E foi isso que me ocorreu:



Em seguida, Jobs fez uma apresentação para o público que, para a indústria de dispositivos inteligentes, a presença de botões físicos é uma relíquia do passado. E o que vemos: se alguém agora pensa em introduzir um novo dispositivo com um teclado completo de botões, isso será motivo de riso.

Então, por que não traçamos paralelos apropriados com a indústria automobilística? Por que nós (ou eu pessoalmente), vendo à nossa frente uma única tela de toque em vez do painel de controle habitual, nem queremos imaginar que isso se tornará uma abordagem geralmente aceita. A Apple não está fazendo algo semelhante ao abandonar o teclado padrão?
Você pode argumentar, eles dizem: era um telefone e este é um carro - o escopo é muito diferente.

No entanto, qualquer software, incluindo software para dirigir, pode ser atualizado e aprimorado. Considerando que, para os botões físicos, dificilmente é possível pensar em alterações efetivas: substituir um botão por outro ou atualizar sua aparência não parece ser algo útil. Portanto, pode ser que substituir botões e outros controles físicos de carros por uma tela de controle completa não seja uma idéia tão louca.

O original . Postado por Tom Johnson .

- # 1 serviço de promoção do reddit .