📎 🧚🏼 👩🏼‍🤝‍👩🏻 Apa yang salah dengan skema mobil kereta api 👩🏾‍🍳 🙋🏾 👰🏾

Suatu hari, seorang wanita memanggil tim pendukung kami dan secara tidak sengaja memisahkan keluarga, memilih tempat di gerbong. Dia ingin membeli seluruh kompartemen, dan mengambil 15, 16, 17 dan 18 kursi, mengingat mereka satu kelompok. Bahkan sebelum itu, kami menduga bahwa tidak nyaman bagi semua orang untuk membaca sirkuit, tetapi pada saat itu kami memahami ini dengan sangat jelas.

Skema lama:

Baru setelah penelitian:

Skema memilih kursi di dalam mobil adalah bagian dari proses pemesanan tiket untuk kereta api. Beberapa orang tidak nyaman membacanya dan mereka membuat kesalahan. Ditambah lagi, dalam beberapa tahun terakhir, sebelum karantina, orang-orang dari tempat-tempat terpencil, jauh dari IT, mulai melakukan perjalanan aktif, dan itu sangat sulit bagi mereka. Sebagai contoh, pada diagram pertama di atas, beberapa orang dapat dengan benar dan percaya diri menentukan rak atas dan bawah tanpa petunjuk tambahan.

Kami melakukan studi skala besar tentang penggunaan skema ini. Kami mengumpulkan dan menguji beberapa opsi untuk bagaimana memperbaikinya. Dibuat berdasarkan versi terbaik dari kit UI, yang sekarang ditata secara gratis .

Dan sekarang saya akan memberi tahu Anda tentang apa yang umumnya salah ketika memilih tempat duduk di mobil yang berbeda.

Kelemahan skema lama

Berjalan sedikit di depan, studi pertama menunjukkan apa yang dibutuhkan:

Lebih jelas menunjukkan rak atas dan bawah, ini tidak jelas bagi semua orang
Lebih mudah untuk membagi kompartemen dengan menggabungkan kursi dalam kelompok sehingga orang tidak salah ketika membeli tiket di kompartemen yang berbeda.
Sorot bukaan jendela, buat lokasi mereka lebih jelas, karena orang-orang bingung dengan dindingnya
Tunjukkan informasi lebih jelas tentang arah gerakan kereta, banyak dudukan
Dalam gerobak duduk, lebih jelas untuk menunjukkan penyebaran kursi relatif terhadap orang lain - lagi, agar tidak terpisah
Berusaha keras bukan untuk realisme dalam perincian diagram gerobak, tetapi untuk penyederhanaan

Ada orang yang benar-benar ingin duduk dekat jendela, tetapi tidak tahu bagaimana cara kerjanya:

“Ada nuansa di Peregrine Falcon, - Anda bisa mendapatkan di antara jendela, jadi saya melihat dengan hati-hati,“ di mana jendela. Itu tidak terlihat di sini: apakah strip jendela atau dinding? "

Ada orang-orang yang hanya bisa tidur dalam arah gerakan kereta tertentu. Ada orang-orang yang terguncang ke arah melawan gerakan di tempat duduk:

"Tempat-tempat yang ada di arah dan berlawanan, - kamu harus melihat di mana ia diarahkan, mungkin warna punggung."

Pendekatan pertama untuk mendesain ulang skema, "keriting"

Awalnya kami mengandalkan intuisi. Kami tahu bahwa penumpang memiliki kesulitan, tetapi tidak tahu apakah ini merupakan kasus atau pola yang terisolasi. Kami mencoba membuat skema lebih realistis: dengan bantuan rak dan bayangan pseudo-volume, kami menunjukkan berjenjang di kursi yang dipesan dan mobil kompartemen. Kursi berlengan di mobil duduk mirip kursi berlengan di bioskop.

Itu:

Itu menjadi:

Cantik? Iya. Bekerja? Tidak.

Menunjukkan skema kepada penumpang

