Desain hal-hal yang familier: cara meningkatkan antarmuka pada contoh YouTube



Dari penerjemah: hari ini kami menawarkan Habré terjemahan artikel oleh desainer antarmuka Kévin Eugène. Dia telah terlibat dalam bidang ini selama bertahun-tahun, jadi dia memiliki sesuatu untuk diceritakan. Contoh YouTube adalah salah satu yang paling terbuka, karena layanan ini sangat dikenal oleh kita semua.

Seperti kalian semua, saya cukup sering menggunakan YouTube. Musik, program sains populer, menonton video untuk relaksasi - semua ini dapat ditemukan di layanan. Yah, karena dia dikenal baik oleh kita semua, saya mencoba menunjukkan dengan jelas cara untuk meningkatkan interaksi seseorang dan platform.

Skillbox merekomendasikan: Kursus dua bulan langsung di UX Design .
Kami mengingatkan Anda: untuk semua pembaca Habr - diskon 10.000 rubel saat mendaftar untuk kursus Skillbox apa pun sesuai dengan kode promosi Habr.

Halaman Depan




Dalam desain baru halaman awal, saya akan fokus pada rekomendasi. Sementara video pertama yang disarankan diputar dengan latar belakang, sisanya dapat diluncurkan hanya dengan mengkliknya dengan mouse. Anda dapat menghentikan atau membisukan video latar belakang, dan jika pengguna menyukainya, tambahkan ke daftar Tonton Nanti atau mulai menontonnya segera. Video dimulai dari saat pratinjau berakhir.

Pengguna dapat dengan cepat membuat daftar putar dengan semua rekomendasi dari halaman tertentu: untuk ini, Anda hanya perlu mengklik tombol di sebelah lempeng "Rekomendasi saya". Ini diperlukan untuk mencapai tingkat interaksi maksimum antara pengguna dan algoritma pembelajaran mesin.

Selain itu, antarmuka baru harus selalu menggunakan nada gelap untuk membuat konten menonjol, dan lebih mudah bagi mata untuk fokus pada video tertentu.

Pemain




Saya memutuskan untuk mengubah panel sehingga sesuai dengan antarmuka baru. Bahkan, semuanya dipenjara baginya.

Suka dan tidak suka tombol




Dalam versi ini, masalah dengan tombol adalah bahwa mereka tidak tersedia dalam mode layar penuh, dan setelah semua, sebagian besar pengguna layanan lebih suka menonton video YouTube dengan cara ini. Bagian terburuknya adalah pada antarmuka saat ini, sangat mudah untuk beralih ke video berikutnya: ia menyala secara otomatis. Dalam konsep baru, tombol berada di atas pemain, sehingga Anda dapat menggunakannya kapan saja.



Di satu sisi, pemutaran otomatis nyaman, tetapi di sisi lain, saya tidak punya waktu untuk suka atau tidak suka. Ini harus dihindari, karena pembuat konten video tidak menerima peringkat yang layak. Ya, sebagai pengguna, saya tidak bisa memberi tahu YouTube tentang preferensi saya, jadi semuanya berakhir dengan penawaran yang tidak terlalu relevan. Kadang-kadang saya mengklik tombol Suka sebelum melihatnya, tetapi juga dapat membingungkan algoritme.

Kolom kanan




Kolom kanan menunjukkan video yang relevan dengan video saat ini. Bagaimanapun, inilah yang dimaksud. Penawaran dibagi menjadi tiga kategori:

Daftar putar saya
Video dalam daftar putar aktif ditampilkan di sini. Ini seperti garis tunggu yang dapat ditemukan di aplikasi musik seperti Spotify atau Apple Music.

Anda dapat menarik dan melepaskan video dari kategori di bawah ini ke Daftar Putar Saya, dengan mudah memesan ulang atau mengaktifkan putar otomatis hanya dengan mengklik tombol yang sesuai. Anda dapat mengedit daftar tanpa masalah dengan bantuan tiga titik putih.

Ketika daftar putar memiliki nama, "Daftar putar saya" diganti dengan itu.

Rekomendasi saya
Bagian ini didasarkan pada kebiasaan pengguna dan tidak secara langsung bergantung pada apa yang dilihatnya saat ini. Saya ingin membuat rekomendasi mudah diakses, dan karenanya dari sini pengguna memiliki kesempatan untuk menonton semua konten dari awal hingga akhir, karena ada tombol putar di sebelah namanya.

Ketika pengguna mengkliknya, video yang disarankan masuk ke Daftar Putar Saya. "Rekomendasi saya" tidak diedit, karena ini adalah hasil dari algoritma, tetapi video dapat diseret dan dimasukkan ke "Daftar putar saya" jika diinginkan.

Lebih mirip dengan video ini
Dalam kategori tersebut, video diperlihatkan bahwa, berdasarkan topik, sesuai dengan video yang sedang ditonton.

Jika Anda melihat bagian serupa di YouTube, Anda akan memahami bahwa tidak ada kategorisasi atau penjelasan yang jelas tentang bagaimana video sampai di sini.



