Veri Ağırlıklı Kullanıcı Deneyimi Tasarımı İçin Stratejik Plan Nasıl Yapılır?

Büyük veri balonlaşıyor. Yine de, karmaşık veri ihtiyaçlarını basit, temiz ve kullanışlı bir kullanıcı arabirimiyle uyumlu hale getirmek, bugün herhangi bir UX tasarımcısı için zorlu bir sınavdır. Çoğu zaman, tasarım (bir mesajı iletme aracı) iletişimin (ham veri dağlarında gizlenen mesaj veya anlam) önüne geçer.

Bilgilerin soyulması, kullanıcı arayüzünü basitleştirecek ve temizleyecektir. Ancak veri odaklı uygulamalarda, daha az veri genellikle daha az pratik ve kullanışlı bir pano anlamına gelir.

Bununla birlikte, yapabileceğiniz tüm bağlamsal verileri tutmak, çalışamaz bir uygulama sağlar.

Peki, doğru dengeyi nasıl yakalarsınız?

Bir uygulamanın verileri nasıl sunduğu büyük bir rol oynar ve UX tasarımcılarının devreye girdiği yer burasıdır.

Bu gönderide, UX tasarımcılarının uygulama panoları, web sayfaları vb. için büyük verileri (Gigabaytlara ulaşan veriler) uygularken bile basit ve net veri görselleştirmesi geliştirmek için kullanabilecekleri ipuçlarını ve püf noktalarını paylaşacağım.

Yine de, büyük veri uygulamaları tasarlamak için en iyi dilleri şimdilik bu konuşmanın dışında bırakacağım.

Veri ağırlıklı UX için nasıl tasarım yapacağınız aşağıda açıklanmıştır:

Müşterilerin Sevdiği Harika Büyük Veri Uygulamaları Nasıl Tasarlanır?

Belki de başlamak için en iyi nokta müşterinizin kim olduğunu sormaktır.

Belki de harikulade bir gösterge panosu oluşturdunuz ve müşteriye "Peki, X, Y ve Z'yi nerede yapabilirim?" diye sormaları için zamanında teslim ettiniz.

Ah! Bu acıtmış olmalı.

1. Yararlı Veriye Dayalı Panolar Tasarlamak için Kullanıcı Kişilerini Kullanın

Yapay zeka ve makine öğrenimi gelişmeye devam etse de, çoğu kuruluşun kategorize edilmemiş verileri sıkıştırmak için insan müdahalesine ihtiyacı olacaktır.

Ve en iyi UX tasarımcıları, veri odaklı uygulamaları kullanacak kişiler için bir sorunu çözmeye yardımcı olacak ürünler yaratır.

Nasıl yapıyorlar?

Uber ve Advanced Technologies Group Kıdemli Tasarım Lideri Erik Klimcz, Medium'da eyleme geçirilebilir bazı ipuçları paylaştı. UX tasarımcılarının her proje için kullanıcıları veya kişileri önce belirlemesi, ardından tanımlaması gerektiğini öne sürüyor.

Veriye dayalı uygulamalar bir kuruluş içinde veya dışında birden çok kişi tarafından kullanılma eğiliminde olduğundan, bilgi mimarisi tel çerçevelerinizi ve görevlerinizi herkesin ihtiyaçlarını karşılayacak şekilde düzenleyebilmek için bu kişileri tanımlamanız gerekir.

Bu, tasarımı son kullanıcı, hedef kitleniz, yani ana müşteriniz için faydalı hale getirir.

İşte bir örnek:

Kullanıcılarınızı/kişilerinizi anlamak, uygulamanın işlevselliğini onların ihtiyaçlarına göre özelleştirmenize yardımcı olabilir ki bu nihai hedeftir.

Ayrıca, aşağıdakiler gibi önemli soruları yanıtlayarak hangi müşteri için ne tür veri görselleştirme araçları kullanacağınızı da belirleyebilirsiniz:

• Verilerle kim ilgilenecek (kullanıcı karakterleri)? Örneğin, müşteriler veya şirket içi veri analizörleri için mi tasarlandı?
• Bu kullanıcıların bundan sonra ne yapmalarına yardımcı olacak verilere ihtiyacı var?

Örneğin:

Bir kullanıcının kişisel girişlerine dayalı olarak bilgileri dolduran bir infografik türü tasarlayabilirsiniz.

Bu tür bir veriye dayalı uygulama tasarımı, kullanıcının bilgileri alır almaz yüklemesinin gerektiği veya yüklemekte özgür olduğu veya daha fazla işlem yapmak için geri çekmesi gerektiği durumlarda kullanışlı olacaktır.

Bir CS temsilcisinin onlar hakkında daha fazla bilgi toplamak için bir müşterinin adını veya numarasını girebildiği müşteri hizmetleri buna bir örnektir.

Bu tür etkileşimli veri görselleştirme aracını çalışırken Mahfix for You vs John Paulson'da bulabilirsiniz. Bir sayı girmenize izin verir ve ardından girişinize göre bilgileri geri bildirir. Oldukça pürüzsüz!

2. Tarzdan Çok Kullanılabilirlik: Basit, Açık ve Zarif Tutmak

Sizi kendine çeken çekici bir UX tasarlamaya kendinizi kaptırmak kolaydır, ancak açıkçası müşteriniz için pratik değildir.

Bir arayüzün kullanılabilir olması için açık olması gerekir. Üretken UX tasarımcısı Joshua Porter'ın sözleriyle "Netlik 1 numaralı iştir".

Aslında, Joshua Porter, büyük veri uygulamaları tasarlarken hala geçerli olan kullanıcı arabirimi tasarımı ilkeleri üzerine becerikli bir yazı yazmıştır.

Bu nedenle, kullanılabilirlik konusundaki netliği artırmak için: Tasarımcılar özel UX tasarımı mı kullanmalı yoksa yalnızca çizgi grafikler gibi denenmiş ve test edilmiş görselleştirme araçlarını mı tercih etmelidir?

Bu, müşteri/kullanıcı durumlarınıza bağlı olacaktır.

Daha yeni, özel veri görselleştirme araçları ortaya çıkmaya devam ediyor: bilgi grafikleri (hem statik hem etkileşimli), renk kodlu bloklar, animasyonlar, 3D görselleştirme vb.

Ancak, ihtiyaç duymanız gereken gerçekten sadece dört veri sunum aracı vardır:

• Bir şeyin zaman içinde nasıl değiştiği gibi sürekli verileri göstermek için çizgi grafikler
• Özet bilgileri görüntülemek için tablolar
• Değişkenlerin dağılımını göstermek ve nicel verileri aralıklarla çizmek için histogramlar
• Ayrı verileri görüntülemek, değişkenleri karşılaştırmak ve kategorik verileri çizmek için çubuk grafikler

Yine de, çekici bir veri işleme arabirimi oluşturmak için yalnızca kullanılabilirliğin ötesine geçebilirsiniz.

İşte bunu yapmanın bir yolu:

Daha da iyisi, veri ağırlıklı arayüzler için tasarım yapmak daha basit bir dönüş alabilir:

Metin ve grafikleri birleştirmek, veri odaklı bir UX için tasarım yaparken netliği artırmanın en iyi yollarından biridir. Kullanıcılar görselleri tüketebilir ve daha iyi netlik için metni okuyabilir. Ancak bu yaklaşım her durumda işe yaramayabilir, özellikle de çok büyük miktarda kategorize edilmemiş veri söz konusu olduğunda.

3. Malzeme ve Düz Tasarımı Birleştirin—Formdan Çok İşlev

Bu tasarım konsepti, popüler inanışın aksine, iki boyutlu sıkıcı bir tasarımdan çok kullanılabilirlik ve minimalizm ile ilgilidir. Ancak düz tasarım ne sıkıcı ne de sıkıcıdır. Parlak renkleri, net kenarları ve açık alanları kullanırsınız.

Düz ve malzeme tasarımının kullanılması özellikle mobil uygulamalar, web siteleri ve masaüstü tarayıcılar için önerilir. Tasarım minimalist olduğundan ve (önceki tasarımlarda olduğu gibi) bir ton fazladan veri istiflemediğinden, hızlı yüklenir ve etkileşimi artırmak için tasarlandığında, ziyaretçilerin sayfayı daha uzun süre görüntülemelerine yardımcı olabilir.

