Bagaimana merencanakan secara strategis untuk desain UX yang padat data

Data besar menggelembung. 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 seringkali 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 masuk.

Dalam posting ini, saya akan berbagi tips dan trik yang dapat digunakan desainer UX untuk mengembangkan visualisasi data yang sederhana dan jelas, bahkan ketika menerapkan data besar (data yang mencapai Gigabytes) untuk dasbor aplikasi, halaman web, dan sebagainya.

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

Bagaimana merancang aplikasi data besar yang mengagumkan yang disukai klien

Mungkin tempat terbaik untuk memulai adalah menanyakan siapa klien Anda.

Mungkin Anda telah membuat dasbor yang sangat indah 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. Mempekerjakan persona pengguna untuk merancang dasbor berbasis data yang berguna

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

Dan desainer UX terbaik menciptakan 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 dan 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:

Jika Anda perlu mendapatkan dasar-dasar tentang cara membuat persona pengguna untuk proyek desain UX, Cooper memiliki tips bermanfaat (termasuk cara meneliti dan mengumpulkan data untuk persona desain Anda di sini).

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 yang bergantung, misalnya:

• Siapa yang akan menangani data (persona pengguna)? Apakah ini dirancang untuk pelanggan atau penganalisis data internal, misalnya?
• Kasus penggunaan: data apa yang dibutuhkan pengguna ini untuk membantu mereka lakukan selanjutnya?

Sebagai contoh:

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

Jenis desain aplikasi berbasis data ini akan berguna untuk situasi di mana pengguna diharuskan atau bebas mengunggah informasi saat mereka mendapatkannya atau saat mereka perlu menariknya kembali untuk mengambil tindakan lebih lanjut.

Salah satu contohnya adalah dalam layanan pelanggan di mana perwakilan CS dapat memasukkan nama atau nomor klien untuk mengumpulkan lebih banyak informasi tentang mereka, seperti masalah yang belum terselesaikan.

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

Target audiens dan klien
lembar kerja persona

PDF interaktif tiga halaman ini akan membantu Anda menemukan audiens Anda, mengaudit konten Anda, dan membuat rencana permainan untuk bisnis Anda. Berlangganan Layout untuk mengunduh lembar kerja!

Unduh lembar kerja secara gratis!

2. Kegunaan daripada gaya: membuatnya tetap sederhana, jelas, dan anggun

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

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

Faktanya, Joshua Porter telah menulis posting yang banyak akal tentang prinsip-prinsip desain antarmuka pengguna — yang masih berlaku saat merancang aplikasi data besar.

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 menunjukkan distribusi variabel dan memplot data kuantitatif dalam interval
• Grafik batang untuk menampilkan data diskrit, membandingkan variabel, dan memplot data kategorikal

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

Berikut salah satu cara untuk melakukannya:

Bahkan lebih baik lagi, mendesain untuk antarmuka yang padat data dapat menjadi lebih sederhana:

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

3. Kombinasikan material dan desain datar — fungsi di atas bentuk

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

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

Ini bagus untuk situs web berbasis data atau situs seluler yang dapat mengambil manfaat dari rasio pentalan yang ramah seluler, pemuatan cepat, dan lebih sedikit (manfaat SEO dan peringkat) yang terus-menerus dipindai oleh algoritme mesin telusur di jalinan.

4. Aksesibilitas daripada estetika

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

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

Bagaimana kalau kita memecahkan masing-masing elemen ini?

Pengguna harus tahu data apa yang paling penting

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

Dengan kata lain, desain yang memprioritaskan metrik yang tepat.

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

Melakukan hal ini tidak hanya membuat dasbor menjadi bersih, 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 untuk 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 intuitif, yang ketika pengguna mengklik, meluncur ke bawah untuk mengungkapkan informasi tambahan, dan kemudian tugas atau item tindakan tertentu. Orang-orang menyukai ini, dan ini sudah mulai populer.

Berikut adalah dua cara untuk membantu aliran:

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 mereka anggap 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 melayang-layang

Anda dapat menggunakan efek animasi melayang 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 data-berat yang berguna dan menarik.

Hal tentang menyembunyikan informasi di balik tautan, slide, atau rollover yang dapat diklik adalah Anda melakukan pekerjaan paling banyak di sisi back-end. Jadi, ingatlah bahwa Anda perlu mendesain wireframe arsitektur Anda dengan mempertimbangkan hal ini sejak awal.

Pengguna harus dapat memahami apa arti data

Setelah mengatur dan memprioritaskan data di dasbor, langkah selanjutnya adalah memecah data menjadi halaman-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 berat data yang kompleks, meskipun bisa memakan waktu lebih lama dan menuntut lebih banyak pekerjaan di bagian belakang.

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

Misalnya, UI kontrol misi mungkin membantu klien Anda mendapatkan semua data pada satu halaman, tetapi dapat membuat mereka kewalahan dari waktu ke waktu — apalagi diperas, terutama untuk ukuran layar yang berbeda.

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

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 segunung data yang dipamerkan. Dan itu tidak berguna.

Pengguna harus dapat memahami langkah selanjutnya yang harus diambil

Mengikuti langkah-langkah di atas, menjadi lebih mudah bagi pengguna untuk mengidentifikasi dan menghubungkan pola dalam data mentah — kemenangan kunci lain yang harus dicapai saat mendesain untuk aplikasi data-berat. 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 desain Anda tetap gesit dapat membantu Anda melakukan peningkatan berkelanjutan atau patch yang solid untuk memulai.

takeaways kunci

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

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

Mendesain untuk proyek UX yang padat data seharusnya tidak terlalu menjengkelkan seperti yang terlihat. Kiat dan trik di atas dapat membantu Anda mengetahui cara mendesain antarmuka yang padat data. Ingatlah:

1. Mempekerjakan persona pengguna untuk merancang dasbor berbasis data yang berguna
2. Target audiens dan lembar kerja persona klien
3. Kegunaan daripada gaya: membuatnya tetap sederhana, jelas, dan anggun
4. Kombinasikan material dan desain datar — fungsi di atas bentuk
5. Aksesibilitas atas estetika
6. Berikan ruang untuk perbaikan

Punya tips masuk yang Anda ikuti untuk mendesain UI visualisasi data yang mengagumkan dan ingin dibagikan?

Kepada Anda di bagian komentar di bawah.

Bisnis laporan desain web

Tahun ini, kami bertanya kepada 1.000 pekerja lepas, agensi, dan materi iklan terkemuka tentang cara terbaik untuk membangun situs web, menyusun layanan klien, dan mendapatkan bayaran (penuh!) tepat waktu. Dari sana kami mengolah angka, menggali wawasan, dan mengemas laporan yang indah sehingga Anda dapat berhenti menebak-nebak dan mulai meningkatkan skala bisnis Anda!

Bawa bisnis desain web Anda ke tingkat yang baru, mulai bulan ini. Dapatkan wawasan dari bisnis desain lain seperti milik Anda dan mulailah menagih secara kompetitif untuk layanan Anda!