BI DESIGN LAYOUT-

BEST PRACTICE
 KELOMPOK

• KADEK DWI CAHYANTI – 1815091006

• KADEK NOVA WARDANA – 1815091011
• I GEDE AGUS KRISNA PRADANA – 1815091012
• NI MADE AYU MITA KUSUMADEWI – 1815091040
• AGUNG UKKI GALIH CAHYANINGSIH – 1815091056
 1 2 3 4
Consistency
beats Keep It Location, Use colors
elegance. Simple location, judiciously
location.

5 6 7 8
Limit the Use
It looked visualizations Leverage
legends
great on my on a single filters
monitor. layout. judiciously
and
slicers.

9 10 11
Make it
Outliers easy to
should be read Scrollbars.
flagged. labels.
Consistency Beats Elegance.

Dalam mengembangkan aplikasi BI tim BI juga harus mengembangkan

template untuk setiap tipe BI yang dikembangkan, dimana tata
letaknya harus sekonsisten mungkin dari setiap variasi BI, seperti
adanya standar peletakan untuk judul, legenda, alat navigasi, bantuan,
dan visual elemen (ikon dan tipe teks). Aplikasi BI yang dikembangkan
tersebut harus sesuai dengan standar branding perusahaan yang
dimana aplikasi tersebut akan terasa familiar bagi pelaku bisnis itu
sendiri, sehingga mampu meningkatkan produktivitas. Dengan
dikembangkannya template dapat meningkatkan produktivitas tim BI,
kecepatan pengiriman BI, dan menurunkan biaya pemeliharaan.
KEEP IT SIMPLE

Dalam pembuatan layout (design) aplikasi BI sebaiknya

dibuat simple. Simple di sini berarti elemen yang ada pada
layout sesuai dengan fungsi yang akan dilakukan sehingga
pelaku bisnis tidak kesulitan dalam menemukan elemen
yang diperlukan. Tampilan yang hanya mementingkan
keindahan visual menyebabkan efektivitas dari visual itu
sendiri kadang terlupakan dan malah menyulitkan pelaku
bisnis.
Location, Location, Location.

Dalam pembuatan layout (design) data-data terpenting

sebaiknya di letakkan mulai dari bagian atas sudut kiri, yang
dimana alur dari kerja berawal dari atas ke bawah dan dari
kiri ke kanan. Untuk visualisasi yang berhubungan dengan
analisis bisnis tertentu sebaiknya diletakkan di bawah
setelah tata letak tersebut.
 Use Colors Judiciously.

Warna dapat digunakan dengan sangat efektif untuk meningkatkan pemahaman data, tetapi juga dapat menjadi pengalih perhatian
atau bahkan penghalang. Maksudnya adalah pada bagian warna pada nilai tertentu haruslah digunakan dengan tepat, termasuk pada
bagian tata letak yang harus dapat dimengerti. Beberapa pedoman dalam pemilihan warna:
• Gunakan jumlah warna yang terbatas, karena terlalu banyak warna membuat tidak mungkin untuk membedakan bagaimana data
ditampilkan serta warna palet yang tidak jauh dari warna dasarnya.
• Gradien warna efektif dalam menampilkan perbedaan ukuran atau peringkat ukuran.
• Gunakan warna kontras daripada warna dengan corak yang sedikit berbeda, karena akan sulit untuk membedakan warna.
• Skema warna harus mewakili hal-hal yang berbeda pada layar tunggal. Skema warna yang tumpeng tindih pada pandangan yang berbeda
menciptakan kebingungan karena warna yang sama digunakan untuk mewakili dua yang berbeda hal-hal.
• Gunakan warna secara konvensional bila memungkinkan. Misalkan pada penggunaan warna hijau sebagai keuntungan dan merah
sebagai kerugian.
It Looked Great On My Monitor

Pada alat visualisasi data, kebanyakan dari tampilan dashboard dan

