Category: Data Visualization

Menurut Wharton School of Businnes seperti yang dijelaskan dalam https://neomam.com/interactive/13reasons/ menyebutkan bahwa 67 % audiens dapat dibujuk oleh presentasi verbal yang dipadukan oleh tampilan slide yang bersifat visual. Oleh karena itu, tampilan slide presentasi yang menarik secara visual menjadi hal yang sangat penting untuk Anda buat ketika Anda ingin melakukan presentasi.

Slide presentasi power point dapat menjadi media yang tepat untuk menampilkan data menjadi lebih menarik secara visual seperti yang dijelaskan oleh Andy Sukma Lubis (2019). Slide presentasi power point yang ditampilkan bukan hanya ditujukan agar audiens mempunyai minat terhadap visualisasi yang Anda sajikan, tetapi juga  agar audiens dapat memahami pesan yang ingin disampaikan melalui penyajian datanya.

Theconversation.com (2019) dalam tulisannya yang berjudul “Riset : Visualisasi Data Kesehatan Indonesia Sulit Dibaca, Apa Penyebabnya ?” juga menjelaskan bahwa visualisasi data dan informasi kesehatan sangat bermanfaat untuk kepentingan pelaporan, pengawasan, dan evaluasi kinerja program, advokasi, serta koordinasi lintas sektoral di bidang kesehatan. Visualisasi data yang akurat dalam bentuk grafik, tabel, dan peta juga akan memudahkan kerja-kerja pencegahan dan promosi kesehatan di masyarakat.

Kadang kala sering terjadi ketika kita membuat visualisasi data, maka kita langsung meng-copy paste data yang kita olah melalui excel, sehingga banyak informasi yang sebenarnya tidak perlu dimasukkan ke dalam slide.

Padahal, sebenarnya kita hanya perlu memasukkan datanya saja untuk memperkuat pesan yang akan kita utarakan. Informasi yang tidak perlu malah dapat menimbulkan gangguan bagi audiens ketika melihat slide presentasi kita seperti gridlines dan data table.

Sebelum data disajikan, maka Anda perlu memikirkan terlebih dahulu apa pesan yang ingin Anda sampaikan kepada audiens Anda. Hal ini dikarenakan penggunaan data yang tepat harus selalu memunculkan inti sari dari apa yang ingin disampaikan. Data tanpa intisari sangatlah tidak efektif.

Selain itu, data yang Anda tampilkan dalam slide presentasi mesti presisi. Artinya, angka yang tertera menggambarkan ukurannya. Jika data yang ditampilkan tidak presisi ukurannya, maka data tersebut tidak dapat memberikan arti.

Untuk membuat visualisasi data melalui slide presentasi power point, mari kita perhatikan studi kasus berikut ini.

Misalnya, Anda ingin menyampaikan pesan bahwa penjualan mobil BMW meningkat pada tahun 2021.

Data yang Anda miliki adalah data penjualan mobil sedan BMW pada bulan Juli sampai November tahun 2021 berturut-turut sebesar 50, 70, 90, 120 dan 150 buah.

Agar audiens Anda mudah untuk memahami pesan yang ingin Anda sampaikan, maka data tersebut dapat Anda sampaikan dalam bentuk diagram batang.

Slide yang ingin Anda tampilkan bentuknya dapat seperti di bawah ini.

Untuk membuat slide di atas, selain Anda dapat menggunakan menu insert chart yang ada di power point, maka Anda juga dapat menggunakan cara lain, yaitu menggunakan shape rectangle yang ada di power point.

Mari kita buat slide di atas langkah demi langkah.

Langkah # 1 : Buatlah Diagram Batang Dengan Shape Rectangle

Langkahnya diawali dengan memasukan sebuah shape rectangle. Untuk memasukkan shape rectangle tersebut, maka Anda pilih menu home, lalu pilih shape rectangle. Hasilnya seperti gambar di bawah ini.

Lalu, klik kanan shape rectangle tersebut dengan mouse, sehingga hasilnya akan seperti gambar di bawah ini.

Kemudian, pilih format shape, klik size, ketik height: 5,64 cm (yang mewakili 50 buah mobil sedan BMW), dan klik lock aspect ratio, sehingga gambarnya seperti di bawah ini.