Pengguna pada akhirnya sama sekali tidak mengerti mengapa video ini diperlihatkan kepadanya - karena berasal dari saluran yang sama dengan yang sekarang, atau karena alasan lain. Dalam beberapa kasus, semua rekomendasi ini terlihat seperti pilihan yang sepenuhnya acak. Selain itu, jika video yang Anda tonton terkandung di saluran tempat pengguna berlangganan, maka kolom kanan terutama menunjukkan video dari saluran saat ini, yang tidak memungkinkan Anda untuk melihat lebih banyak rekomendasi pihak ketiga.

Dalam desain baru, tiga kategori ("Daftar putar saya", "Rekomendasi saya" dan "Lebih mirip dengan video ini") saling terkait dan ditampilkan setiap kali video diputar, bahkan jika "Daftar putar saya" kosong. Ada baiknya menjelaskan perbedaan antara kategori secara singkat dan jelas sehingga pengguna memahami tujuan mereka secara tepat ("Berdasarkan kebiasaan Anda", misalnya, atau "Berdasarkan apa yang Anda lihat sekarang").

Dengan memberikan deskripsi yang jelas tentang kategori, kami membantu pengguna memahami di mana mencari video yang menarik baginya.

Kesejahteraan dan Tanggung Jawab Digital


Sangat bagus untuk membangun platform dengan konten hiburan yang sangat banyak, tetapi jika ada ancaman kecanduan (sejenis obat digital), maka perusahaan wajib melindungi penggunanya.

Desainer UI / UX bertanggung jawab untuk menciptakan sistem yang membuat ketagihan dalam arti sebenarnya. Ini memungkinkan untuk memanipulasi perasaan pengguna.

Desain yang diusulkan YouTube hanya membawa sebagian tanggung jawab bagi pengguna. Dan saya akan menunjukkannya dengan beberapa contoh.

Misalnya, putar otomatis video hanya dapat diaktifkan dalam daftar putar yang dibuat pengguna, dan tidak pernah ada dalam daftar video yang disarankan.

Juga, menonton dibatasi dalam waktu - hanya setengah jam. Setelah batas habis, sistem meminta pengguna untuk melakukan sesuatu yang lain - putar otomatis berhenti. Peringatan ini harus cukup jelas sehingga pengguna mengerti mengapa ia harus berhenti menonton video.



Alat seperti ini sangat penting untuk platform berorientasi konten seperti Netflix dan YouTube, yang membuat ketagihan. Pengguna perlu diingatkan akan pentingnya istirahat.

Gambar dalam Gambar


Akhirnya, gambar-dalam-gambar datang ke desktop. Dan itu terlihat hebat.



Gambar-dalam-gambar secara otomatis diaktifkan ketika panel video ditutup. Anda dapat mengaktifkan fungsi dengan menyeret klip video atau dengan mengklik bilah pencarian. Dalam versi mini video, pengguna dapat menjeda pemutaran, membisukan suara, mengubah ukurannya, menempatkannya di tempat lain atau mengembalikannya ke panel video dengan mengkliknya. Saat gambar mini diputar, video latar belakang di halaman utama dijeda.

Daftar putar instan


Di sini, semua elemen teka-teki bertemu.

Daftar Putar Instan - daftar putar sementara yang dapat dibuat, diedit, dan dilihat oleh pengguna dengan sangat cepat. Mereka didasarkan pada gerakan drag-and-drop.



Ketika seorang pengguna mengambil video di bagian bawah layar, itu disimpan dalam Daftar Putar Instan dan di bagian atas dalam mode gambar-dalam-gambar. Pemutaran tidak dimulai sampai pengguna memutuskan untuk melakukannya.



Ketika video diambil, video itu hilang dari daftar; alih-alih, video berikutnya yang lebih dulu. Pengguna dapat menambahkan video ke daftar jenis ini sesuai keinginannya, hanya dengan "menurunkan" mereka di layar.

Seperti disebutkan di atas, Daftar Putar Instan adalah daftar sementara. Segera setelah pengguna menutup YouTube, daftar tersebut dihapus. Jika diinginkan, mereka dapat disimpan dengan membuka menu pengeditan. Pengguna dapat memberi nama daftar mereka, menghapus video dari mereka, mengatur ulang video.



Konsep daftar dapat dibandingkan dengan perilaku pengguna di pasar swalayan: ia memilih barang yang disukainya dan ditambahkan ke troli untuk digunakan nanti.

Daftarnya bagus karena Anda dapat menyimpan video favorit Anda dalam beberapa detik. Di versi lama antarmuka ini tidak dapat dilakukan. Alih-alih, Anda dapat menyimpan video untuk ditonton di masa mendatang, tetapi itu membutuhkan lebih banyak waktu.

Sebagai kesimpulan


Tentu saja, semua yang dikatakan di atas bukanlah dogma, tetapi hanya upaya untuk memecahkan beberapa masalah yang saya temui ketika bekerja dengan platform. Tolong beri tahu saya di komentar apa pendapat Anda. Setiap saran untuk perbaikan dipersilahkan. :)

Skillbox merekomendasikan:


Source: https://habr.com/ru/post/id419577/


All Articles