Bagaimana desain Yandex.Avto dibuat

Secara historis, tidak banyak perhatian telah diberikan pada antarmuka sistem media internal kendaraan. Lineup sedang diperbarui, tetapi awal 2000-an masih terasa di papan. Dalam beberapa tahun terakhir, banyak teknologi telah berkembang di dunia otomotif. Ada berton-ton data, kemampuan perangkat lunak diperluas, dan secara umum ada mobil dengan listrik dan drone pertama melaju. Tetapi antarmuka unit kepala dalam massa tetap pada tingkat yang sama.

Kurangnya inovasi dalam embedded multimedia dalam beberapa tahun terakhir telah menghasilkan penawaran dari raksasa media global, dan Yandex tidak terkecuali.

Gagasan untuk melakukan sesuatu untuk industri mobil tidak muncul begitu saja. Tidak mungkin untuk menjauh ketika perusahaan memiliki Peta, Navigator, Musik, Cuaca, Pencarian, teknologi suara dan banyak lagi; jika Anda menggabungkan semua ini, sesuatu yang bermanfaat dapat lahir.

Cari produk masa depan

Apa yang dibutuhkan di belakang kemudi? Berapa banyak orang - begitu banyak pendapat, tetapi biasanya setiap orang membutuhkan layanan navigasi, musik, dan rekomendasi. Hal pertama yang mereka lakukan adalah menulis skenario mengakses sistem di belakang kemudi: diwawancarai kolega dan kenalan, mengumpulkan permintaan fitur dari pengguna produk dan pengalaman pribadi tim. Kemudian kami mensistematisasikan kumpulan skenario yang sangat besar - dan kami mendapat tabel skenario pengetahuan tentang produk tersebut.




Dalam setiap skenario, layanan yang terlibat dan jenis manajemennya diindikasikan.

Perlu dicatat bahwa semua driver tidak dapat dipotong di bawah satu sisir. Satu baru saja di belakang kemudi, dan yang kedua menganggap dirinya ahli dalam mengemudi. Tuntutan mereka saat mengemudi sangat berbeda. Semua skenario dapat dibagi menjadi beberapa kelompok tergantung pada pengalaman berkendara:

• Pemula (hingga 1 tahun), karena sedikit pengalaman, cukup dibatasi dalam permintaan antarmuka dan umumnya dalam kebebasan bertindak. Dia mengikuti erat setir dan jalan, jadi lebih baik tidak mengganggunya.
• Seorang yang berpengalaman (dari 1 hingga 5 tahun) telah menguasai, cakrawala minatnya lebih luas, tetapi ini juga jebakan. Membiarkannya semuanya berbahaya: pengemudi akan terganggu dari jalan.
• Seorang profesional (dari 5 tahun) telah mengunjungi semua masalah dan mengetahui harga kesalahan. Sulit untuk mengejutkan, sulit untuk diguncang, dan selama bertahun-tahun ia mengembangkan kebiasaan antarmuka.

Apa itu sistem navigasi dan hiburan? Untuk orang yang mengemudi, ini sebenarnya adalah entitas sekunder, yang mengganggu perjalanan.


Tempatkan Y. antarmuka Avto dalam mengemudi

Hampir semua bagian tubuh secara bersamaan terlibat dalam mengendarai mobil: kaki, mata, telinga, tangan ...

Semakin banyak pengalaman, semakin tenang Anda bertindak, semakin baik Anda memahami aliran informasi dan semakin berani membuat permintaan Anda.

Bagaimana membedakan seorang pemula dari seorang profesional? Dalam hal ini, seiring waktu, pengalaman pengemudi yang menggunakan antarmuka akan membantu kami. Setelah mempelajari tindakan dan skenario yang sering dilakukan, Anda dapat mengevaluasi seseorang dan beradaptasi dengannya. Agar tidak bingung saat mendesain, pertama-tama kami memilih cara sederhana: kami dipandu oleh skrip pemula.

Jika Anda menganalisis permintaan dasar, kerangka produk dapat dibangun dari tiga komponen:

1. Navigasi
2. Iringan musik.
3. Layanan pendukung dan konsultasi.

