Veri ağırlıklı UX tasarımı için stratejik olarak nasıl plan 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ı arayüzü ile uyumlu hale getirmek, günümüzde herhangi bir UX tasarımcısı için bir testtir. Çoğu zaman tasarım (bir mesajı iletmek için kullanılan araç) iletişimin önüne geçer (mesaj veya ham veri dağlarında gizlenen anlam).

Bilgilerin soyulması, kullanıcı arayüzünü basitleştirecek ve temizleyecektir. Ancak veriye dayalı uygulamalarda daha az veri, genellikle daha az pratik ve kullanışlı bir gösterge panosu 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 sağlarsınız?

Bir uygulamanın verileri nasıl sunduğu büyük bir rol oynar ve bu noktada UX tasarımcıları devreye girer.

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

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

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 ölü gibi duran muhteşem bir gösterge panosunu tasarladınız ve müşteriye sadece "Peki, X, Y ve Z'yi nerede yapabilirim?" Diye sormaları için zamanında teslim ettiniz.

Ah! Bu acıtmış olmalı.

1. Kullanışlı veriye dayalı panolar tasarlamak için kullanıcı personelini kullanın

Yapay zeka ve makine öğrenimi gelişmeye devam edecek olsa da, çoğu kuruluş kategorize edilmemiş verileri kırmak için hala insan müdahalesine ihtiyaç duyacak.

Ve en iyi UX tasarımcıları, veriye dayalı 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'ta Kıdemli Tasarım Lideri olan Erik Klimcz, Medium hakkında bazı uygulanabilir ipuçları paylaştı. UX tasarımcılarının her proje için önce kullanıcıları veya kişileri tanımlaması, 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üzenleyebilmeniz için bu kişileri tanımlamanız gerekir.

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

İşte bir örnek:

UX tasarım projeleri için kullanıcı karakterlerinin nasıl oluşturulacağına ilişkin temel bilgileri edinmeniz gerekiyorsa, Cooper'ın faydalı ipuçları vardır (burada tasarım personeliniz için nasıl araştırma yapacağınız ve veri toplayacağınız dahil).

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, hangi istemciye bağlı olarak hangi tür veri görselleştirme araçlarının kullanılacağını da belirleyebilirsiniz:

• Verilerle kim ilgilenecek (kullanıcı kişileri)? Örneğin müşteriler için mi yoksa şirket içi veri analizörleri için mi tasarlandı?
• Kullanım örnekleri: Bu kullanıcıların daha sonra yapmalarına yardımcı olmak için verilere ne ihtiyacı var?

Örneğin:

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

Bu tür bir veriye dayalı uygulama tasarımı, kullanıcının bilgiyi aldığında 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 örnek, bir CS temsilcisinin müşteri hakkında daha fazla bilgi toplamak için müşterinin adını veya numarasını girebildiği, örneğin çözülmemiş bir sorun gibi müşteri hizmetlerindedir.

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

Hedef kitle ve müşteri
kişisel çalışma sayfası

Bu üç sayfalık etkileşimli PDF, hedef kitlenizi bulmanıza, içeriğinizi denetlemenize ve işletmeniz için bir oyun planı oluşturmanıza yardımcı olacaktır. Çalışma sayfasını indirmek için Düzen'e abone olun!

Çalışma sayfasını ücretsiz indirin!

2. Tarz yerine kullanılabilirlik: basit, açık ve zarif tutmak

Sizi bağlayan çekici bir UX tasarlamaya kapılmak kolaydır, ancak açıkçası müşteriniz için pratik değildir.

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

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

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

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

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

Ancak, gerçekten ihtiyacınız olan yalnızca dört veri sunum aracı vardır:

• Bir şeyin zaman içinde nasıl değiştiği gibi sürekli verileri gösteren ç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ık 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 arayüzü oluşturmak için 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, veriye dayalı bir UX için tasarlarken netliği artırmanın en iyi yollarından biridir. Kullanıcılar görselleri kullanabilir ve daha iyi netlik için metni okuyabilir. Ancak bu yaklaşım her durumda, özellikle de devasa miktarlarda kategorize edilmemiş veri için işe yaramayabilir.

3. Malzemeyi ve düz tasarımı birleştirin — biçim yerine işlev

Bu tasarım konsepti, popüler inanışın aksine, sıkıcı iki boyutlu 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 renkler, temiz kenarlar ve açık alanlardan faydalanırsınız.

