Cara Merencanakan Secara Strategis untuk Desain UX Data-Heavy

Data besar membengkak. Namun, menyelaraskan kebutuhan data yang kompleks dengan antarmuka pengguna yang sederhana, bersih, dan berguna adalah ujian bagi setiap desainer UX saat ini. Seringkali, desain (alat untuk menyampaikan pesan) menghalangi komunikasi (pesan atau makna yang tersembunyi di dataran tinggi data mentah).

Mengupas informasi akan menyederhanakan dan membersihkan antarmuka pengguna. Namun dengan aplikasi berbasis data, lebih sedikit data sering berarti dasbor yang kurang praktis dan berguna.

Namun, menyimpan semua data kontekstual yang Anda bisa, menghasilkan aplikasi yang tidak bisa dijalankan.

Jadi, bagaimana Anda mencapai keseimbangan yang tepat?

Bagaimana aplikasi menyajikan data memainkan peran besar, di situlah desainer UX berperan.

Dalam postingan ini, saya akan membagikan tip dan trik yang dapat digunakan desainer UX untuk mengembangkan visualisasi data yang sederhana dan jelas, bahkan saat menerapkan data besar (data berjalan ke Gigabytes) untuk dasbor aplikasi, halaman web, dan sebagainya.

Saya akan meninggalkan bahasa terbaik untuk merancang aplikasi data besar dari percakapan ini untuk saat ini.

Berikut cara mendesain untuk UX yang sarat data:

Bagaimana Mendesain Aplikasi Big Data yang Menakjubkan Yang Disukai Klien

Mungkin tempat terbaik untuk memulai adalah menanyakan siapa klien Anda.

Mungkin Anda telah membuat dasbor yang sangat cantik dan mengirimkannya ke klien tepat waktu hanya untuk mereka bertanya, "Jadi, di mana saya bisa melakukan X, Y, dan Z?"

Aduh! Itu pasti menyakitkan.

1. Gunakan Persona Pengguna untuk Merancang Dasbor Berbasis Data yang Bermanfaat

Sebanyak kecerdasan buatan dan pembelajaran mesin akan terus meningkat, sebagian besar organisasi masih memerlukan campur tangan manusia untuk mengolah data yang tidak dikategorikan.

Dan desainer UX terbaik membuat produk yang akan membantu memecahkan masalah bagi orang-orang yang akan menggunakan aplikasi berbasis data.

Bagaimana mereka melakukannya?

Erik Klimcz, Senior Design Leader di Uber and Advanced Technologies Group, membagikan beberapa tips yang dapat ditindaklanjuti di Medium. Dia menyarankan desainer UX harus terlebih dahulu mengidentifikasi, kemudian menentukan, pengguna atau persona untuk setiap proyek.

Karena aplikasi berbasis data cenderung digunakan oleh banyak persona di dalam atau di luar organisasi, Anda perlu mengidentifikasi persona tersebut sehingga Anda dapat mengatur wireframe arsitektur informasi dan tugas untuk memenuhi kebutuhan semua orang.

Itu akan membuat desain berguna bagi pengguna akhir, audiens target Anda—klien utama Anda.

Berikut ilustrasinya:

Memahami pengguna/persona Anda dapat membantu Anda menyesuaikan fungsionalitas aplikasi dengan kebutuhan mereka—yang merupakan tujuan akhir.

Selain itu, Anda dapat menentukan jenis alat visualisasi data yang akan digunakan untuk klien mana dengan menjawab pertanyaan penting seperti:

• Siapa yang akan menangani data (persona pengguna)? Apakah ini dirancang untuk pelanggan atau penganalisa data internal, misalnya?
• Apa yang dibutuhkan pengguna ini untuk membantu mereka melakukan selanjutnya?

Misalnya:

Anda dapat mendesain jenis infografis yang mengisi informasi berdasarkan entri pribadi pengguna.

Desain aplikasi berbasis data semacam ini akan berguna untuk situasi di mana pengguna diharuskan atau bebas mengunggah informasi saat mereka mendapatkannya atau saat mereka perlu mencabutnya untuk mengambil tindakan lebih lanjut.

Salah satu contohnya adalah di layanan pelanggan di mana perwakilan CS dapat memasukkan nama atau nomor klien untuk mengumpulkan lebih banyak informasi tentang mereka.

Anda dapat menemukan jenis alat visualisasi data interaktif ini beraksi di Mahfix for You vs John Paulson. Ini memungkinkan Anda memasukkan nomor, dan kemudian melaporkan kembali informasi berdasarkan masukan Anda. Ini cukup mulus!

2. Kegunaan Lebih dari Gaya: Menjaga Sederhana, Jelas, dan Ramah

Sangat mudah terjebak dalam mendesain UX menarik yang memikat Anda, tetapi sejujurnya, tidak praktis untuk klien Anda.

Agar dapat digunakan, antarmuka harus jelas. “Kejelasan adalah pekerjaan No. 1,” untuk mengatakannya dalam kata-kata desainer UX Joshua Porter yang produktif.

