Antarmuka pengguna futuristik dari Tesla Model 3 baru

Halo Giktayms! Saya mempersembahkan kepada Anda terjemahan dari Apa yang Model Tesla's UI 3 Mengungkapkan Tentang Visi untuk Masa Depan artikel oleh Tom Johnson .


Jika Anda tahu banyak tentang desain atau hanya tergila-gila pada mobil, maka artikel ini adalah untuk Anda. Ini akan mempertimbangkan fitur utama dari elemen panel kontrol, serta antarmuka pengguna Tesla Model 3 baru - mobil listrik yang baru saja diluncurkan tersedia untuk masyarakat luas yang dilengkapi dengan layar sentuh. Desain antarmuka pengguna yang baru dapat mengatakan banyak hal tentang bagaimana para insinyur Tesla melihat masa depan mobil yang dapat dikendarai sendiri.

Jika Anda tertarik dengan topik ini, maka periksa file-Figma , yang saya persiapkan khusus untuk Anda, dan juga melalui tautan Anda akan menemukan prototipe yang saya buat.



Sejak awal, saya mengikuti semua acara yang terjadi di sekitar Tesla Model 3. Tahun lalu, saya akhirnya berhasil mencoba Model S, setelah itu saya kagum dengan betapa mudahnya mengendarai mobil ini dan seberapa responsifnya terhadap setiap gerakan pengemudi. Tak perlu dikatakan, saya tidak bisa tidak jatuh cinta dengan Tesla dan segera bersemangat tentang gagasan versi "terjangkau", yang karakteristiknya tidak jauh lebih rendah daripada model yang saya coba. Seperti banyak penggemar Tesla, saya mengikuti setiap berita Tesla Model 3 dan menggali berton-ton halaman web untuk mencari detail terkecil tentang bagaimana bahkan detail terkecil mobil ini akan bekerja.

Ide-ide para insinyur yang rencananya akan diimplementasikan dalam model ini benar-benar keren, tetapi saya hampir tidak percaya bahwa mereka akan sepenuhnya meninggalkan dasbor tradisional di Tesla baru. Ini mungkin terdengar keren, tetapi tidak untuk orang pemasaran, apalagi untuk pembeli. Lalu saya berpikir: "Ayo, ini hanya ide, Anda tidak pernah tahu apa yang bisa Anda pikirkan."

Yah ... di sini saya tidak menebak: mobil itu muncul ke masyarakat umum, di mana dashboard tradisional bahkan tidak berbau ...

Dan saklar kecepatan ...

Dan ventilasi pendingin udara ...

Dan bahkan pegangan kompartemen sarung tangan ...


Sekarang semua elemen ini terletak di layar sentuh, ditempatkan persis di tengah mobil. Dan yang paling penting: para insinyur bahkan tidak berpikir untuk menyembunyikan layar canggung ini yang menonjol di tengah mobil, yang menunjukkan jari tengah mengarah langsung ke wajah seluruh dunia otomotif. Dengan demikian, semua skeptis dari pendekatan ini, serta perusahaan mobil lain yang menganjurkan untuk diganggu gugat dashboard akrab, mendapat "F * ck you" yang lezat. Pada awalnya, Tesla meninggalkan mesin seperti itu, tetapi ini tampaknya tidak cukup bagi para insinyur dan desainernya, dan mereka memutuskan untuk melanjutkan dengan semangat yang sama sampai seluruh industri otomotif dengan lebih dari seabad sejarah bergidik.

Faktanya, semuanya sedikit berbeda

Berita tentang peluncuran model Tesla baru akan membuat saya kagum. Namun, kali ini saya berpihak pada orang-orang yang skeptis dengan banyak seruan, ketidakpuasan, dan bias mereka yang tidak puas.

Model 3 memiliki empat roda, dan dalam penampilannya sepertinya menyerupai mobil, tetapi disinilah kesamaannya dengan mobil yang sudah dikenal.

Saya benar-benar ingin tahu bagaimana para insinyur Tesla berhasil menyembunyikan semua kontrol mobil di belakang panel layar kaca. Jadi saya benar-benar mulai mempelajari Internet untuk mencari informasi yang relevan tentang desain antarmuka pengguna model baru. Perlu saya akui bahwa saya perlu waktu, tetapi pada akhirnya saya cukup beruntung untuk menemukan proyek menarik yang disajikan oleh desainer Andrew Goodlad . Kemudian saya memutuskan bahwa dia dapat menciptakan kembali antarmuka pengguna Tesla Model 3, yang akan memasuki pasar, menggunakan informasi yang diposting di web, serta video menarik di YouTube yang didedikasikan untuk antarmuka mobil baru. Orang ini menciptakan antarmuka prototipe nyata dan segala sesuatu yang berkaitan dengannya.

Mengapa saya memutuskan untuk membuat ulang antarmuka pengguna sendiri