Selanjutnya, copy shape rectangle tersebut dengan menggunakan Ctrl+D, sehingga menghasilkan shape kedua.  Tarik shape kedua sejajar dengan shape yang pertama yang ditandai dengan munculnya garis merah di bagian atas dan bawah kedua shape. Hasilnya akan terlihat seperti di bawah ini.

Lalu, dari shape kedua dicopy dengan menggunakan Ctrl+D klik sebanyak tiga kali, sehingga hasilnya seperti gambar di bawah ini.

Kemudian klik shape kedua, pilih format shape, pilih size, hilangkan tanda v lock aspect ratio, ketik height menjadi 7,90 cm yang mewakili 70 buah mobil sedan BMW ((70/50) x 5,64 cm), dan enter.  Hasilnya seperti di bawah ini.

Kemudian klik shape ketiga, pilih format shape, pilih size, hilangkan tanda v lock aspect ratio, ganti height menjadi 10,15 cm yang mewakili 90 buah mobil sedan BMW ((90/50) x 5,64 cm), dan enter.  Hasilnya seperti di bawah ini.

Selanjutnya, klik shape keempat, pilih format shape, pilih size, hilangkan tanda v lock aspect ratio, ketik height menjadi 13,54 cm yang mewakili 120 buah mobil sedan BMW ((120/50) x 5,64 cm), dan enter.  Hasilnya seperti di bawah ini.

Selanjutnya, klik shape kelima, pilih format shape, pilih size, hilangkan tanda v lock aspect ratio, ketik height menjadi 16,92 cm yang mewakili 150 buah mobil sedan BMW ((150/50) x 5,64 cm), dan enter.  Hasilnya seperti di bawah ini.

Lalu, blok semua kelima shape, klik menu format, klik align, pilih align bottom dan klik distribute horizontally, sehingga hasilnya seperti gambar di bawah ini.

Kemudian, bawa ke atas kelima shape tersebut masuk ke dalam slide, sehingga hasilnya seperti gambar di bawah ini.

Langkah # 2 : Union Kelima Shape dengan Fitur Merge Shape

Tujuan dilakukan union dari kelima shape tersebut adalah agar kelima shape tersebut menjadi bentuk satu shape yang sudah menjadi satu kesatuan yang nantinya bisa dimasukan gambar foto.

Cara melakukan union dari kelima shape tersebut adalah :

1. Pilih kelima shape tersebut.
2. Klik fitur shape format/format.
3. Pilih fitur merge shape.
4. Klik union.

Jika Anda telah melakukan union dari kelima shape tersebut, maka Anda dapat menyesuaikan besar dan tinggi dari shape yang sudah menjadi satu kesatuan tersebut yang hasilnya ditunjukkan seperti gambar di bawah ini. Jika Anda melakukan penyesuaian, maka shape tersebut ukurannya tetap akan presisi.

Langkah # 3 : Masukan Gambar Foto ke Dalam Shape

Karena kelima shape tersebut telah menjadi bentuk shape yang sudah menjadi satu kesatuan, maka untuk memasukan gambar yang relevan Anda dapat melakukannya dengan fitur merge shape.

Caranya adalah :

1. Masukan gambar foto yang relevan dimana letakkan gambar foto tersebut dibelakang shape. Letak shape Anda dapat pindahkan ke sebelah kanan, karena bagian kiri akan diisi dengan teks.
2. Klik gambar foto, tekan tombol shift, klik shape, pilih fitur shape format/format, klik intersect.

Hasilnya akan tampak seperti gambar di bawah ini.

Langkah # 4 : Masukan Teks dan Data

Pada langkah ini, Anda dapat memasukan teks dan data yang Anda perlukan sesuai dengan pesan yang telah Anda rencanakan.

Hasilnya dapat terlihat seperti slide di bawah ini.

Langkah # 5 : Tambahkan Satu Shape Rectangle Yang Transparan

Tambahan satu shape rectangle yang transparan ditujukan agar audiens fokus pada data penjualan tertinggi yang terjadi pada bulan November 2021. Dengan fokus pada data tersebut, maka Anda dapat membahas apa yang terjadi pada bulan November tersebut.