Düz ve materyal tasarımın kullanılması özellikle mobil uygulamalar, web siteleri ve masaüstü tarayıcılar için önerilir. Tasarım minimalist olduğundan ve tonlarca fazladan veri biriktirmediğinden (önceki tasarımlarda olduğu gibi), hızlı yüklenir ve etkileşimi artırmak için tasarlandığında ziyaretçilerin sayfayı daha uzun süre görüntülemesine 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 hale getirmekle ilgili değil (bunun çok yardımcı olmasına rağmen). Ayrıca, son kullanıcının şunları yapmasını kolaylaştıran veri sunumları tasarlamak istiyorsunuz:

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

Bu unsurların her birini parçalamaya ne dersiniz?

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

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

Başka bir deyişle, doğru metriklere öncelik veren bir tasarım.

Önce en önemli verileri organize etmek, düzenlemek ve öncelik sırasına koymak ve daha sonra herhangi bir ek veriyle tamamlamak 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 sadece gösterge panosunu dağıtmakla kalmaz, aynı zamanda kullanıcının odaklanmasını takip etmesi kolay, daha az bunaltıcı bir şekilde kendileri için önemli olan şeylere yönlendirmeye yardımcı olur.

Kullanıcılar verilerin mantıksal akışını anlayabilmelidir.

“Basitlik, kullanıcının verileri belirli bir sonuca bağlamasına yardımcı olmada önemli bir rol oynuyor. ”

Önceki noktada tartışılana benzer şekilde, genel verilerin genel bir tablosuyla 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ırma ve ortaya çıkarmak için yakınlaştırma gibi işlevler, ek bilgiler eklemenin veya önemli veri noktalarını vurgulamanın harika yollarıdır. Hepsi basit, doğal hareketler kullanarak.

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

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

Fareyle üzerine gelme animasyonlarını kullanın

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

Fareyle üzerine gelme animasyonları, veriye dayalı uygulamanızı düzenlemeye ve temizlemeye yardımcı olurken, belirli görevler veya öğeler hakkında ek bilgi sağlamak için özellikle uygulanabilir.

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

Tıklanabilir bağlantıların, slaytların veya rollover'ların arkasına bilgi gizlemenin yanı, en çok işi arka uç tarafında yapmanızdır. Bu nedenle, mimari tel çerçevelerinizi en başından itibaren bunu göz önünde bulundurarak tasarlamanız gerektiğini unutmayın.

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

Gösterge tablosundaki verileri düzenleyip önceliklendirdikten sonraki adım, verileri ayrı sayfalara ayırmaktır. Bilgileri kategorize etmek mümkünse, 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üşterinizin/kullanıcılarınızın daha az bunalmış hissetmesine yardımcı olmakla kalmaz, aynı zamanda verileri bir adımda anlayarak bir sonrakine geçmeden önce rakamları bir sayfada daha iyi toparlamaları 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 bunaltıcı olabilir - özellikle farklı ekran boyutları için, sıkıştırmadan bahsetmiyorum bile.

Genellikle bir müşteri bu tür bir gösterge panosu talep eder, ancak daha iyisini bilmelisiniz.

Bir görev kontrol kullanıcı arayüzü 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ı aktarmanın önüne kolayca geçebilir. Ve bu işe yaramaz.

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

Yukarıdaki adımları yakından 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 hedeflenmesi 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 için yer bırakın

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

Zaman geçtikçe 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.

Önemli çıkarımlar

UX tasarımının amacı, bir mesajı net 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, analistlerin veya yöneticilerin veya son kullanıcıların bilinçli bir karar vermelerine yardımcı olmaktır.

Ve kullanıcılar, iyi bir anlam ifade etmezlerse ve nasıl sunulduğunu anlamazlarsa, 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 yorucu 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. Sadece hatırlıyorum:

1. Kullanışlı veriye dayalı panolar tasarlamak için kullanıcı personelini kullanın
2. Hedef kitle ve müşteri kişiliği çalışma sayfası
3. Tarz yerine kullanılabilirlik: basit, açık ve zarif tutmak
4. Malzemeyi ve düz tasarımı birleştirin — formdan çok işlev
5. Estetikten çok erişilebilirlik
6. İyileştirme için yer bırakın

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

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

Web tasarım raporu işi

Bu yıl, önde gelen 1.000 serbest çalışana, ajansa ve kreatife web siteleri oluşturmanın, müşteri hizmetlerini yapılandırmanın ve zamanında ödeme almanın (tam!) en iyi yollarını sorduk. Oradan sayıları topladık, içgörüleri inceledik ve tahmin etmeyi bırakıp işinizi büyütmeye başlayabilmeniz için güzel bir rapor hazırladık!

Bu aydan itibaren web tasarım işinizi yepyeni bir düzeye taşıyın. Sizinki gibi diğer tasarım işletmelerinden bilgi alın ve hizmetleriniz için rekabetçi bir şekilde ücret almaya başlayın!