Memang, mobil pertama-tama membawa Anda dari titik A ke titik B. Apakah Anda tahu jalan atau membutuhkan rute - Anda mengemudi, dan pada saat yang sama ada arus besar informasi dinamis: manuver, tanda, peringatan, rekomendasi, data lalu lintas ...


Aliran data dinamis selama rute

Sangat bising saat mengemudi. Gemuruh mobil lain, operasi mesin, gesekan roda di aspal, jendela terbuka - semuanya menyatu menjadi aliran monoton, yang kadang-kadang menekan dan bahkan meninabobokan. Karena itu, di atas mobil sejak penampilan radio ada musik. Sekarang pilihan musiknya cukup besar - jadi sulit untuk menyenangkan semua selera indah. Karena itu, berbicara tentang musik, kita meletakkan konsep seperangkat entitas yang mereproduksinya. Radio FM, musik dari browser, AUX, Bluetooth, flash drive, Yandex.Music dan sumber lainnya, semuanya bersama-sama - prosesor musik besar yang perlu Anda pertimbangkan.

Jika hampir semua orang membutuhkan navigasi dan musik, sisa layanan yang ada di kapal dapat bervariasi tergantung orangnya. Seseorang suka melihat statistik mobil dan menarik kesimpulan, seseorang tidak bisa hidup tanpa navigator, atau suka menjalankan video dari Internet di browser. Ini adalah preferensi individu, oleh karena itu mereka memiliki prioritas yang lebih rendah, karena mereka tidak diperlukan untuk perjalanan.

Jika Anda menganalisis perjalanan ke komponennya, jalur dari titik A ke titik B dalam skenario arsitektur antarmuka akan terlihat seperti ini:


Jalur Antarmuka Pengemudi

Konsep kelahiran

Kami mengumpulkan peluang masa depan dan mempelajari ergonomi menggunakan antarmuka - dan gambar produk menjadi lebih jelas. Satu pemikiran tidak meninggalkan kepalaku: pengemudi memiliki terlalu sedikit waktu untuk terganggu oleh sistem. Dia harus memegang setir dengan tangan kiri, dan meraih layar dengan jari kanannya. Membuatnya hanya memilih aplikasi yang tepat dan kemudian beralih di antara mereka tidak lagi begitu sederhana. Dan jika dia ingin secara bersamaan mengikuti rute dan mengubah musik? Dan jika, sebaliknya, dia tahu jalannya, tetapi dia membutuhkan peringatan tentang kamera dan manuver, tetapi pada saat yang sama dia adalah seorang pencinta musik dan apakah dia bosan mendengarkan radio FM? Ada banyak skenario, dan masing-masingnya adalah murni pribadi.

Maka hipotesis menggabungkan layanan lahir. Dan jika kita mengambil dari aplikasi hanya apa yang dibutuhkan seseorang sekarang dan menampilkan informasi ini dalam widget dengan fokus berbeda? Jika informasinya terlihat sama, sulit untuk fokus hanya pada satu hal. Sesuatu dari kelimpahan entitas akan selalu dibutuhkan saat ini. Karenanya dua format widget yang dimasukkan ke dalam pita dan membalik secara vertikal dalam lingkaran.


Prinsip menggabungkan dua pita widget

• Widget besar sebagian menduplikasi fungsi aplikasi dan memungkinkan Anda untuk tidak masuk ke dalamnya sama sekali.
• Widget konteks kecil dengan fungsionalitas yang disederhanakan dan hanya informasi terpenting dari aplikasi.

Menggabungkan data layanan utama di layar, kami mendapatkan alat yang fleksibel yang dapat mengatur driver yang berbeda.

Lebih banyak lebih. Jika Anda mempelajari tindakan pengguna yang sering dilakukan dan mengumpulkan cerita, Anda dapat menyesuaikan widget untuk masing-masingnya. Apakah itu kombinasi berulang widget atau konten yang menarik minat Anda, semuanya tergantung pada orang dan situasi di jalan. Pada saat yang sama, jika Anda tidak ingin menggabungkan layanan, Anda selalu dapat masuk ke mode layar penuh widget atau aplikasi.

Desain Antarmuka

Memutuskan sensasi dan mulai bekerja sama dengan antarmuka. Penting untuk memutuskan apa dan kapan harus ditampilkan. Kisi, aksen, informasi dosis, mekanika, batasan - semuanya berjalan paralel. Untuk desain seperti itu, batasan penting jelas ditetapkan selama pengembangan:

• Area minimum untuk menekan layar (dengan jari terulur). Ini memengaruhi ukuran teks minimum, ukuran tombol penting, area klik yang meningkat, dan udara di sekitar elemen antarmuka dan teks yang dapat diklik.
• Ketergantungan pada online dan offline memperjelas bahwa Anda perlu menunjukkan dan berkomunikasi pada saat seperti itu kepada pengguna agar tidak menyesatkannya.
• Mobil bergerak atau tidak - ini tergantung pada apakah akan membatasi penggunaan antarmuka. Ternyata sejauh ini semuanya relatif - baik dalam politik masalah mobil maupun dalam sikap kita terhadap pengemudi. Di satu sisi, itu dapat dibatasi selama gerakan, tetapi seberapa moralkah itu benar? Di sisi lain, penumpang yang bosan juga dapat duduk di dalam mobil ... Waktu dan penelitian akan memberi tahu Anda pendekatan yang tepat.

Sketsa prototipe cepat dari status sistem

Salah satu tugas terpenting adalah menangani navigasi rute. Navigator sudah tahu atau akhirnya mengumpulkan cerita. Anda dapat mengingat lokasi pengguna yang sering dan menarik kesimpulan di mana dia berada. Misalnya, muncul ide untuk mengumpulkan ringkasan terperinci tentang di mana Anda berada dan di mana Anda (mungkin) berencana untuk pergi. Jika hari Senin pagi dan Anda di rumah, sepertinya sudah waktunya untuk bekerja. Dan jika Anda berada di Elatma pada hari libur - ini adalah kisah yang sama sekali berbeda ...

Pada saat yang sama, ada baiknya membedakan antara skenario ketika Anda sudah mengemudi di sepanjang rute asing dan ketika rute tidak diperlukan. Dalam satu kasus, penting untuk melihat peta dengan jalan, di lain, hanya pemberitahuan tentang apa yang ada di depan sudah cukup.


Pendekatan pada widget Navigator

Multivarian esensi musik membagi segalanya menjadi dua pola. Satu untuk radio FM dengan iterasi evolusi skala radio, yang kedua dengan sampul yang indah yang dapat ditampilkan tidak hanya untuk Yandex.Music, tetapi juga untuk lagu-lagu dari flash drive atau ponsel yang terhubung dengan Bluetooth. Nama artis dan lagu yang tepat sudah cukup untuk meninggalkan permintaan online untuk mencari sampulnya.


Mencari aplikasi radio FM

Dari konsep hingga peluncuran

Pra-konsep mendefinisikan seperangkat aplikasi dasar di kapal. Dari awal, perlu untuk mengembangkan radio FM, panggilan, pengaturan dan sistem pembaruan aplikasi.

Dari Yandex, Navigator, Radio, Weather, Browser dan voice assistant diambil. Dengan orang-orang ini, perlu untuk mengadaptasi versi Android seluler dengan ukuran layar head unit (1024 × 600 px), dengan mempertimbangkan aturan mengenai keterbacaan dan keterbacaan elemen.


Komposisi sistem awal

Perlu dicatat bahwa aplikasi seluler dirancang untuk berfungsi pada telepon, dan Anda memegangnya di jarak yang sedikit dari mata. Di dalam mobil, layar dua sampai tiga kali lebih jauh. Semuanya seharusnya menjadi lebih besar. Di dunia yang ideal, layak mengembangkan aplikasi dari awal, dengan mempertimbangkan ergonomi dan skenario pengemudi. Tetapi untuk meluncurkan produk adalah tugas yang mustahil. Pemrosesan seperti itu dibiarkan untuk pengembangan sistem.

Skenario

Selanjutnya, kami bekerja dengan tata letak, dengan fokus pada skenario dasar. Mari kita bayangkan gambaran dunia yang ideal: ada koneksi, pengguna kita dengan sejarah. Selasa pagi, waktunya berangkat kerja. Mesin hidup dan sistem tahu:

• Tempat perjalanan (orang pergi bekerja pada hari kerja, dan di sekitar kota pada akhir pekan).
• Musik terbaru.
• Poin yang dipilih di navigator.
• Data penalti dan tagihan parkir.

