Desain UI TV: Bekerja dengan Ruang Putih

Diterbitkan: 2022-03-11

Mendesain untuk TV membutuhkan pemahaman yang komprehensif dan disiplin tentang prinsip-prinsip UX. Salah satu elemen yang selalu menjadi perhatian saat mendesain TV adalah penggunaan ruang putih dalam desain. Ada terlalu banyak aplikasi TV di pasar yang tidak tahu bagaimana (atau secara sadar memilih untuk tidak) memanfaatkan ruang putih dengan benar. Hasilnya adalah kekacauan pemandangan yang secara aktif merusak tujuan bisnis.

Berikut adalah penjelasan tentang apa itu ruang putih dan bagaimana menggunakannya di aplikasi TV Anda yang terbaik untuk bisnis.

Ruang putih adalah teman kita

Pertama dan terutama…

Apa itu ruang putih?

Ruang putih adalah bagian real estat yang tidak berpenghuni dengan nol teks atau grafik berlapis di atasnya.

Ini penting untuk diperhatikan karena gambar grafis latar belakang dapat dianggap sebagai ruang putih selama tidak ada yang ditambahkan di atasnya.

Ruang putih bukan
Ruang putih tidak selalu hanya putih.

Apa masalahnya?

Mengapa sesuatu yang begitu sederhana membuat perbedaan seperti itu? Pemilik bisnis sering melihat ruang kosong sebagai peluang yang hilang untuk mempromosikan lebih banyak konten—pemborosan real estat layar yang berharga. Tujuan mereka adalah untuk menempatkan konten sebanyak mungkin di depan pengguna, yang pada tingkat tertentu dapat dimengerti. Namun, ketika terlalu banyak konten yang tersedia untuk pelanggan, mereka menghadapi apa yang disebut kelumpuhan keputusan —ketidakmampuan untuk memutuskan sama sekali.

Hukum Hick, atau Hukum Hick-Hyman, dinamai psikolog Inggris dan Amerika William Edmund Hick dan Ray Hyman, menggambarkan waktu yang dibutuhkan seseorang untuk membuat keputusan sebagai akibat dari kemungkinan pilihan yang dia miliki: meningkatkan jumlah pilihan akan meningkatkan waktu keputusan secara logaritmik.

Itu sebenarnya masalah besar ketika Anda mempertimbangkan seluruh konsep aplikasi TV—PILIHAN! Berapa kali Anda menelusuri perpustakaan acara TV dan gambar mini film yang tak ada habisnya hanya untuk menemukan diri Anda tidak dapat memutuskan apa pun? Bukan karena isinya tidak bagus. Itu karena tidak ada ruang untuk bernafas—tidak ada pemisah yang berarti. Pikiran Anda melihat begitu banyak pilihan, itu mati.

Untuk desainer, ruang putih adalah ruang negatif pada halaman yang menyediakan ruang pernapasan visual untuk mata Anda.

Desainer tahu bahwa ruang putih membantu pengguna fokus dan menyerap konten yang mereka ingin mereka lihat.

Dicari desainer UI lepas penuh waktu yang berbasis di AS

Katakan Ya untuk Ruang Putih

Ruang kosong sangat penting untuk desain aplikasi TV karena biasanya, pengguna santai, menikmati pengalaman santai—mencoba membuat keputusan dari jauh. Dengan memberi mereka keseimbangan yang baik antara konten dan ruang kosong, kami sebenarnya membantu mereka melalui proses ini.

Jika digunakan dengan benar, ruang putih dapat mengubah desain dan pengalaman yang akan diperoleh pengguna darinya. Desain dan tata letak membutuhkan ruang untuk bernafas agar mudah dilihat dan membantu memfasilitasi keputusan. Dengan memanfaatkan ruang putih, Anda sebenarnya meningkatkan keterbacaan konten dan interaksi pengguna. Ini dicapai dengan mengurangi gangguan yang mencegah pemirsa membuat keputusan.

Menurut penelitian yang dilakukan oleh Human Factors International, ruang putih meningkatkan pemahaman pengguna hampir 20%.

Mari kita lihat bagaimana ruang putih membantu menciptakan ruang bernapas, dan bagaimana hal itu mengubah proses pengambilan keputusan.

Antarmuka TV yang tampaknya dirancang untuk menimbulkan kecemasan
Antarmuka TV tampaknya dirancang untuk menimbulkan kecemasan.