Hasilnya akan terlihat seperti slide di bawah ini.

Selain tampilan visualisasi data seperti di atas, Anda dapat juga melakukan 3 kreasi model desain slide presentasi lainnya.

Pertama, Anda dapat mengubah warna background. Misalnya, Anda ubah warna background menjadi hitam. Untuk membuatnya, Anda klik kanan di slide, pilih fitur format background, pilih solid fill, dan pilih color warna hitam. Kemudian, sesuaikan warna teks agar tampak kontras. Hasilnya bisa dilihat seperti slide di bawah ini.

Kedua, Anda dapat menggunakan konsep double tone. Double tone dalam konsep desain visual akan memiliki background warna gelap dan obyek lainnya cerah ataupun sebaliknya.

Untuk membuatnya, maka Anda gunakan gambar foto sebagai background yang Anda ubah warnanya dengan meng-klik gambar foto, klik format, klik fitur color, dan pilih greyscale. Kemudian, tutup seluruh gambar dengan shape rectangle, klik kanan shape rectangle, klik format shape/format, pilih solid fill, pilih color warna putih, dan pilih transparency di angka 10 %. Hasilnya dapat tampak seperti slide di bawah ini.

Ketiga, Anda dapat menambah shape frame. Variasi model slide ini merupakan pengembangan dari model slide di atas. Hasilnya ditunjukkan seperti slide di bawah ini.

Demikianlah, cara membuat visualisasi data diagram batang dengan shape rectangle.

Menampilkan visualisasi data dengan shape rectangle dapat menjadi satu alternatif yang dapat Anda lakukan selain dengan menggunakan fitur insert chart.

Dengan kreatifitas yang Anda miliki, maka Anda dapat membuat berbagai model desain slide presentasi dengan menggunakan shape rectangle.

Anda dapat mengubah warna backgroundnya. Anda dapat membuat alternatif desain slide dengan konsep double tone. Dan Anda dapat menambah shape frame.

Berlatih, berlatih dan berlatihlah untuk terus membuat visualisasi data yang menarik bagi audiens Anda. Semakin sering Anda berlatih, semakin terampil Anda dapat membuat visualisasi data yang mengesankan bagi audiens Anda.

Jika postingan ini bermanfaat bagi Anda, maka jangan lupa bagikan postingan ini ke kolega Anda agar postingan ini dapat juga bermanfaat bagi banyak orang.

Apakah Anda mengetahui bagaimana audiens Anda melihat data yang Anda sajikan ?

Cole (2015) menjelaskan bahwa audiens kita melihat visualisasi data yang kita sampaikan dengan pikirannya.

Mari kita lihat gambaran sederhana tentang bagaimana audiens kita melihat seperti yang dijelaskan pada gambar di bawah ini.

Prosesnya berjalan seperti berikut ini. Cahaya memantul dari sebuah rangsangan. Rangsangan dalam bentuk visualisasi data ditangkap oleh mata audiens kita. Mereka tidak sepenuhnya melihat dengan matanya. Ada beberapa pemrosesan yang terjadi disana, tetapi kebanyakan itulah yang terjadi di otak audiens kita yang mereka anggap sebagai persepsi visual.

Ketika rangsangan itu masuk di otak kita, maka ada sebuah memori yang perlu Anda ketahui, yaitu memori ikonik.

Rangsangan yang masuk ke memori ikonik tersebut berlangsung sangat cepat dan dapat dimanfaatkan dalam proses visual kita. Rangsangan tersebut tetap berada dalam memori ikonik sepersekian detik sebelum diteruskan ke memori jangka pendek kita.

Hal yang penting dari memori ikonik bahwa memori ikonik tersebut dapat dimanfaatkan dengan memberikan atribut dalam visualisasi data yang dikenal dengan preattentive attributes.

Preattentive attributes adalah atribut dalam visualisasi data yang dapat dimanfaatkan untuk mengarahkan perhatian audiens Anda ke tempat yang Anda inginkan untuk mereka perhatikan dalam visualisasi data Anda.

Cara terbaik untuk membuktikan kekuatan preattentive attributes adalah dengan menunjukkannya.

Coba Anda perhatikan gambar di bawah ini.

Gambar di atas menunjukkan susunan angka yang terdiri dari empat baris. Perhatikan bagaimana Anda memproses informasi dan berapa lama. Coba hitunglah dengan cepat angka 3 yang muncul dalam susunan angka tersebut.

Jawaban yang benar adalah enam. Pada gambar di atas, tidak ada isyarat visual untuk membantu Anda mencapai jawaban tersebut. Sehingga, upaya yang Anda lakukan dalam menghitung cepat banyaknya angka 3 yang muncul dalam susunan angka tersebut cukup menantang dimana Anda harus menelusuri empat baris susunan angka dan mencari angka 3.

Coba lihat apa yang terjadi ketika gambar di atas kita ubah menjadi seperti gambar di bawah ini.

Perhatikan betapa lebih mudah dan lebih cepatnya menghitung angka 3 yang ada dalam susunan angka di atas.

Anda tidak perlu untuk berkedip, tidak perlu waktu untuk berpikir dan tiba-tiba ada enam angka 3 di depan Anda.

Dalam gambar di atas, memori ikonik Anda sedang ditingkatkan dengan menggunakan preattentive attributes. Preattentive attributes yang digunakan adalah intensitas warna. Dalam hal ini, kita membuat angka 3 dengan warna menonjol dari warna angka yang lainnya. Angka 3 kita kasih warna hitam. Dan angka lainnya kita kasih warna abu-abu.

Dengan menggunakan preattentive attributes, maka otak kita cepat menangkapnya tanpa kita harus mencurahkan setiap pikiran sadar kita untuk melihat visualisasi data yang ditampilkan.

Preattentive attributes ini sangat luar biasa dan berharga. Artinya, jika Anda menggunakan preattentive attributes tersebut secara strategis, maka mereka dapat membantu mengaktifkan perhatian audiens Anda untuk melihat apa yang Anda ingin mereka lihat dari visualisasi data Anda.

Gambar di bawah ini menunjukkan beberapa bentuk preattentive attributes yang dapat Anda gunakan dalam visualisasi data Anda.

Perhatikan saat Anda melakukan scanning pada gambar di atas, maka mata Anda akan tertarik pada satu elemen dalam setiap kelompok yang berbeda dari yang lain, sehingga Anda tidak perlu mencarinya.

Hal itu terjadi karena otak kita terprogram untuk cepat mengambil perbedaan apa yang kita lihat di lingkungan kita.

Satu hal yang perlu disadari adalah bahwa orang cenderung mengasosiasikan nilai kuantitatif dengan beberapa dari preattentive attributes (memang tidak semua). Misalnya, kebanyakan orang akan mempertimbangkan garis panjang untuk mewakili nilai yang lebih besar dari garis pendek. Itu adalah salah satu alasan mengapa diagram batang secara langsung kita baca.

Tetapi, kita tidak memikirkan warna dengan cara yang sama. Jika saya bertanya pada Anda mana yang lebih besar, warna merah atau biru ? Pertanyaan ini sesungguhnya kurang berarti.

Ini penting karena memberitahu kita mana dari preattentive attributes yang dapat digunakan untuk menjelaskan informasi kuantitatif (garis panjang, posisi spasial atau pada tingkat terbatas lebar garis, ukuran, intensitas warna dapat digunakan untuk menggambarkan nilai relatif) dan mana yang digunakan sebagai pembeda kategori.

Dari berbagai bentuk preattentive attributes di atas, Anda bisa menghasilkan ide dengan menggabungkan beberapa bentuknya dalam slide presentasi Anda. Misalnya, Anda ingin menampilkan visualisasi data dengan diagram batang.

Terkait dengan informasi kuantitatifnya, Anda dapat menggunakan bentuk panjang garis dimana batang yang lebih panjang mewakili nilai yang lebih besar dari pada batang yang lebih pendek. Dan bentuk hue sebagai pembeda kategori dimana satu batang diberi warna merah dan batang lainnya diberi warna abu-abu seperti slide di bawah ini.

Dengan menggunakan preattentive attributes di atas (bentuk panjang garis dan hue), maka Anda bermaksud untuk mengarahkan perhatian audiens Anda kepada data Jepang sebagai negara dengan tingkat konektivitas internet tercepat.

Dalam prakteknya jika dikaitkan dengan delivery presentasi yang Anda lakukan, maka setelah Anda menampilkan slide di atas dan mata audiens menatap batang yang warna merah, maka Anda tinggal mengatakan bahwa “Jepang merupakan negara dengan tingkat konektivitas internet tercepat dibandingkan dengan Korea Selatan, USA, Perancis, Inggris dan China yang mencapai 94 %. Kemudian, Anda juga dapat menambahkan penjelasan mengapa Jepang mempunyai tingkat konektivitas internet tercepat dibandingkan dengan negara-negara tersebut”.

Mungkin Anda bertanya-tanya apa itu hue ?

Hue adalah jenis atau nama warna yang original dan natural. Hue terdiri dari jenis warna primer dan sekunder seperti Biru, Merah, Kuning, Oranye, Hijau dan Ungu. Selain itu, hue adalah jenis warna dominan dalam kelompok warna dimana tidak tercampuri oleh unsur warna hitam, putih, atau abu-abu. Dan warna-warna tersebut (abu-abu, hitam dan putih) tidak termasuk dalam warna hue (https://www.antilum.com/2018/08/memahami-istilah-istilah-warna-hue-tints-tones-shades.html).

Selain itu, Anda bisa juga menggunakan bentuk enclosure dan hue ketika Anda ingin menampilkan visualisasi data Anda dengan menggunakan diagram garis seperti slide di bawah ini.

Penerapan bentuk enclosure yang dapat mengarahkan mata audiens Anda kepada data yang ingin difokuskan adalah dengan menggunakan shade (bayangan) yang menunjukkan sebuah perbedaan visual dalam data yang Anda sajikan. Daerah shade (bayangan) yang menggunakan warna abu-abu menunjukkan bahwa ada pemisahan data sebelum bulan Agustus dan sejak bulan Agustus.

Penggunaan shade (bayangan) tersebut dapat membantu memudahkan audiens Anda untuk memahami informasi yang terjadi sejak bulan Agustus sampai bulan Desember dimana ada perbedaan (gap) antara tiket yang diproses (ticket processed) dengan tiket yang diterima (ticket rececived).

Selain itu, dengan menggunakan bentuk hue dimana data ticket processed diberi warna merah dan ticket received diberi warna abu-abu, maka Anda ingin memberikan penekanan kepada mata audiens Anda bahwa ticket processed yang menjadi perhatian, karena volumenya lebih rendah dari pada ticket received.

Demikianlah, preattentive attributes merupakan sebuah tool yang sangat berharga dalam visualisasi data Anda.

Ketika digunakan secara strategis, maka preattentive attributes sangat berguna untuk menarik perhatian audiens Anda dengan cepat ke tempat yang Anda inginkan dari visualisasi data yang Anda tampilkan.

Jika postingan ini bermanfaat bagi Anda, maka jangan lupa bagikan postingan ini ke kolega Anda agar postingan ini dapat juga bermanfaat bagi banyak orang.

Kita akan mengalami beban kognitif kapan saja kita menerima informasi. Beban kognitif merupakan upaya mental yang kita perlukan untuk mempelajari informasi tersebut.

Cole (2015) menyebutkan bahwa salah satu penyebab yang dapat berkontribusi pada beban kognitif adalah sesuatu yang disebut sebagai clutter. Clutter adalah elemen visual yang menempati ruang dalam slide, tetapi tidak menambah pemahaman bagi audiens kita. Karena itu, clutter adalah sesuatu yang mesti kita hindari dalam membuat slide presentasi.

Ada alasan sederhana mengapa kita harus mengurangi clutter dalam slide presentasi kita. Yaitu karena hal tersebut akan membuat visualisasi data kita akan tampak lebih rumit dari yang diperlukan.

Ketika visualisasi data tampak rumit, maka kita menanggung resiko bahwa audiens kita dapat memutuskan untuk tidak ingin meluangkan waktu untuk memahami apa yang kita tunjukkan. Pada titik itulah, kita akan kehilangan kesempatan untuk dapat berkomunikasi dengan audiens kita. Dan hal itu bukanlah hal yang baik.

Cole (2015) menyebutkan bahwa untuk membuat audiens kita nyaman untuk melakukan interpretasi dari visualisasi data yang kita sajikan, maka ada 3 strategi yang dapat kita gunakan.

Mari kita bahas satu per satu strategi tersebut.

Strategi # 1 : Manfaatkan Alignment (Perataan)

Susunan visual yang Anda sajikan akan berdampak pada komunikasi Anda dengan audiens Anda.

Mari kita lihat contoh slide di bawah ini. Slide di bawah ini, teks yang bagian kanan adalah rata tengah. Hal ini membuat garis yang tidak rata apakah itu pada sisi kiri ataupun kanan yang akan menyebabkan tata letaknya menjadi tidak enak dipandang.

Perubahan yang relatif minor dari rata tengah menjadi rata kiri membuat dampak yang besar bagi komunikasi visual Anda. Coba Anda perhatikan perubahan yang dilakukan yang ditunjukan pada slide di bawah ini. Anda akan melihat bahwa slide di bawah ini menciptakan garis yang lebih rapih baik secara horizontal maupun vertikal.

Selain itu, garis diagonal yang menghubungkan insight dari grafik ke data juga dihilangkan yang mengurangi beban kognitif bagi audiens Anda.

Umumnya, elemen diagonal seperti garis dan teks harus dihindari. Mereka akan tampak berantakan. Dan dalam hal teks, teks yang diagonal lebih sulit dibaca dari teks yang horizontal. Satu studi yang dilakukan oleh Wigdor dan Balakrishnan (2005) menemukan bahwa teks yang diputar 45⁰ membuat audiens Anda membacanya 52 % lebih lambat dari teks yang orientasinya normal. Oleh karena itu, hindari elemen diagonal pada slide Anda.

Strategi # 2 : Ciptakan White Space

Istilah white space digunakan untuk melihat ruang kosong pada slide. Mungkin Anda pernah mendengar umpan balik ini sebelumnya : “masih ada ruang kosong di halaman slide. Jadi, mari kita tambahkan sesuatu di ruang kosong tersebut” atau lebih buruk lagi “di slide itu masih ada ruang kosong yang tersisa. Jadi, mari kita tambahkan lebih banyak data di ruang kosong itu”.

Anda jangan pernah menambahkan data hanya untuk menambah data. Cukup tambahkan data dengan tujuan yang spesifik yang ingin Anda ungkapkan dalam visualisasi data Anda.

Kita perlu lebih nyaman dengan adanya white space.

White space dalam komunikasi visual sama pentingnya dengan jeda dalam berbicara di depan umum. Mungkin Anda pernah mengikuti presentasi yang tidak memiliki jeda.

Rasanya seperti ini. “Ada pembicara di depan Anda. Dan mungkin karena gugup atau mungkin karena dia ingin menyampaikan banyak materi dari yang seharusnya waktu yang dialokasikan, maka dia bicara tanpa henti. Anda mungkin bertanya-tanya bagaimana dia bernafas. Anda ingin bertanya, tetapi pembicara sudah pindah ke topik berikutnya dan masih belum berhenti”.

Hal itu adalah pengalaman yang tidak menyenangkan bagi audiensnya.

Sekarang coba Anda bayangkan pengaruhnya jika pembicara yang sama membuat pernyataan tunggal, yaitu “Kematian diagram batang”.

Dan berhenti bicara selama 15 detik untuk membuat pernyataan itu dicerna oleh audiensnya. Itu adalah jeda yang sangat dramatik. Dan hal itu akan mendapat perhatian dari audiensnya, bukan ?

Efek yang sama ketika Anda menggunakan white space secara strategik yang dapat memberikan pengaruh pada komunikasi visual Anda. Kurangya white space seperti kurangnya jeda pada presentasi akan membuat audiens Anda merasa tidak nyaman. Ketidaknyamanan audiens dalam merespons desain dari komunikasi visual Anda adalah sesuatu yang harus Anda hindari.

White space dapat digunakan secara strategis untuk menarik perhatian ke bagian slide yang bukan white space.

Ketika Anda berupaya untuk tetap menjaga white space, maka berikut beberapa pedoman yang dapat digunakan.

Margin harus tetap bebas dari teks dan visual. Tahan keinginan untuk mengisi ruang kosong yang tersedia tanpa tujuan komunikasi yang jelas. Sebagai gantinya, sesuaikan ukuran visual Anda dengan kontennya.

Di luar itu, maka pikirkan bagaimana Anda menggunakan white space secara strategis untuk penekanan seperti yang diilustrasikan dengan jeda yang dramatis. Jika ada satu hal yang benar-benar penting, maka pikirkan untuk membuatnya menjadi satu hal pada slide Anda. Dalam beberapa kasus, hal itu bisa berupa satu kalimat atau bahkan satu angka.

Pada slide di bawah ini, white space tidak diupayakan untuk diciptakan. White space antara kolom data terlalu sempit untuk menekankan data secara optimal. Dan garis putus-putus sebenarnya telah menciptakan clutter.

Berbeda dengan slide di atas, slide di bawah ini telah menggunakan white space dengan tepat. White space antara kolom data telah diperlebar. Dan garis putus-putus telah dihilangkan untuk menghindari adanya clutter.

Strategi # 3 : Gunakan Kontras Secara Strategis

Kontras yang jelas dapat menjadi sinyal yang bagus bagi audiens kita yang dapat membantu mereka memahami dimana harus memfokuskan perhatian mereka. Di sisi lain, kurangnya kontras dapat menjadi sebuah bentuk gangguan visual.

Ketika membicarakan nilai strategis dari kontras, maka kita dapat menggunakan analogi berikut. Tidak mudah melihat burung elang di langit yang penuh burung merpati. Ketika variasi burung meningkat, maka burung elang itu makin sulit untuk dilihat.

Analogi itu menyoroti pentingnya penggunaan kontras secara strategis dalam desain visual. Semakin banyak hal yang kita buat berbeda, semakin kecil salah satu dari hal tersebut dapat menonjol.

Untuk menjelaskan hal itu dengan cara lain, jika ada sesuatu yang sangat penting yang kita ingin audiens ketahui atau lihat (burung elang), maka kita harus menjadikan (burung elang) itu sesuatu hal yang sangat berbeda dari burung lainnya.

Mari kita lihat sebuah contoh untuk menggambarkan konsep tersebut.

Bayangkan Anda bekerja sebagai pedagang retail dan ingin memahami perasaan pelanggan Anda tentang berbagai dimensi pengalaman belanja mereka di toko Anda dibandingkan pesaing Anda. Anda telah melakukan survei untuk mengumpulkan informasi tersebut dan mencoba memahami apa yang survei tersebut katakan.

Anda telah membuat indeks kinerja untuk meringkas setiap kategori dimensi pengalaman belanja konsumen, Semakin tinggi indeks, semakin baiknya kinerjanya. Sebaliknya, semakin rendah indeks, semakin jelek kinerjanya.

Slide di bawah ini menunjukkan indeks kinerja untuk seluruh kategori pengalaman belanja konsumen.

Coba Anda pelajari sejenak dari slide di atas dan catat proses berpikir Anda ketika Anda menerima informasi tersebut.

Jika Anda diminta untuk menggambarkan slide di atas dalam satu kata, apakah kata itu ? Mungkin kata-kata yang datang ke pikiran Anda adalah sibuk, membingungkan dan melelahkan.

Ada banyak hal yang terjadi pada grafik tersebut. Begitu banyak hal yang bersaing untuk mendapatkan perhatian kita, sehingga sulit untuk mengetahui apa yang dicari.

Mari kita tinjau dengan tepat apa yang kita lihat. Data yang ditampilkan pada grafik di atas adalah indeks kinerja. Anda tidak perlu mengetahui secara rinci bagaimana indeks kinerja tersebut dihitung, tetapi Anda perlu lebih memahami bahwa grafik tersebut merupakan ringkasan ukuran kinerja yang ingin kita bandingkan dari berbagai kategori pengalaman belanja konsumen (yang ditunjukkan pada sumbu X : Pemilihan, Kenyaman, Layanan, Hubungan, dan Harga) untuk bisnis kita (yang ditunjukkan oleh diamond berwarna biru) dibandingkan sejumlah pesaing (yang ditunjukkan oleh shapes yang berwarna lainnya). Sebuah indeks yang lebih tingggi menggambarkan kinerja yang lebih baik dan sebuah indeks yang lebih rendah berarti kinerja yang lebih rendah.

Memahami informasi tersebut memerlukan waktu yang lama, karena kita melihat bolak balik antara legend pada bagian bawah dan data pada grafik. Bahkan, jika kita sangat sabar dan benar-benar ingin mendapatkan informasi dari visual tersebut, maka hampir tidak mungkin karena bisnis kita (diamond warna biru) terkadang dikaburkan oleh titik data lainnya yang membuat kita tidak dapat melihat perbandingan yang paling penting untuk dibuat.

Hal ini adalah contoh kasus dimana kurangnya kontras membuat informasi menjadi lebih sulit untuk ditafsirkan.

Coba Anda perhatikan slide di bawah ini dimana kita menggunakan kontras secara lebih strategis.

Dalam slide di atas telah dilakukan sejumlah perubahan. Pertama, untuk menampilkan visualisasi data dipilih diagram batang horisontal. Selain itu, dilakukan juga perubahan skala dengan angka positif, karena pada grafik aslinya ada beberapa nilai negatif yang memperumit pemahaman visualisasi yang ditampilkan.

Perubahan ini dapat memberikan manfaat, karena kita lebih tertarik pada perbedaan relatif dari pada nilai absolut. Dalam pembuatan ulang grafik itu, kategori pengalaman belanja konsumen yang sebelumnya digambarkan sepanjang sumbu horisontal X sekarang menjadi sumbu vertikal Y.  

Dalam setiap kategori, panjangnya diagram batang menunjukkan ringkasan indeks pada bisnis kita (biru) dan pesaing (abu-abu) dengan batang yang lebih panjang menunjukkan kinerja yang lebih baik.

Dengan perubahan tampilan visualisasi ini, ada kemudahan untuk melihat dua hal secara cepat, yaitu :

1. Kita bisa membiarkan mata kita untuk menscanning diagram batang yang biru untuk mendapatkan pemahaman bagaimana kinerja bisnis kita di berbagai kategori. Bisnis kita mendapatkan nilai yang tinggi pada kategori Harga dan Kenyaman dan nilai yang lebih rendah pada kategori Hubungan. Dan bisnis kita sedang berjuang dalam kategori Layanan dan Seleksi sebagaimana ditunjukkan dengan nilai kinerja yang rendah pada kategori tersebut.
2. Dalam kategori tertentu, kita dapat membandingkan diagram batang yang biru dengan diagram batang yang abu-abu untuk melihat bagaimana bisnis kita berjalan relatif terhadap pesaing. Bisnis kita unggul pada kategori Harga dan kalah pada kategori Layanan dan Pemilihan.

Pesaing dibedakan satu sama lainnya berdasarkan urutannya dimana mereka muncul. Pesaing A muncul setelah bisnis kita. Pesaing B muncul setelah pesaing A. Pesaing C muncul setelah pesaing B dan seterusnya.

Dalam slide yang telah diperbaiki, tampilan kategori diatur dalam urutan indeks kinerja yang menurun untuk bisnis kita yang memberikan kemudahan bagi audiens untuk mengetahui dengan cepat bagaimana peringkat bisnis kita pada setiap kategori dalam kaitannya dengan pesaing.

Anda dapat memperhatikan disini bagaimana penggunaan kontras yang efektif menjadikan proses memahami informasi menjadi lebih cepat, mudah dan nyaman.

Demikianlah, 3 strategi yang dapat membantu interpretasi visualisasi data untuk kenyamanan audiens Anda.

Clutter adalah musuh kita, Oleh karena itu, hilangkan mereka dari visual kita.

Manfaatkan alignment dari elemen visual kita dan ciptakanlah white space untuk membantu interpretasi visual kita menjadi pengalaman yang menyenangkan bagi audiens kita. Selain itu, gunakanlah kontras secara strategis.