Nyatanya, Joshua Porter telah menulis postingan yang banyak akal tentang prinsip-prinsip desain antarmuka pengguna—yang masih berlaku saat mendesain aplikasi big data.

Jadi, untuk meningkatkan kejelasan seputar kegunaan: Haruskah desainer menggunakan desain UX khusus atau hanya menggunakan alat visualisasi yang telah dicoba dan diuji, seperti bagan garis?

Itu akan tergantung pada kasus klien/pengguna Anda.

Alat visualisasi data kustom yang lebih baru terus bermunculan: infografis (baik statis maupun interaktif), blok kode warna, animasi, visualisasi 3D, dan sebagainya.

Namun, sebenarnya hanya ada empat alat presentasi data yang Anda perlukan:

• Bagan garis untuk mengilustrasikan data berkelanjutan, seperti bagaimana sesuatu berubah dari waktu ke waktu
• Tabel untuk menampilkan informasi ringkasan
• Histogram untuk menampilkan distribusi variabel dan memplot data kuantitatif dalam interval
• Grafik batang untuk menampilkan data diskrit, membandingkan variabel, dan memplot data kategorikal

Namun, Anda dapat melampaui kegunaan untuk membuat antarmuka pemrosesan data yang menarik.

Inilah salah satu cara untuk melakukannya:

Lebih baik lagi, mendesain untuk antarmuka yang padat data dapat dilakukan dengan lebih sederhana:

Menggabungkan teks dan bagan adalah salah satu cara terbaik untuk meningkatkan kejelasan saat mendesain untuk UX berbasis data. Pengguna dapat menggunakan visual dan membaca teks untuk meningkatkan kejelasan. Tetapi pendekatan ini mungkin tidak berfungsi di semua situasi—terutama untuk data yang tidak dikategorikan dalam jumlah besar.

3. Gabungkan Bahan dan Desain Flat—Fungsi di Atas Bentuk

Konsep desain ini lebih tentang kegunaan dan minimalisme daripada, bertentangan dengan kepercayaan populer, desain dua dimensi yang membosankan. Tapi desain datar tidak membosankan atau membosankan. Anda dapat memanfaatkan warna-warna cerah, tepian yang bersih, dan ruang terbuka.

Menggunakan desain datar dan material sangat direkomendasikan untuk aplikasi seluler, situs web, dan browser desktop. Karena desainnya minimalis dan tidak menyimpan banyak data tambahan (seperti pada desain sebelumnya), ini memuat dengan cepat dan, jika dirancang untuk meningkatkan keterlibatan, dapat membantu pengunjung melihat halaman lebih lama.

Ini bagus untuk situs web berbasis data atau situs seluler yang bisa mendapatkan keuntungan dari tingkat bouncing yang ramah seluler, memuat cepat, dan lebih sedikit (manfaat SEO dan peringkat) yang terus-menerus dipindai oleh algoritme mesin telusur di jalinan.

4. Aksesibilitas atas estetika

Ini bukan hanya tentang membuat data yang berat dan kontekstual menjadi cair dan menarik (walaupun itu sangat membantu). Anda juga ingin merancang presentasi data yang memudahkan pengguna akhir untuk:

• Dapatkan pengertian yang jelas tentang data apa yang paling penting
• Memahami alur logis dari data yang disajikan
• Pahami apa yang dimaksud dengan data
• Pahami apa langkah selanjutnya yang harus diambil

Bagaimana kalau kita pecahkan masing-masing elemen ini?

Pengguna harus tahu data apa yang paling penting

Salah satu prinsip desain UX yang vital adalah mengamati dan mengimplementasikan hierarki informasi—dalam hal ini, hierarki visual.

Dengan kata lain, desain yang mengutamakan metrik yang tepat.

Anda ingin mengatur, mengatur, dan memprioritaskan data yang paling penting terlebih dahulu dan melengkapinya dengan data tambahan nanti. Tentu saja, urutan prioritas akan bervariasi tergantung pada pengguna aplikasi (dari persona yang ditentukan di atas).

Hal ini tidak hanya merapikan dasbor, tetapi juga membantu mengarahkan fokus pengguna pada apa yang penting bagi mereka dengan cara yang mudah diikuti dan tidak berlebihan.

Pengguna harus dapat memahami aliran logis data

Kesederhanaan memainkan peran utama dalam membantu pengguna menghubungkan data ke hasil tertentu.

Mirip dengan apa yang dibahas di poin sebelumnya, Anda ingin memulai dengan kisi ikhtisar dari keseluruhan data.

Anda dapat menambahkan menu tarik-turun yang intuitif, yang ketika pengguna mengklik, meluncur ke bawah untuk membuka informasi tambahan, lalu tugas atau item tindakan tertentu. Orang-orang menyukai ini, dan ini sudah mendapatkan popularitas.

Berikut adalah dua cara untuk membantu arus:

Sembunyikan informasi tambahan