Pada awalnya, prototipe itu tampak sangat keren bagi saya, tetapi setelah beberapa saat set gambar yang sederhana tidak cukup untuk pikiran ingin tahu saya dan keingintahuan yang besar. Kemudian saya memutuskan untuk secara mandiri menganalisis setiap detail terkecil dari dasbor Tesla baru dan memahami cara kerjanya dan mengapa tepatnya, dan bukan sebaliknya.

Jadi, saya mengunduh semua jenis gambar antarmuka dalam format jpeg untuk semua layar menggunakan CSS Peeper .

Selanjutnya, saya mempostingnya di Figma .

Setelah itu saya tidak ragu sedetik pun. Saya segera mulai membuat ulang antarmuka pengguna Tesla Model 3 menggunakan gambar yang ditemukan. Saya datang dengan ikon elemen di dasbor, warna yang dipilih untuk mereka, mengembangkan tampilan kustom untuk peta jalan yang ditampilkan pada panel, mengumpulkan semua elemen Figma: sakelar, tombol, secara umum, semua yang bisa dilakukan. Saya melihat proses semacam itu sebagai semacam terapi pasien: Saya mengikuti langkah demi langkah bagaimana proses ini atau itu menghasilkan setiap elemen antarmuka pengguna. Saya sudah mengalami hal serupa ketika saya masih kecil dan sangat menyukai komik. Dahulu kala pahlawan buku komik favorit saya - Snoopy dan Bugs Bunny - mengajari saya cara menggambar, jadi sekarang saya mulai memahami semua kesulitan bekerja dalam menciptakan desain antarmuka pengguna mobil.

Saya melihat proses semacam itu sebagai semacam terapi pasien: Saya mengikuti langkah demi langkah bagaimana proses ini atau itu menghasilkan setiap elemen antarmuka pengguna.

Sebagian besar pekerjaan yang saya lakukan adalah dengan Figma. Saya menulis sebelumnya mengapa saya memilih editor ini: ini sepenuhnya berorientasi web, jadi Anda seharusnya tidak mengalami kesulitan dalam mengunduh dan menggunakannya. Selain itu, sangat efektif sehingga dengan bantuannya saya dapat dengan mudah membuat antarmuka prototipe yang disajikan di bawah ini. Jika Anda tertarik, maka di bawah ini Anda akan menemukan tautan ke file sumber:


Prototipe:



Dari penulis: jika Anda tertarik pada cara mengkonfigurasi file Figma, maka cukup tulis tentang itu di komentar. Ketika saya hampir selesai membuat prototipe yang saya rencanakan menggunakan file seperti itu, saya terkejut mencatat bahwa menggunakan komponen individu untuk tujuan ini secara signifikan mempercepat proses pembuatan prototipe. Bahkan, seluruh proses itu memakan waktu sekitar setengah jam, dan, untuk mengakui, saya tidak berharap bahwa semuanya akan berjalan begitu CEPAT. Pada awalnya, saya hanya ingin menggabungkan beberapa gambar yang ditampilkan di layar untuk menyelesaikan pekerjaan. Namun, sekarang saya serius berpikir untuk menulis artikel terpisah tentang proses ini.

Apa yang Baru Tentang Model 3 Desain UI

Tesla Model 3 adalah mobil, pencipta yang paling tidak semua berpikir tentang pengemudi, dan ini dilakukan dengan sengaja.

Mari kita cari tahu ... Mobil itu tidak memiliki pegangan, meskipun bahkan memiliki setir (dan terima kasih untuk itu). Untuk menghidupkan wiper, Anda perlu menekan tombol di layar (* catatan dari penulis: untuk tujuan ini, tuas tetap disediakan di mobil, namun, kecepatan wiper masih diatur menggunakan tombol di layar). Anda, sekali lagi, harus menekan tombol-tombol pada layar untuk membuka kompartemen sarung tangan atau untuk menerapkan rem tangan (* catatan dari penulis: rem tangan harus diaktifkan secara otomatis, namun, diyakini bahwa menggunakan pengaturan Anda dapat mengatur rem yang akan diterapkan ketika ditekan tombol). Sangat tidak nyaman untuk pengemudi, bukan? Sekarang, saat mengemudi, pengemudi tidak bisa lagi mengandalkan reaksi dan ingatan ototnya, terasah selama bertahun-tahun.

Anda dapat memutuskan bahwa para insinyur Tesla baru membuat perubahan sedemikian rupa untuk membuat mobil itu tampak lebih maju, berbahaya atau tidak seperti orang lain ... Namun, ini tidak terjadi: hanya para insinyur Tesla baru yang memutuskan untuk mempersiapkan orang-orang untuk mobil yang akan dikendarai di masa mendatang. tanpa bantuan pengemudi.

Mobil ini dibuat agar mudah dikendarai.

Sedangkan untuk antarmuka pengguna, hal pertama yang saya perhatikan adalah resolusi layar tampilan.

Seperti dalam kasus Model S dan X, Tesla baru dapat memiliki layar vertikal terpasang, tetapi sebaliknya rasio lebar dan tinggi dalam Model 3 adalah 8: 5, dan resolusinya adalah 1920x1200 piksel. Anda mungkin bertanya, jadi apa selanjutnya? Dan inilah:

• Ini adalah HDTV guys!
• Kontrol bawah (permanen) adalah 120 piksel.
• 1200-120 = 1080 piksel.
• 1920x1080.

HDTV yang disediakan di Tesla baru, karena mengisyaratkan, bahwa layar kontrol pusat dibuat, pertama-tama, untuk menonton sesuatu di dalamnya, dan bukan untuk mengemudi yang nyaman. Jadi kita dapat dengan aman mengatakan bahwa Model 3 adalah mesias masa depan, di mana mobil akan mengemudi tanpa bantuan pengemudi. Ini bukan hanya mobil dengan sistem kontrol yang tidak biasa, ini adalah ruang tamu nyata di atas roda. Mungkin ini adalah pernyataan yang agak prematur - mengingat perkembangan teknologi secara bertahap - tetapi kemungkinan bahwa segera tempat terbaik untuk menonton film adalah salon kuda besi favorit Anda.

Ini bukan hanya mobil dengan sistem kontrol yang tidak biasa, ini adalah ruang tamu nyata di atas roda.

Tidak, saya bukan tangan kanan Elon Mask. Semua pernyataan di atas hanyalah spekulasi dan asumsi saya. Jadi aku sangat memohon padamu: jangan melempari aku dengan batu jika, tiba-tiba, aku salah dalam sesuatu.

Pemisahan komponen antarmuka

Di bawah ini adalah beberapa tangkapan layar dari berbagai komponen antarmuka.

Mode Mengemudi - Di Jalan

Ketika prototipe berkembang, jendela navigasi mulai menyerupai layar perangkat seluler.

Perlu juga dicatat bahwa dashboard berada pada jarak yang dekat dan diposisikan sedemikian rupa sehingga jatuh ke dalam penglihatan tepi pengemudi. Untuk negara-negara dengan lalu lintas kanan, pengaturan ini dapat dengan mudah diubah: rekayasa pintar tidak sebaliknya.

Mode parkir

Harap dicatat bahwa semua kontrol eksternal juga ada di layar sentuh.

Tampaknya Model 3 memiliki kontrol khusus untuk situasi apa pun. Misalnya, saat parkir, layar hanya menampilkan elemen yang diperlukan untuk memarkir mobil. Pendekatan ini mungkin tampak jelas, tetapi sangat nyaman.

Pengaturan cepat

Tombol-tombol di setir masih menjadi misteri bagi saya: Saya tidak tahu untuk apa itu.

Di mobil ini, Anda dapat menyesuaikan hampir semua yang Anda inginkan. Selain itu, ada pendapat bahwa itu juga akan memberikan kemampuan untuk mengkonfigurasi pintasan: item yang digunakan terutama sering akan selalu ditampilkan di layar kontrol. Namun, sayangnya, belum ada informasi yang dapat diandalkan untuk mengkonfirmasi teori ini.

Memutar musik

Ngomong-ngomong, dari kursi penumpang depan Anda dapat mencapai kontrol (pingsan / perluas) pemutar musik ...


Seperti yang saya pahami, seluruh album akan ditampilkan di layar, bukan lagu secara terpisah. Juga belum diketahui apakah Model 3 menyediakan kemampuan untuk mengendalikan melalui perintah verbal.

Kesimpulan

Saya baru-baru ini meninjau presentasi iPhone asli oleh Steve Jobs dan dikejutkan oleh kesamaan yang tampak dari iPhone dengan Model 3.

Keduanya tidak memiliki tombol.

Dan inilah yang terjadi pada saya:



Kemudian, Jobs membuat presentasi kepada hadirin bahwa untuk industri perangkat pintar, kehadiran tombol fisik adalah peninggalan masa lalu. Dan apa yang kita lihat: jika ada orang yang berpikir untuk memperkenalkan perangkat baru dengan keyboard penuh tombol, itu hanya akan ditertawakan.

Lalu mengapa kita tidak menggambar paralel yang sesuai dengan industri mobil? Mengapa kita (atau saya pribadi), melihat di depan kita satu layar sentuh daripada panel kontrol yang biasa, bahkan tidak ingin membayangkan bahwa ini akan menjadi pendekatan yang diterima secara umum. Bukankah Apple melakukan hal serupa dengan meninggalkan keyboard standar?
Anda dapat berdebat, kata mereka: itu telepon, dan ini mobil - ruang lingkupnya sangat berbeda.

Namun, perangkat lunak apa pun, termasuk perangkat lunak untuk mengemudi, dapat diperbarui, ditingkatkan. Sedangkan untuk tombol fisik, hampir tidak mungkin untuk memikirkan perubahan yang efektif: mengganti satu tombol dengan yang lain atau memperbarui penampilannya sepertinya bukan sesuatu yang berguna. Jadi mungkin saja mengganti tombol dan kontrol mobil fisik lainnya dengan layar kendali penuh bukanlah ide yang gila.

Asli Diposting oleh Tom Johnson .

- Layanan promosi reddit # 1.