Elemen yang mungkin terlewat saat mendesain UI — #2 — Tabel Dashboard

Dwinawan
Dwinawan
May 22 · 3 min read

Dan pada artikel ini, membahas tentang elemen elemen pada Tabel di Dashboard


Intro

Andi telah selesai mendesain elemen tabel untuk halaman dashboard. Andi merasa pekerjaan nya telah selesai.

Kalau dilihat sekilas, rasanya memang telah selesai.

Tetapi jika kita amati, apa yang akan terjadi atau bagaimana tampilan desain nya ketika user mengklik elemen bertanda merah?


Lalu bagaimana tampilan desain nya, ketika user mengklik elemen bertanda merah?


Sepertinya masih banyak elemen elemen yang belum di desain oleh Andi.

Lalu, kira kira elemen apa saja yang dilewatkan oleh Andi?, berikut diantaranya….


1. Interaksi ketika user mengklik tiga titik di sebelah kanan

Andi bermaksud menggunakan tiga titik tersebut untuk memunculkan menu Edit dan Delete. Tetapi jika Andi tidak mengkomunikasikan maksudnya melalui design, saat proses development, akan membuat developer kebingungan.


2. Interaksi ketika user mengklik icon sebelah kanan atas

Icon sebelah kanan atas berfungsi untuk mengubah tampilan tabel menjadi tampilan grid


3. Interaksi ketika user mengklik menu “Sort by”

Fitur sort by digunakan untuk mengurutkan data berdasarkan kriteria yang dipilih


4. Interaksi ketika user mengklik menu “Filter”

Fitur sort by digunakan untuk menyaring atau hanya menampilkan data data sesuai dengan kriteria yang dipilih.


Sebagai UI Designer, Andi haruslah cermat dalam memperhatikan hal hal apa saja yang perlu di-desain. Sehingga saat proses development, developer tidak kebingungan dengan interaksi interaksi yang terdapat pada halaman tersebut.


Insight

UI, UX, Bisnis Design

Dwinawan

Written by

Dwinawan

Co Founder @ Paperpillar and @ Insight Design — Designer and Story Teller

Insight

Insight

UI, UX, Bisnis Design