Antarmuka TV mencoba melakukan terlalu banyak hal pada saat yang bersamaan
Antarmuka TV mencoba melakukan terlalu banyak hal pada saat yang bersamaan.


Dieksekusi dengan baik secara estetis tetapi tidak memiliki ruang kosong di antara konten
Dieksekusi dengan baik secara estetis tetapi tidak memiliki ruang kosong di antara konten.


Antarmuka dengan ruang bernapas
Sebuah antarmuka dengan ruang bernapas.


Antarmuka TV dengan keseimbangan dan hierarki yang baik antar elemen
Antarmuka TV dengan keseimbangan dan hierarki yang baik antar elemen.


Antarmuka TV dengan keseimbangan dan hierarki yang baik antar elemen
Antarmuka TV dengan keseimbangan dan hierarki yang baik antar elemen.


Lihat itu?

Ruang putih menciptakan pemisahan yang jelas yang memfokuskan mata pengguna pada konten yang Anda ingin mereka lihat.

Hulu melakukan pekerjaan yang baik dalam menggunakan ruang putih di aplikasi Hulu Live-nya. Lihat gambar latar belakang besar yang digunakan sebagai pengganti seni poster tradisional—sangat imersif dan indah untuk dilihat. Ini adalah contoh yang bagus tentang bagaimana menggunakan ruang ritel besar yang tersedia.

Hulu menarik Anda dengan ruang putih yang imersif
Hulu menarik Anda dengan ruang putih yang imersif.

Ruang kosong mengurangi beban kognitif dan mempercepat pengambilan keputusan. Seperti yang dijelaskan oleh Fast Co Design, menambahkan ruang putih lebih dari sekadar menghilangkan kekacauan—ini melayani fungsi-fungsi penting berikut:

  • Meningkatkan pemahaman
  • Menjelaskan hubungan antara elemen interaktif
  • Menarik dan memfokuskan perhatian pengguna

Ruang putih bukan hanya tentang estetika, ini adalah kunci antarmuka pengguna yang sukses. Dengan berfokus pada ruang putih visual, ruang putih tata letak, ruang putih teks, dan ruang putih konten, kami secara dramatis meningkatkan pemahaman pengguna. Ini menambah penekanan dan memposisikan konten Anda di depan dan di tengah. Gambar yang berdekatan akan tampak serupa; dengan demikian, mengklarifikasi hubungan kepada pengguna akan memungkinkan mereka untuk menavigasi dengan percaya diri. Seperti yang pernah Anda dengar sebelumnya, "lebih sedikit lebih banyak."

Gunakan kekuatan ruang putih untuk meningkatkan desain Anda dan membantu pengambilan keputusan.

Mengurangi beban kognitif akan membuat UI tidak hanya lebih bermanfaat tetapi juga lebih menyenangkan untuk digunakan—ruang kosong akan membantu menciptakan rasa harmoni dan fluiditas di seluruh pengalaman pengguna.

Penggunaan Ruang Putih yang Efektif

Berikut adalah beberapa contoh aplikasi TV yang menggunakan kekuatan ruang putih yang efektif untuk membuat antarmuka yang menyenangkan untuk digunakan.

Antarmuka TV ini memungkinkan pengguna untuk fokus pada satu, bukan lusinan pilihan
Antarmuka TV ini memungkinkan pengguna untuk fokus pada satu, bukan lusinan pilihan sekaligus.

Ruang putih adalah elemen yang terlalu sering diabaikan dan kurang dimanfaatkan dalam banyak desain televisi saat ini. Meskipun konten adalah raja di aplikasi TV, bukan berarti kita harus mengacaukan layar dengan menutupi setiap incinya. Ruang putih adalah perangkat desain sederhana namun kuat yang harus diterapkan ke setiap aplikasi TV di pasar. Ini modern, ramping, merangsang secara visual, dan terbukti membantu pengguna memutuskan konten apa yang akan ditonton.

Penggunaan ruang putih dalam desain memungkinkan konten Anda bersinar di layar ukuran apa pun
Penggunaan ruang putih dalam desain memungkinkan konten Anda bersinar di layar ukuran apa pun.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
  • Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
  • Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
  • Prinsip Heuristik untuk Antarmuka Seluler
  • Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib