LuckyTemplatesda Pano: En İyi Tasarım Uygulamaları

Bu öğreticide, LuckyTemplates'daki panonuz için daha iyi bir veriye dayalı hikaye anlatmanıza yardımcı olabilecek bazı temel tasarım uygulamalarını öğreneceksiniz. LuckyTemplates panoları, içgörüleri iletmek için kullanılır. Görselleştirmeler aracılığıyla bir hikaye anlatır . Bu nedenle, kitleniz için içgörüleri verimli bir şekilde vurgulamak için uygun veri görselleştirmesine sahip olmak çok önemlidir.

İçindekiler

• LuckyTemplates'da Panonuz İçin Renkleri Tanımlama
• LuckyTemplates Dashboard'larınızdaki Görsellerin Düzenlenmesi
• LuckyTemplates'da Panonuz İçin Uygun Görselleştirmeleri Seçme 
• LuckyTemplates'da Panonuz İçin Araç İpuçları Ekleme
• Özel Araç İpuçları Oluşturma
• LuckyTemplates'da Panonuz İçin Bir Detaylandırma Sayfası Ekleme
• Görselleştirmeniz İçin Ekstra Bilgi Ekleme
• Minimum Sayıda Dilimleyici Kullanma
• Çözüm

LuckyTemplates'da Panonuz İçin Renkleri Tanımlama

Aklınızda bulundurmanız gereken ilk şey, tıpkı buradaki raporumda yaptığım gibi tutarlı renkler kullanmaktır. Gördüğünüz gibi başlıklarımda 1 renk kullandım. 

Kullandığım renkler raporumun diğer sayfalarında da aynı.

Raporunuzda çeşitli renk kombinasyonları kullanırsanız, boyama kitabında bir çocuğun çalışması gibi görünecektir. Bazen anlatmak istediğin hikaye tüm renklerin arasına karışır. Bu nedenle raporunuzda maksimum 2-4 renk kullanmanız çok önemlidir. 

Tek bir renk kullanmak isterseniz, farklı tonlarda bir renk kullanabilirsiniz. Örneğin burada en soldaki çubuğun renginin daha koyu bir renk olduğunu görebilirsiniz. Ardından, sonraki çubuk daha açık bir renge sahiptir. Ancak hepsi aynı renk ailesine aittir.

Farklı renkler kullanmaya çalışıyorsanız, bu renklerin ne anlama geldiğini açıkça tanımladığınızdan emin olun. Örneğin bu raporda görselleştirme için farklı renkler kullandım. Diğeri daha açık, diğeri kırmızı ve alttaki çizgi biraz daha koyu. 

Farklı renkleri olmasına rağmen, burada açıkça tanımladım. Daha açık renk bir dizi memnun müşteriye aittir, kırmızı renk anket verileri içindir ve daha koyu renk memnun olmayan müşteri sayısı içindir.

Rapor sayfasında  2018 yılını sarı renkle, 2019 yılını gri renkle ve 2020 yılını kırmızı renkle açıkça tanımladığım bir başka örnek daha .

Ben de bu başlıkta o renklerin karışımını burada kullandım. Bu, insanlara bu renklerin bu raporda ayrı ayrı renkleri tanımlamak için kullanıldığı fikrini verecektir.

İşte bir öncekiyle bağlantılı başka bir örnek. Gördüğünüz gibi Kusur verileri için sarı renk kullandım. 

Ardından, Kapalı Kalma verilerini tanımlamak için kırmızı veya pembemsi rengi kullandım .

Bu belirli gezinme düğmesinde, sarı, kırmızı ve pembe renklerin birleşimiyle degrade bir renk kullandım. Bu, bu raporda kullandığım renklere karşılık geliyor. 

Raporunuzdaki renkleri bu şekilde tanımlayabilirsiniz.

LuckyTemplates Dashboard'larınızdaki Görsellerin Düzenlenmesi

Tartışmak istediğim bir sonraki iyi pano tasarımı uygulaması, görsellerinizin organizasyonu ve bunların raporunuzdaki diğer görsellerle her zaman nasıl etkileşime girmesi gerektiğidir. 

Örneğin, raporumun bu kısmı, yürütülen anket sayısındaki genel eğilimi temsil ediyor.

Öte yandan, bu, Ürün Kategorisindeki bireysel eğilimdir .

Gördüğünüz gibi, bireysel trend bu rapor sayfasındaki tüm görsellerle etkileşime giriyor. 

Trendi Material Type'a göre gösterdiğim başka bir örnek . Bu, en fazla kusur sayısına sahip en kötü ilk 3 malzemeyi ve eğilimlerini gösterir.