menu dirancang dan dapat digunakan di banyak platform, seperti PC,
tablet, dan smartphone. Tampilan dari tiap perangkat perlu disesuaikan
dengan platform yang digunakan dengan perbedaan ukuran dan variasi
lebar layar. Maka dari itu, aplikasi BI dirancang untuk dapat digunakan di
banyak platform dan pengembang perlu melakukan pembuatan
prototipe tata letak pada masing-masing platform tersebut dari ukuran
layar dan perspektif kualitas tampilan.
Limit The Visualizations On A
Single Layout.

Dashboard klasik memiliki empat visualisasi atau bagan yang terkait

satu sama lain dalam konteks bisnis. Jika layout mulai menambahkan
lebih dari empat visualisasi, maka akan menjadi berantakan,
visualisasi menjadi lebih kecil, dan kegunaan aplikasi BI secara
keseluruhan berkurang. Jika visualisasi terhubung ke salah satu dari
empat yang dipilih untuk layout aplikasi BI, Anda harus menempatkan
visualisasi tersebut di dashboard atau laporan lain.
Gambar berikut menggambarkan template standar yang dirancang oleh tim BI untuk grup pemasaran
produk. Template ini menggunakan :
 Bar chart untuk ranking analysis.
 Geomap untuk penjualan.
 Scatter graph untuk correlation analysis.
 Heat map untuk contribution analysis.
Leverage Filters And Slicers.

Filter memungkinkan pebisnis untuk menyesuaikan penemuan dan eksplorasi data mereka dalam aplikasi BI. Mereka
memungkinkan pebisnis untuk mengurangi kumpulan data menjadi lebih detail. Berikut ada beberapa pedoman yang bisa
digunakan :
• Yang terbaik adalah menerapkan filter ke semua visualisasi dalam layout. Ini menghindari visualisasi yang berbeda menggunakan
filter yang berbeda, yang akan terjadinya kesalahpahaman. Misalnya, jika ada filter kategori produk, maka semua visualisasi
dengan kategori produk seharusnya hanya menampilkan kategori produk yang difilter tersebut.
• Filter biasanya diterapkan dengan memilih dari daftar nilai, namun nilai dalam dan numerik paling baik ditampilkan dengan
menggunakan bar filter.
• Menampilkan filter yang sedang digunakan sehingga pelaku bisnis tahu apa yang mereka katakan dalam visualisasi. Selain itu,
judul dinamis yang menyertakan filter yang diterapkan seringkali berguna jika jumlah nilai dibatasi.
• Jika atribut yang digunakan dalam filter memiliki hierarki, maka filter harus ditampilkan dalam urutan hierarki dari tertinggi ke
terendah. Nilai filter yang diterapkan dalam hierarki harus mengalir ke semua level hierarki.
• Jika daftar nilai filter panjang, mungkin lebih baik untuk menyertakan semua atau tidak sama sekali dalam daftar filter.
Use Legends Judiciosly

Visualisasi lain yang dapat menyebabkan kekeliruan jika

digunakan berlebihan. Use Legends Judiciosly diperlukan
untuk memahami visualisasi seperti contoh saat warna
tidak diberi label. Terdapat visualisasi yang terkait satu
sama lain mungkin dapat berbagi legenda yang sama. Saat
menggunakanlegenda umum untuk beberapa visualisasi,
pastikan legends tersebut terlihat mengenai tempat
digunakan.
Outliers Should Be Flagged

Dengan asumsi bahwa outlier adalah pengecualian daripada

aturan padatampilan, maka harus ada isyarat visual yang
menunjukkan bahwa itu adalah outlier. Isyarat ini mungkin
melibatkan penggunaanwarna, ukuran, ketebalan,
penyorotan, atau ikon. Outlier mungkin mewakili ukuran
terbaik dan/atau terburuknilai, tergantung pada apa yang
diinginkan oleh pembisnis.
Make It Easy To Read Labels.

Label horizontal jauh lebih mudah dibaca daripada label vertikal. Terdiri dari gaya
teks tenda, font, dan ukuran juga menambah keterbacaan.

Dashboard Example
Scrollbars

Biasanya yang terbaik adalah menghindari scrollbar karena

sulit untuk memastikan konteks lengkapnya dari data yang
disajikan. Jika pebisnis memang perlu melihat kisi data
tabular, maka pertimbangkan menautkan ke kisi yang
berdiri sendiri dari dasbor awal.