Pengemudi akan bekerja untuk kesekian kalinya dan, kemungkinan besar, tahu jalan tanpa navigator. Jadi, cukup baginya untuk hanya melihat batas kecepatan, kamera di jalan, kemacetan lalu lintas dan manuver agar tidak ketinggalan tikungan. Di perjalanan, Anda mungkin perlu menerima panggilan, berganti musik, dan di sela-sela melihat ramalan cuaca untuk malam hari. Dekat kerja akan perlu untuk parkir.

Kami berpura-pura menjadi prototipe paling sederhana yang akan mencerminkan tindakan dasar:



Satu skenario saja tidak cukup. Penting untuk memeriksa pengguna yang hanya membutuhkan navigator, dan bahkan layar penuh, serta mereka yang suka menonton film dalam kemacetan lalu lintas, dan mereka yang hanya membutuhkan musik. Penting seperti apa tampilan layar awal sebelum mulai bergerak dan apa yang digabungkan di layar.

Setelah bepergian bersama tim dengan prototipe pertama di mobil, kami memastikan bahwa minimum di jalan adalah navigator (di zona utama) dan pemutar musik dengan kemampuan untuk memilih sumber (di sebelah kanan). Yang lainnya adalah individu.

Asisten suara

Waktunya telah tiba untuk meletakkan kemampuan untuk mengendalikan suara. Suara di dalam mobil adalah elemen kontrol antarmuka yang menjanjikan, sementara tangan ditempati oleh setir. "Ayo pergi ke luar ..." atau "Nyalakan radio ..." - semua ini harus bekerja tanpa melepaskan tanganmu dari kemudi dan mata dari jalan. Penting agar pengemudi memperhatikan dengan penglihatan tepi dan memahami dari bunyi bip bahwa asisten suara diaktifkan dan Anda dapat bertanya.


Contoh game dengan Alice di kota

Kami merumuskan prinsip kerja lain: jangan menggandakan jawaban asisten dengan teks, karena mengalihkan perhatian dari jalan. Masuk akal untuk hanya menampilkan perintah driver sehingga Anda dapat memeriksa apakah mereka dikenali dengan benar.

Mode siang

Jika Anda melihat panel mobil, maka mode malam terlihat lebih akrab, karena torpedo biasanya hitam atau gelap. Tapi layar hitam di sore hari mulai memantulkan cahaya dan menjadi buram, tidak nyaman untuk membaca teks di atasnya. Layar mengkilap atau dispersi film buram, kecerahan awal yang lemah, dan kontras layar - semuanya membuat mode malam tidak dapat digunakan.

Mode tata letak malam awalnya dikembangkan dalam tiga warna (hitam, putih dan aksen) dengan berbagai tingkat transparansi. Pergantian siang dan malam seharusnya terjadi tanpa kebingungan yang tidak perlu. Kami dilampirkan ke mekanik yang siap pakai dari substrat peta di navigator dan mendapatkan ketergantungan otomatis tema antarmuka saat fajar dan matahari terbenam.


Gaya teks untuk tema antarmuka siang dan malam

Komunikasi di papan

Antarmuka sepenuhnya tergantung pada data Internet dari server dan sinyal GPS, jadi kami harus mencari tahu status widget di layar utama. Mesin tidak selalu bersentuhan, koneksi terkadang lambat - dan kondisi antarmuka mungkin berbeda.


Ketergantungan widget pada status jaringan

Dengan peluncuran serial pertama dengan Toyota pada bulan September 2017, antarmuka, yang terus-menerus disesuaikan sesuai dengan tata letak langsung, tampak sudah lebih disempurnakan. Memperkenalkan sistem pembaruan paling sederhana untuk rilis mendatang.


Video untuk peluncuran Yandex.Auto

Pengembangan proyek

Setelah peluncuran, cakrawala pengembangan baru terbuka. Menjadi jelas ke mana harus pergi berikutnya, dan bagian depan pekerjaan menjadi lebih tanpa batas. Dengan dimulainya produksi serial dan penjualan mobil, ulasan pertama muncul. Metrik perlahan mulai melukiskan gambaran tentang apa yang terjadi. Selanjutnya dalam program pengembangan berikutnya adalah peluncuran di J. Drive, merek mobil baru, dukungan untuk apa, dan daftar besar Daftar Keinginan bahan makanan.

Kustomisasi

Dalam bekerja dengan merek mobil, perlu untuk mempertimbangkan penyesuaian akun untuk produsen. Saat membeli mobil, kami berharap setiap detail akan mencerminkan merek. Dasbor, sebagai aturan, mencoba mempertahankan karisma mobil dengan font, panah, perangkat. Jelas bahwa membuat antarmuka untuk setiap merek bermasalah, tetapi menemukan elemen yang dapat mendukung karakter umum panel cukup realistis. Warna aksen, tajuk font, ikon, ilustrasi ...


Contoh penyesuaian yang diusulkan untuk Renault

Dimulai dengan Yandex.Drive

Orang menggunakan mobil berbagi mobil yang sangat berbeda dari mobil pribadi. Pada dasarnya, Anda perlu cepat duduk dan beralih dari A ke B, karena setiap menit butuh uang. Menjadi jelas bahwa dalam hal ini tidak perlu untuk memberikan fungsionalitas penuh dari versi aslinya. Pada awalnya, mereka mengurangi set aplikasi dan akses ke pengaturan sistem lengkap. Tugas utama dalam arah ini adalah mengingat yang dipilih dan login, menambah keterampilan Alice, meningkatkan rejimen harian.

Selama lebih dari setahun, versi untuk berbagi mobil telah berubah, pada kenyataannya, menjadi etalase dengan jumlah pengguna yang konstan. Sejumlah besar ulasan dan komisioning unit kepala baru melakukan penyesuaian.

Misalnya, tema harian di mobil yang berbeda melorot secara visual di beberapa tempat karena fitur fisik layar. Akibatnya, rezim harian dibangun kembali. Pertama-tama, kami mencoba meningkatkan konten lemak dan ukuran font, untuk mengabaikan status tembus cahaya mereka.


Pendekatan pertama untuk perubahan gaya

Menurut hasil penelitian UX, pengguna Yandex.Drive memutuskan untuk hidup sebagai eksperimen tanpa keadaan layar utama, di mana bagian tengah sebelumnya merupakan zona widget yang dapat digulir. Sejak diluncurkan, mode layar utama berhasil memainkan perannya, dan sekarang sedang diperbaiki. Semua perubahan yang dijelaskan sudah tersedia di mobil berbagi mobil mulai Mei 2019.

Perangkat sendiri

Seiring waktu, minat pada proyek mulai tumbuh, dan tim mendapat ide untuk membuat produk untuk semua orang. Head unit yang dipilih untuk lebih dari 14 model dan mulai menyesuaikan produk dengan mereka.


Jaminan kualitas untuk layar unit kepala di pabrik Caska di Cina

Dalam iterasi ini, kami menyelesaikan panggilan, pengaturan lanjutan untuk unit kepala, mengadaptasi versi Android lengkap Yandex.Music, meningkatkan sistem pembaruan dan interaksi dengan Alice. Secara lebih rinci tentang apa yang sudah tersedia untuk dijual, ada tertulis di situs web Yandex.Avto.

Penting untuk dicatat bahwa versi ini dapat dianggap sebagai sistem yang lengkap untuk mobil pribadi, yang akan diperbarui dan dikembangkan seiring waktu. Dukungan untuk aplikasi baru atau yang diperbarui saat ini, peningkatan antarmuka - semuanya akan tiba tepat waktu.


Tampilan GU antarmuka saat ini untuk dijual

Masa depan

Berkat pemasangan di mobil, peluncuran berbagi mobil dan perangkatnya, pengguna baru terus ditambahkan ke metrik. Ada banyak ide tentang cara meningkatkan sistem, dan ada banyak perkembangan baru, sehingga rencana tersebut direncanakan untuk tahun-tahun mendatang.

Penting bahwa sekarang di dunia mobil dan sistem media tertanam terbentuk lingkungan kompetitif yang sehat, di mana ada tempat bagi semua orang yang melakukan sesuatu yang menarik.

Setiap minggu, informasi tentang teknologi bermanfaat tertentu muncul, jadi kami harus tetap menggunakannya. .

- t.me/yandexdesign