Bu, arama motoru algoritmalarının interweb'lerde sürekli olarak taradığı mobil uyumlu, hızlı yükleme ve daha az hemen çıkma oranlarından (SEO ve sıralama avantajları) yararlanabilecek veri odaklı web siteleri veya mobil siteler için harikadır.

4. Estetikten çok erişilebilirlik

Bu sadece ağır, bağlamsal verileri akıcı ve çekici kılmakla ilgili değil (gerçi bu çok yardımcı oluyor). Ayrıca, son kullanıcının şunları yapmasını kolaylaştıran veri sunumları tasarlamak istiyorsunuz:

• Hangi verilerin en önemli olduğu konusunda net bir fikir edinin
• Sunulan verilerin mantıksal akışını kavrayın
• Verilerin ne anlama geldiğini anlayın
• Atılacak bir sonraki adımın ne olduğunu anlayın

Bu unsurların her birini ayırmaya ne dersiniz?

Kullanıcılar hangi verilerin en önemli olduğunu bilmelidir

Hayati bir UX tasarım ilkesi, bir bilgi hiyerarşisini (bu durumda görsel hiyerarşi) gözlemlemek ve uygulamaktır.

Yani doğru metrikleri ön planda tutan bir tasarım.

Önce en önemli verileri organize etmek, düzenlemek ve önceliklendirmek ve daha sonra herhangi bir ek veri ile desteklemek istiyorsunuz. Elbette öncelik sırası, uygulamanın kullanıcısına (yukarıda tanımlanan kişilerden) bağlı olarak değişecektir.

Bunu yapmak panodaki dağınıklığı azaltmakla kalmaz, aynı zamanda kullanıcının takip etmesi kolay, daha az bunaltıcı bir şekilde onlar için önemli olan şeylere odaklanmasına yardımcı olur.

Kullanıcılar mantıksal veri akışını kavrayabilmelidir.

Sadelik, kullanıcının verileri belirli bir sonuca bağlamasına yardımcı olmada önemli bir rol oynar.

Önceki noktada tartışılanlara benzer şekilde, genel verilere ilişkin bir genel bakış kılavuzuyla başlamak istiyorsunuz.

Kullanıcı tıkladığında ek bilgileri ve ardından belirli görevleri veya eylem öğelerini ortaya çıkarmak için aşağı kayan sezgisel bir açılır menü ekleyebilirsiniz. İnsanlar buna bayılıyor ve şimdiden popülerlik kazanıyor.

Akışa yardımcı olmanın iki yolu:

Ek bilgileri gizle

Daha fazla bilgi ortaya çıkarmak için tıklanabilir bağlantıları veya rollover'ları kullanabilirsiniz. Ayrıca, verileri ortaya çıkarmak için kaydır ve ortaya çıkarmak için yakınlaştır gibi işlevler, ek bilgiler eklemenin veya önemli veri noktalarını vurgulamanın harika yollarıdır. Hepsi basit, doğal hareketler kullanıyor.

Bu, kullanıcıların işleri için önemli olduğunu düşündükleri bağlantılara veya rollover'lara tıklamalarına ve daha az önemli bulduklarını bırakmalarına olanak tanır.

Yine, düzgün bir UX tasarımı kişi araştırması yapmanın, hangi kullanıcı için neyin en önemli olduğunu ve ne zaman olduğunu belirlemenize nasıl yardımcı olabileceğini göreceksiniz.

Vurgulu animasyonları kullanın

(Görünüşte) donuk verilere daha fazla canlılık, etkileşim ve kullanışlılık eklemek için fareyle üzerine gelme animasyon efektlerini kullanabilirsiniz.

Vurgulu animasyonlar, veri odaklı uygulamanızı düzenlemeye ve temizlemeye yardımcı olurken, belirli görevler veya öğeler hakkında ek bilgi sağlamak için özellikle eyleme geçirilebilir.

Yine de, yararlı ve ilgi çekici veri ağırlıklı uygulamalar sunmak için animasyonu kullanmanın daha fazla yolu vardır.

Bilgileri tıklanabilir bağlantıların, slaytların veya rollover'ların arkasına gizlemeyle ilgili olan şey, işin çoğunu arka planda yapmanızdır. Bu nedenle, mimari tel kafeslerinizi en başından beri bunu göz önünde bulundurarak tasarlamanız gerektiğini unutmayın.

Kullanıcılar, verilerin ne anlama geldiğini anlayabilmelidir.

Kontrol panelinde verileri düzenleyip önceliklendirdikten sonra, bir sonraki adım verileri ayrı sayfalara ayırmaktır. Bilgileri kategorize etmek mümkün ise, farklı veri paketleri için farklı sayfalar/ekranlar ayırdığınızdan emin olun.

Bu, hem küçük hem de karmaşık veri ağırlıklı uygulama tasarım projelerine uyabilir, ancak daha uzun sürebilir ve arka uçta daha fazla çalışma gerektirebilir.

Yukarıdaki "ezici" temaya uygun olarak, bunu yapmak yalnızca müşterilerinizin/kullanıcılarınızın daha az bunalmış hissetmelerine yardımcı olmakla kalmaz, aynı zamanda bir sonraki sayfaya geçmeden önce verileri adım adım anlayarak bir sayfadaki rakamları daha iyi kavramaları muhtemeldir. zaman.

Örneğin, bir görev kontrol kullanıcı arabirimi, müşterinizin tüm verileri tek bir sayfada almasına yardımcı olabilir, ancak zaman içinde, özellikle farklı ekran boyutları için sıkışık olması bir yana, onlar için bunaltıcı olabilir.

Çoğu zaman bir müşteri bu tür bir kontrol paneli talep eder, ancak sizin daha iyi bilmeniz gerekir.

Bir görev kontrol kullanıcı arabirimi karmaşık görünebilir, ancak daha önce tartışılan her seferinde bir sayfa yaklaşımı kadar sorunsuz ve kullanımı kolay değildir. İlki, sergilenen veri dağında gizlenen anlamı kolayca iletebilir. Ve bu yararlı değil.

Kullanıcılar atılacak bir sonraki adımı anlayabilmelidir.

Yukarıdaki adımları takip ederek, kullanıcıların ham verilerdeki kalıpları tanımlaması ve ilişkilendirmesi daha kolay hale gelir; bu, veri ağırlıklı uygulamalar için tasarım yaparken amaçlanması gereken bir başka önemli kazanımdır. Kullandığınız veri görselleştirme araçları, kullanıcıların büyük verileri anlamlandırmasına yardımcı olduğunda, işte o zaman harika bir iş çıkardığınızı bilirsiniz.

5. İyileştirme İçin Yer Açın

Son olarak, tasarımınızı çevik hale getirmek isteyeceksiniz.

Zaman hızla akıp giderken ve kullanıcılar tasarımınızla etkileşime girdikçe, geri bildirimleri sizi harekete geçirmeye ve her şeyi düzeltmeye veya yeniden tasarlamaya yönlendirebilir. Verileri işlemek için mükemmel bir tasarım oluşturmanın tek bir yolu yoktur, bu nedenle tasarımınızı çevik tutmak, sürekli iyileştirmeler yapmanıza veya başlamak için sağlam bir yama yapmanıza yardımcı olabilir.

Anahtar çıkarımlar

UX tasarımının amacı, bir mesajı açık ve eyleme geçirilebilir bir şekilde iletmektir. Bu, özellikle veri ağırlıklı uygulamalar tasarlamak için çok önemlidir. Bu durumda, iyi tasarımın işi analistlere, yöneticilere veya son kullanıcılara bilinçli bir karar vermelerinde yardımcı olmaktır.

Ve kullanıcılar, ham verileri ve nasıl sunulduğunu tam olarak anlamıyorlarsa, bir kararı bildirmek için ham verileri yorumlayamaz ve kullanamazlar.

Veri ağırlıklı UX projeleri için tasarım yapmak, göründüğü kadar sinir bozucu olmamalıdır. Yukarıdaki ipuçları ve püf noktaları, veri ağırlıklı arayüzler için nasıl tasarım yapacağınızı anlamanıza yardımcı olabilir.

Harika veri görselleştirme kullanıcı arayüzleri tasarlamak için takip ettiğiniz ve paylaşmak istediğiniz herhangi bir ipucu var mı?

Aşağıdaki yorumlar bölümünde bize bildirin.