Kemudian mereka melakukan serangkaian besar wawancara, yang menunjukkan orang memperbarui skema mobil. Dan kami menemukan yang berikut ini.

1. Orang-orang tidak mengerti di mana rak paling atas dan bawah ada

sebanyak yang kita inginkan, tidak semua pemikiran spasial bekerja dengan baik. Untuk menunjukkan rak atas dan bawah, petunjuk yang lebih eksplisit diperlukan. Pengguna berpengalaman tahu skema genap, tetapi ini tidak cukup.

"Penting untuk dapat melihat volume ini, untuk memahami rak mana yang ada - dalam 3D dan bagus untuk mengawasi itu - tidak semua orang akan bisa melihatnya."

2. Menggabungkan tempat secara mental dari kompartemen tetangga

Secara visual, tempat ini lebih dekat, sehingga teori kedekatan berfungsi. Bahkan dinding yang lebih kontras antara coupe tidak membantu, kami memeriksanya.

"Aku bahkan tidak menyadari bahwa ini adalah kompartemen yang berbeda - wow! Sekarang, saya sekarang akan membagi keluarga. "

3. Jendela dan dinding yang membingungkan.

Penting untuk menyorot bukaan jendela, membuat lokasinya lebih jelas. Ada orang yang benar-benar ingin duduk dekat jendela, tetapi tidak tahu bagaimana cara kerjanya.

4. Mencari arah gerakan

Ada orang yang hanya bisa tidur dengan arah gerakan tertentu dari kereta. Ada orang-orang yang terguncang ke arah melawan gerakan di berpindah-pindah. Tidak di semua kereta, kita bisa menunjukkan arah gerakan, tetapi di mobil duduk ini paling sering terjadi.

"Pergerakan kereta perlu lebih cerah, kalau tidak kamu bisa melewatinya, karena banyak semuanya dijejalkan dan tidak terlihat."

5. Berorientasi di sepanjang bagian belakang kursi

Dalam kereta duduk, penting bagi orang untuk mengubah kursi relatif terhadap orang lain. Sama seperti dalam kasus coupe - agar tidak terpisah. Sekarang pencarian sandaran membutuhkan usaha ekstra.

6. Mereka menginginkan bukan realisme, tetapi kesederhanaan.Rincian

tinggi dan realisme menimbulkan banyak pertanyaan - setiap orang menginterpretasikan apa yang dilihatnya dengan caranya sendiri. Dan sebaliknya, menghapus semua yang tidak perlu, kami mengurangi jumlah perbedaan. Sandaran tangan adalah dekorasi tambahan. Pada gambar di atas, sandaran lengan hanya menciptakan kebisingan visual dan membuatnya sulit untuk memahami di mana kursi terlihat.

Bekerja pada bug

Skema dulu sulit dibuat dan diukur. Tidak ada cukup konstruktor. Saya harus naik ke Illustrator, menandai area di bawah kursi di dalam mobil dan secara manual mengganti nama setiap tempat. Latar belakang diagram digambar secara terpisah di Photoshop, dan kemudian diimpor ke Illustrator dalam raster.

Kami menghapus semua kelebihan perada dan menggambar kit UI pada Gambar, sepenuhnya beralih ke format vektor. Sekarang semua diagram gerobak di Tutu.ru dirangkai dari komponen-komponen ini:

Ikon dan font dalam kit UI terbuka mungkin berbeda dari yang dilisensikan untuk perusahaan .Tim ini

memiliki panduan terperinci untuk merakit diagram. Sekarang skema mobil dapat dirakit tidak hanya oleh desainer. Tugas perancang adalah membuat tinjauan setelah sirkuit dipasang.

Pada diagram gerobak, kami hanya menampilkan informasi yang memengaruhi keputusannya untuk membeli. Jika ini adalah kereta dengan gerobak duduk seperti Swallows, maka penting untuk menunjukkan lokasi jendela, meja dan sandaran kursi.

Dalam Swallows kereta kami tunjukkan: kursi untuk penumpang dengan hewan, kursi termurah, sesama pelancong, arah perjalanan dan foto dari sudut tertentu dari kereta

