B2B SaaS'ta Bilgi Yoğunluğu: Uzman Kullanıcılar ve Acemiler için Kontrol Panelleri Tasarlama
Uzmanların yeni kullanıcıları bunaltmadan hızlı bir şekilde tarayabileceği yoğun B2B gösterge tabloları ve tabloları nasıl tasarlanır: yoğunluk modları, hiyerarşi, aşamalı açıklama.
Ana nokta
Yoğun arayüzler sorun değil; düzensiz olanlar. Uzmanlar ekran başına daha fazla bilgi ister; bu nedenle onlara güçlü hiyerarşi, tutarlı hizalama ve konum ve uzunluk kullanan grafikler verin. Acemileri makul varsayılanlar ve aşamalı açıklamalarla koruyun ve Carbon gibi tasarım sistemlerinin tablolar için yaptığı gibi insanların bir yoğunluk düzeyi seçmesine izin verin.
Yoğunluk uzmanlar için bir özelliktir
Analistler, destek temsilcileri ve operatörler gibi gün boyu bir B2B aracı kullanan kişiler genellikle tek seferde daha fazlasını görmeyi tercih ederler çünkü sekmeleri kaydırmak ve değiştirmek onlara zaman kaybettirir. Temiz bir ekran görüntüsü uğruna her şeyi geniş yapmak işlerini yavaşlatabilir. Amaç, yoğun ancak taranması kolay bilgidir.
Bırakın yoğunluğu insanlar seçsin
Tasarım sistemleri artık bileşenlere yoğunluk kazandırıyor. Örneğin IBM'in Carbon veri tablosu, son derece yoğun düzenler için ekstra küçükten (24 piksel), daha kolay tarama için ekstra büyük (64 piksel) ve varsayılan olarak orta (40 piksel) olmak üzere beş satır yüksekliği sunar.
- Kullanıcı başına hatırlanacak iki veya üç yoğunluk ayarı sunun.
- Yazı tipi boyutunu veya kontrastını değil, aralığı ve satır yüksekliğini değiştirin.
- Yoğunluktan bağımsız olarak dokunmatik cihazlarda dokunma hedeflerini yeterince büyük tutun.
Hiyerarşi yoğunluğu okunabilir hale getirir
Nielsen Norman Group, kontrol panellerini, insanların hızla harekete geçebileceği bir bakışta bilgi veren görselleştirmeler olarak tanımlıyor ve insanların en hızlı okuyabileceği uzunluk ve 2 boyutlu konumla birlikte miktarların kodlanmasını öneriyor. Uygulamada: Kararları yönlendiren birkaç sayıyı en üste koyun, her şeyi bir tabloya hizalayın, rengi yalnızca anlam için kullanın (durum, uyarılar) ve karşılaştırılabilmeleri için sayıları sağa hizalayın.
Uzmanları yavaşlatmadan acemileri koruyun
Aşamalı açıklama, gelişmiş seçeneklerin kullanılabilir olmasını sağlar ancak bunların dışında kalır. Yeni kullanıcılara odaklanmış bir varsayılan görünümle başlayın, ihtiyaç duydukları sütunları, filtreleri ve widget'ları eklemelerine izin verin ve uzmanların yoğun kurulumlarına anında dönebilmesi için görünümleri kaydedin.
Yoğun arayüzlerde hareket
Veri ağırlıklı ekranlarda hareket, değişimi açıklamalı, süslememeli: yeni güncellenen bir değeri vurgulayın, bir satırı yeni sıralanmış konumuna göre canlandırın veya insanların taşınan şeyi takip edebilmesi için bir grafik geçişi gösterin. Kısa tutun ve verilerle rekabet eden sürekli animasyonlardan kaçının.
Hatırlanacak temel ilkeler
- Uzmanlar yoğun ekranlardan yararlanıyor; asıl sorun düzensizlik
- Yazı boyutunu veya kontrastı değil, aralığı değiştirerek yoğunluk ayarları sunun
- Sayılar için uzunluk ve konum kullanın; yalnızca anlam için renk
- Aşamalı açıklama acemileri korur
- Hareketi verideki değişiklikleri açıklamak için kullanın, süslemek için değil
Sık sorulan sorular
Kaynaklar
- Data table usage — Karbon Tasarım Sistemi (IBM)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group