Anda dapat menggunakan tautan atau rollover yang dapat diklik untuk mengungkapkan lebih banyak informasi. Selain itu, fungsi seperti slide-to-reveal data dan zoom-in-to-reveal adalah cara yang bagus untuk memasukkan informasi tambahan atau menyorot poin data utama. Semua menggunakan gerakan sederhana dan alami.

Hal ini memungkinkan pengguna untuk mengklik link atau rollover yang mereka anggap penting untuk pekerjaan mereka dan meninggalkan yang dianggap kurang penting.

Sekali lagi, Anda akan melihat bagaimana melakukan riset persona desain UX yang layak dapat membantu Anda mengidentifikasi apa yang paling penting bagi pengguna mana dan kapan.

Gunakan animasi hover

Anda dapat menggunakan efek animasi hover untuk menambahkan lebih banyak semangat, keterlibatan, dan kegunaan pada data (yang tampaknya) membosankan.

Animasi hover sangat dapat ditindaklanjuti untuk memberikan informasi tambahan tentang tugas atau item tertentu sambil membantu mengatur dan membersihkan aplikasi berbasis data Anda.

Namun, ada lebih banyak cara untuk menggunakan animasi untuk menghadirkan aplikasi berat data yang berguna dan menarik.

Hal tentang menyembunyikan informasi di balik tautan, slide, atau rollover yang dapat diklik adalah Anda melakukan sebagian besar pekerjaan di sisi belakang. Jadi perlu diingat bahwa Anda perlu merancang wireframe arsitektur Anda dengan mengingat hal ini sejak awal.

Pengguna harus dapat memahami apa arti data

Setelah mengatur dan memprioritaskan data di dasbor, langkah selanjutnya adalah memecah data menjadi beberapa halaman terpisah. Jika memungkinkan untuk mengkategorikan informasi, pastikan untuk mengalokasikan halaman/layar yang berbeda untuk bundel data yang berbeda.

Ini dapat cocok dengan proyek desain aplikasi kecil dan kompleks yang berat data, meskipun bisa memakan waktu lebih lama dan menuntut lebih banyak pekerjaan di bagian belakang.

Sejalan dengan tema "luar biasa" di atas, melakukan hal ini tidak hanya akan membantu klien/pengguna Anda merasa tidak terlalu kewalahan, tetapi mereka cenderung lebih baik menghitung angka di satu halaman sebelum melanjutkan ke halaman berikutnya, memahami data selangkah demi selangkah. waktu.

Misalnya, UI kontrol misi mungkin membantu klien Anda mendapatkan semua data pada satu halaman, tetapi hal itu dapat membuat mereka kewalahan seiring waktu—belum lagi diperas, terutama untuk ukuran layar yang berbeda.

Seringkali klien akan meminta jenis dasbor ini, tetapi Anda harus lebih tahu.

UI kontrol misi mungkin terlihat canggih, tetapi tidak semulus dan mudah digunakan seperti pendekatan satu halaman pada satu waktu yang dibahas sebelumnya. Yang pertama mungkin dengan mudah menghalangi penyampaian makna yang tersembunyi di tumpukan data yang dipamerkan. Dan itu tidak berguna.

Pengguna harus dapat memahami langkah selanjutnya yang harus diambil

Mengikuti langkah-langkah panas di atas, menjadi lebih mudah bagi pengguna untuk mengidentifikasi dan menghubungkan pola dalam data mentah—pencapaian kunci lain untuk dibidik saat mendesain untuk aplikasi berat data. Saat alat visualisasi data yang Anda gunakan membantu pengguna memahami data besar, saat itulah Anda tahu bahwa Anda telah melakukan pekerjaan dengan baik.

5. Berikan Ruang untuk Perbaikan

Last but not least, Anda pasti ingin membuat desain Anda gesit.

Seiring waktu berlalu dan pengguna berinteraksi dengan desain Anda, umpan balik mereka dapat mendorong Anda untuk bertindak dan memperbaiki atau mendesain ulang semuanya. Tidak ada satu cara untuk membuat desain yang sempurna untuk mengolah data, jadi menjaga kelincahan desain Anda dapat membantu Anda melakukan peningkatan berkelanjutan atau tambalan yang solid untuk memulai.

Pengambilan kunci

Tujuan dari desain UX adalah untuk menyampaikan pesan dengan cara yang jelas dan dapat ditindaklanjuti. Ini sangat penting untuk merancang aplikasi yang berat data. Dalam hal ini, bisnis desain yang baik adalah membantu analis atau manajer atau pengguna akhir membuat keputusan.

Dan pengguna tidak dapat menginterpretasikan dan menggunakan data mentah untuk menginformasikan keputusan jika mereka tidak memahaminya dengan baik dan bagaimana data itu disajikan.

Mendesain untuk proyek UX yang sarat data seharusnya tidak sesulit kelihatannya. Kiat dan trik di atas dapat membantu Anda mengetahui cara merancang antarmuka yang padat data.

Punya kiat masuk yang Anda ikuti untuk merancang UI visualisasi data yang mengagumkan dan ingin berbagi?

Beri tahu kami di bagian komentar di bawah.