Semua orang tahu bahwa dalam kereta kompartemen ada jendela dan meja secara default, oleh karena itu lebih penting untuk menunjukkan pengelompokan kursi

Grid

Element ukuran dan lekukan pada diagram didasarkan pada kisi 4-pixel. Kami menggandakan ukuran minimum jejak dalam diagram sehingga orang kehilangan lebih sedikit saat memesan dari telepon.

Ada pengecualian di mana Anda perlu menambah atau mengurangi ukuran elemen secara visual dengan stroke. Misalnya, ukuran coupe 78 x 78 bukan kelipatan 4 piksel. Dalam hal ini, indentasi yang jelas dari kursi ke dinding kompartemen adalah 4.

Dimensi koridor dan lintasan di mobil biasanya sama dengan satu atau dua modul kursi.

Ikon

Ikon ditulis dalam wadah 24-piksel. Terkadang berguna untuk mengurangi ikon hingga 18 piksel. Misalnya, ketika Anda perlu menentukan tempat untuk penumpang dengan hewan atau orang cacat. Atau tunjukkan pada sesama pelancong di tempat yang sibuk.

Kami mencoba menggabungkan zona yang sama menjadi satu ikon, tanpa menunjukkan area di mobil yang mereka tempati. Misalnya, jika kereta memiliki toilet ganda atau dua rak bagasi yang berdekatan, kami menunjukkan satu ikon di tempatnya. Sudah cukup bagi pembeli untuk memiliki gambaran umum tentang apa yang ada di belakangnya dan berapa lama pergi ke toilet.

Dimensi mobil

Di dalam satu kelas, kami berusaha membuat skema berukuran sama untuk mobil. Selain itu, lebar dan tinggi skema pada tahap pertama menggambar skema tidak terbatas dan tergantung pada jumlah komponen dalam skema. Berguna untuk mulai menggambar diagram kereta tertentu dengan kereta dengan kursi terbanyak.

Menggunakan Swallows Premium sebagai contoh, pertama-tama kami mengumpulkan skema mobil No. 2.

Dan kemudian untuk mobil No. 3 kami menghapus tempat-tempat yang tidak perlu di bawah zona toilet, pendingin, rak bagasi, sambil mempertahankan kotak asli dan lokasi jendela.

Meningkatkan kecepatan pembuatan sirkuit.

Desainer sirkuit perlu memberi nama setiap kursi sesuai dengan templat dari bentuk "seat-21". Kadang-kadang tempat-tempat seperti itu di mobil mungkin lebih dari seratus. Gambar tersebut memiliki alat yang baik untuk mengubah nama lapisan secara massal. Itu mengingat urutan duplikasi layer dan menamainya menurut templat "seat- $ N".

Kami membagikan satu set komponen secara gratis

Anda dapat mengunduh satu set komponen untuk diagram gerobak Anda dan menggunakannya di bawah lisensi Creative Commons BY.

Paket UI diagram wagon pada Gambar →

Untuk menggunakan, buat duplikat file, dan itu akan muncul di proyek Anda.

Jika Anda belum pernah bekerja di Fig, cobalah - Anda mungkin menyukainya. Ini adalah alat web berguna yang digunakan oleh desainer di seluruh dunia. “ Guide to Figma ” Sasha Okuneva membantu orang-orang dari tim kami untuk mengenal instrumen lebih cepat .

Skema baru dapat dilihat di situs web kami. Sebagai contoh, ini adalah kereta api dari Moskow ke St. Petersburg - kami telah menggulung skema baru untuk Sapsans dan Swallows. Kami belum mencapai kursi yang dipesan, coupe, dan SV, kami sedang mengusahakannya.

Yah, tentu saja, skema dapat digunakan di mana saja: jika operator, Kereta Api Rusia atau orang lain ingin menerapkan atau memodifikasinya untuk membangun sendiri berdasarkan mereka, kita semua untuk itu.