Merancang Platform Permainan Awan di Android TV - Kajian Kes Reka Bentuk UI / UX

Ia adalah hari Isnin biasa sehingga pelanggan datang dengan projek baru yang akan direka pada Android TV. Kami mempunyai pengalaman yang luas untuk merekabentuk pelbagai susun atur UI untuk Web, Mobile, Tablet dan juga Sistem POS tetapi ini adalah kali pertama kita perlu merancang sesuatu untuk Smart Television. Kami ingin meneka sesuatu yang baru dan mengambil tawaran.

"Sentiasa Masa Pertama"

Terdapat kegembiraan di antara kita untuk mencipta sesuatu seperti ini untuk kali pertama. Kami telah menyediakan alat kami, pada masa yang sama kami juga mula mengumpul inspirasi dan data yang diperlukan untuk merekabentuk Aplikasi Android Android pertama kami.

Mengenai Projek

Pelanggan memberitahu kami keperluan; aplikasinya adalah mengenai Platform Permainan Awan. Sesuatu yang kedengaran sangat keren dan membuatkan kita sangat teruja untuk bekerja. Kami menjalankan penyelidikan mengenai pengguna dan ciri-ciri dalam Aplikasi dan bagaimana kami boleh mewakilinya dalam Android TV. Perkara yang paling penting untuk dipertimbangkan ialah susunatur Android TV adalah cara yang berbeza daripada susunatur web dan mudah alih biasa.

Garis Panduan Bahan Google membantu kami memulakan reka bentuk.

Navigasi TV Android

Layout TV Android dan Jauh

Perkara pertama yang perlu dilakukan ialah memahami peranti di mana pengguna akan menggunakan aplikasi itu. Kami faham bahawa pengguna mempunyai peranti input yang berbeza untuk digunakan. Tetapi dalam kes ini, pengguna akan sama ada menggunakan Android Remote atau GamePad untuk mengemudi. Navigasi adalah perkara yang kami ambil dengan serius kerana kami mahu pengguna menavigasi langkah-langkah minimum dan tidak perlu merasa kompleks untuk menggunakan antara muka.

Kredit Imej Google Design

Kami mengikuti tata letak bahan standard kerana kelihatannya biasa kepada pengguna dan lebih mudah untuk Navigasi. Kami mencipta bahagian dengan tatal mendatar (paksi X) dan pengguna boleh menukar bahagian dengan skrol menegak (paksi-Y). Laci disimpan sekiranya pengguna memilih untuk menukar tetapan, meneroka kategori dan fungsi sekunder yang lain.

Struktur Reka Bentuk Artboard untuk Android TV

Penyelidikan

Kami meneliti platform permainan semasa seperti Vortex dan juga mengambil rujukan dari konsol permainan seperti Xbox dan Play Station. Susun atur tersebut membantu kami untuk memahami antara muka permainan dan bagaimana data telah dibentangkan dalam Televisyen. Kami juga mempunyai pandangan ringkas mengenai antara muka popular di Android TV seperti Netflix dan Youtube untuk corak susun atur yang berbeza dan rujukan kebolehgunaan.

Kredit Imej Windows Central

Semua aplikasi rujukan yang kita lihat mempunyai spanduk sebagai tumpuan utama dan direka seperti pengguna dengan mudah boleh menavigasi melalui pad navigasi 4 arah. Kami membuat kesimpulan untuk menyimpan fon sebanyak mungkin untuk memberi pengguna pengalaman sinematik yang biasa dan intuitif. Selain itu, saiz fon harus kelihatan dan besar kerana pengguna duduk 5-10 kaki dari televisyen.

Pemilihan Warna

Warna

Kami sentiasa menyukai ruang putih dan melihat sedikit pada aplikasi tetapi dalam kes ini, putih bukan warna yang pengguna ingin lihat dalam skrin besar. Jadi kami memutuskan untuk pergi dengan warna-warna Gelap dan Matt yang akan kurang dikenali oleh pengguna. Juga, latar belakang gelap menyerlahkan sepanduk permainan dan memberikannya gambaran intuitif.

Memandangkan permohonan itu adalah untuk perjudian, kami berhasrat untuk mengekalkan vektor poligon di latar belakang untuk memberi pengguna pengalaman paralaks. Warna-warna gelap telah membantu pengguna memfokuskan pada kandungan aplikasi.

Penyelidikan Pengguna

Kami menjalankan penyelidikan pengguna dan mengelaskan 2 kategori untuk pengguna.

Klasifikasi Pengguna

John suka meneroka permainan baru manakala Smith mahu meneruskan permainan yang sama untuk masa yang lama. Jadi dengan keputusan ini, kami datang dengan ciri-ciri seperti Cadangan untuk John dan permainan Yang Baru Dimainkan untuk Smith. Selain itu, susun atur disimpan dengan mudah supaya kedua-duanya dapat menavigasi dengan mudah dan bermain permainan tanpa sebarang usaha.

Tata Letak Kad

Tata Letak Kad adalah sempurna untuk memberikan pengalaman sinematik kepada pengguna. Kad yang dipilih akan diserlahkan dan dinaikkan mengikut reka bentuk bahan. Kami mengekalkan Infinite Scrolling di bahagian atas yang mengandungi hanya sepanduk permainan tanpa sebarang maklumat teks. Juga di bawah itu, kami menyimpan Permainan Baru Dimain dengan susun atur material dan tatal mendatar.

Reka Kad

Adalah penting untuk memberi pengguna pengalaman sinematik yang sama seperti aplikasi seperti Netflix, Youtube, dan aplikasi lain yang disediakan. Selain itu, kami bermaksud pengguna mempunyai navigasi lancar melalui skrin dan bahagian.

Keputusan Akhir

Akhirnya, musim sejuk datang dan ia adalah masa untuk tindakan itu. Kami menganalisis semua aspek dan cuba mewakilinya secara visual. Pemetaan minda dan wireframing telah selesai dan Antara Muka Pengguna mempunyai gilirannya. Kami mempunyai semua perkara yang kami perlukan dan ia perlu dilaksanakan.

Struktur Aplikasi

Kami mempunyai hasil untuk reka bentuk ia mempunyai rasa permainan bersama dengan spanduk berwarna-warni. Kami mengemukakan antara muka yang mempunyai maklum balas positif. Kami juga mengujinya di Android TV dan ia mempunyai hasil yang kami harapkan.

UI akhir

Journey adalah petualang dan mempunyai banyak pelajaran untuk belajar. Android TV adalah sesuatu yang kami ingin reka bentuk lagi. Reka bentuk ini mengajar kita kepelbagaian dalam peranti dan pengalaman yang berbeza untuk menggunakannya.

Terima kasih kerana membaca!