İlk 3 malzeme, Hammaddeler , Oluklu Mukavva ve Film olan bu bölümdedir .

Dinamik olarak da değiştirilebilirler. Örneğin, yılı 2018 olarak değiştirirsem , ilk 3 malzemenin artık Oluklu , Hammaddeler ve Etiketler olduğunu görürsünüz .

Ayrıca , Malzeme Türü çıktısına göre eğilimin değiştiğini de göreceksiniz . Dolayısıyla bu görseller birbirleriyle etkileşim halindedir. 

LuckyTemplates'da Panonuz İçin Uygun Görselleştirmeleri Seçme 

Aklınızda bulundurmanız gereken bir diğer önemli husus, kullanacağınız görselleştirme türlerini öğrenmektir. Örneğin, burada benim 318 satıcımın bulunduğu tablom gibi birçok kategoriniz olabilir . 

Bir çizgi grafiği kullanırsam ve satıcı sayısını bir açıklamayla belirtirsem, çok kalabalık olacaktır. Çizgi grafik, bu sayıda kategoriyi destekleyemez. 

Örnek olarak, satıcılarımı görüntülemek için bir çizgi grafiği kullandığım bir sayfa oluşturdum. Sonuç olarak, çok fazla değer olduğunu ve tüm verilerimi göstermediğini belirtti. Bu görselleştirme o kadar iyi ve yararlı değil çünkü hiçbir hikaye veya bilgi yok.

Bu gibi durumlarda, çok sayıda kategori türü olabileceğinden bunun yerine dağılım grafiklerini kullanabilirsiniz.

LuckyTemplates'da Panonuz İçin Araç İpuçları Ekleme

LuckyTemplates panonuzu tasarlarken yapabileceğiniz başka bir şey de araç ipuçları eklemektir. Dağılım grafiklerini kullanırken araç ipuçları eklemek de yararlıdır. Bu örnekte de görebileceğiniz gibi, hiçbir bilgiyi göremiyoruz. 

Ancak, belirli bir çizimin üzerine geldiğimde, bir araç ipucu eklediğim için onunla ilgili temel bilgileri görebilirim.

Araç ipuçlarıyla ilgili iyi olan şey, piyasadan özel araç ipuçlarını kullanabilmemiz ve görsellerin Charticulator'da tasarlanabilmesidir. 

Araç ipucunuzun rengini de değiştirebilirsiniz. Bunu yapmak için Biçim bölmesinin altındaki Araç İpucu bölümüne gidin . Burada araç ipucunuzun arka planını, etiketini ve değer rengini değiştirebilirsiniz.

Özel Araç İpuçları Oluşturma

Araç ipuçlarının harika özelliklerinden biri, bir rapor sayfası oluşturabilmeniz ve bunu resimde gösterildiği gibi özel bir araç ipucuna dönüştürebilmenizdir. 

Bunu ayrı bir sayfa oluşturarak yapabilirsiniz. Ayrı sayfada, Biçim bölmesine gidin ve Sayfa bilgileri altındaki Araç ipucu seçeneğini etkinleştirin . 

Ardından, boyutu bir araç ipucuna benzer hale getirmek için Sayfa boyutu altındaki Tür seçeneği için Araç ipucu'nu seçin .

Bundan sonra, Görünüm sekmesine gidin ve bir araç ipucu görünümü seçmek için Sayfa görünümü altındaki Gerçek boyut seçeneğini belirleyin.

Varsayılan olarak, araç ipucunun boyutu küçüktür.

Bunu özelleştirmek için Sayfa boyutuna tekrar gidin ve Özel türü seçin. 

Daha sonra araç ipucunun genişliğini ve yüksekliğini artırabilirsiniz.

Artık bu özel sayfa, raporunuzda bir araç ipucu olarak kullanılmaya hazır. Sadece kullanmak istediğiniz görseli seçin. Ardından Biçim bölmesine gidin. Araç İpucu'nu bulun , Tür'ü Rapor sayfası olarak ayarlayın ve Sayfa alanı altında Araç İpucu olarak kullanmak istediğiniz sayfa adını seçin .

Özel araç ipucunuzun boyutunu değiştirirseniz görselinizin araç ipucunda da otomatik olarak değişir. Örneğin, bu özel sayfa ipucunun boyutunu burada değiştireceğim.

Karşılık gelen çiziminin üzerine geldiğimde, araç ipucunun boyutunun da değiştiğini göreceksiniz.

LuckyTemplates'da Panonuz İçin Bir Detaylandırma Sayfası Ekleme

Detaya geçiş, raporunuzda belirli bir varlığa odaklanan bir sayfa oluşturmak için kullanılır, böylece insanlar bu bağlam için filtrelenmiş ayrıntıları alabilir.

Raporunuza bir detaylandırma eklemek için, son kullanıcıya detaylandırma sayfasında çalışmak için o butona tıklamanız gerektiğini göstermek için bir düğme kullanabilirsiniz. 

Ayrıca bir veriye sağ tıklayıp Detaya Git öğesini seçebilirsiniz . 

Ya da, bu belirli verileri seçebilir, ardından detaya gitme sayfasına gitmek için düğmeye tıklayabilirsiniz. 

Bir detaylandırma sayfası oluşturmak zor değil. Sadece Ekle sekmesine gidin ve Boş düğmesine tıklayın . 

Ardından, Görselleştirmeler bölmesinin altındaki Düğme Metni alanında tanımlayın . 

Bundan sonra, Eylem seçeneğini etkinleştirin, Detaylandırmak için Tür seçeneğini ayarlayın ve Hedef öğesini ayarlayın .

Henüz bir şey seçmediyseniz, düğme şöyle görünecektir.

Bir öğe veya veri seçerseniz, bu şekilde görünecektir. Bu, Detaylandırma sayfasına gitmek için üzerine tıklamanız gerektiğini gösterir.

Action altında Etkinleştir araç ipucuna giderek de bir araç ipucu ekleyebilirsiniz . Örneğin “ Buraya Tıklayın ” yazalım .

Fareyle buraya gelirsem, “ Buraya Tıklayın ” ifadesinin göründüğünü görebilirsiniz . Bununla, son kullanıcı detaylandırma sayfasına gitmek için buna tıklaması gerektiğini bilecektir.

Görselleştirmeniz İçin Ekstra Bilgi Ekleme

Görselleştirmeniz karmaşıksa ek ayrıntılar da verebilirsiniz. Örneğin, buradaki bu rapor sayfasında, Ortalama Açık Günlerin ne anlama geldiğini anlamak zordur .

Bu yüzden, üzerine tıklandığında ek bilgileri gösterecek bir simge ekledim. 

O bilgi ikonunu da buradaki raporuma ekledim. 

Minimum Sayıda Dilimleyici Kullanma

Rapor sayfasında dilimleyici sayısını minimumda tutun. Genellikle rapora yalnızca en önemli dilimleyiciyi koymaya çalışırım.

Örneğin, bu rapora yalnızca bir dilimleyici yerleştirdim.

Diğer sayfalara gidersem, sadece bir dilimleyicinin de görüntülendiğini görebilirsiniz. 

Ancak detaylı analiz içeren raporlar için, son kullanıcının da kullanmak istemesi durumunda dilimleyicilerimi buradaki  gezinti paneline koydum .

Ayrıca verileri özetlemek için dilimleyiciler yerine görselleri kullanabilirsiniz. Görselleri kullanmak da daha fazla bilgi verir. 

Bu sayfaya geri dönersem, vurgulanan kısım bir dilimleyici gibi davranıyor. Ancak son kullanıcıya da bilgi vermektedir. Sadece üzerine tıklayabilirim ve verileri benim için filtreleyecektir.

Bunu, bu örnekte gösterildiği gibi diğer raporlarımda da yaptım. Buradaki görseller ayrıca dilimleyici işlevi görür. Dilimleyicilerden daha iyi görünürler ve çok daha fazla bilgi verirler.

LuckyTemplates Dashboard'da Bir Görselleştirmeyi Yeniden Oluşturun
LuckyTemplates Dashboard Tasarımı – Etkileyici Bir Sayfa Çevirme Görselleştirme Fikri
LuckyTemplates Dashboard Eğitimi – Dashboard Tasarımını Geliştirme
 

Çözüm

Sonuç olarak, bahsettiğim bu ipuçları, bir rapor oluştururken veya hazırlarken aklınızda bulundurmanız gereken şeylerdir.  

LuckyTemplates'daki panoların potansiyeli, nihai tasarım için çok az çaba harcanması nedeniyle genellikle tam olarak gerçekleştirilemez. Panolarınızı düzgün bir şekilde tasarlayarak, en önemli bilgilerin hedef kitleniz için öne çıkmasını sağlayabileceğinizi unutmayın.

Daha fazla örnek ve ilgili içerik için aşağıdaki bağlantılara göz atın.

Şerefe!

Müdassir