Çok basitleştirilmiş ve azaltılmış gösterdikleri verilere sahip olmayan özellikle iyi yazılım mimarisi diyagramlarını düşünemiyorum, ancak önce bir yazılım mimarisi diyagramının ne olduğunu kırarak ilgili bazı şeyler bulabiliriz.
Ardından, benzer zorluklarla ilgilenen bazı tasarım örneklerine bakacağız.
Öğe / düğüm kategorilerine odaklanan bir akış şeması / işlem diyagramı türüdür. Bu da sırayla ek bir yönlülük olan bir tür düğüm bağlantı ağ şemasıdır: esasen, kategorileri olan düğümler ve yönleri olan bağlantılar.
Düğüm bağlantılarına dayanan herhangi bir şey, temsil etmeye çalıştığı şeyin karmaşıklığı arttığında dağınık bir 'kuaföre' dönüşebilir. Düğüm bağlantılarına dayanarak aşağıda önerilen hiçbir şey işe yaramazsa - söz konusu olan çok karmaşıksa - işte veri görselleştirme araştırmacılarının ağ haritaları için bir üs olarak "düğüm bağlantı" kavramına bazı alternatifler üzerine akademik saygın bir veri görselleştirme makalesi. ile geldim. Bunların bazılarını kullanıcı dostu ve yönlendirici bir şeye nasıl uyarlayabileceğinizi öğrenirseniz, kazananı kazanabilirsiniz. Ama gitmenin gerçekten zor yolu bu, sadece mecbur kalırsan dene.
Bu nedenle, karmaşık akış şemaları ve ağ şemaları yön / akış ve düğüm / eleman kategorileri üzerinde durur. İlk temel ilkeler:
- Her düğümü / öğeyi basit tutun
- Öğe türleri arasındaki farkları, aralarında net bir hiyerarşi ile net ve basit hale getirin
- Akışı ve bağlantıyı mümkün olduğu kadar arka plan elemanından mümkün olduğunca yapın
Sinyal-gürültü oranını düşünün (bazen bilgi grafikleri bağlamında veri mürekkep oranı olarak da bilinir): bağlantılar veri değil görsel kılavuzdur, bu yüzden onları daha az kolay hale getirmeden mümkün olduğu kadar ince yapın. Ayrıca figür temasını da düşünün : veriler ön planda tutulan şey olmalı, akışı ve kategoriyi gösteren görsel ipuçları insanların farkında olduğu fakat dikkatinin dağılmadığı arka plan olmalıdır.
İlk örnek, bir tipografi karar akış şeması posteri (Bazı kişilerin içeriğe katılmayacağından eminim ...). Yalnızca siyah ve beyaz kullanarak, öğeler arasında net bir hiyerarşi bulunan karmaşık bir şema oluşturur:
Her bir elemanın ne olduğu çok açık ve net bir ışıklandırma ve en az gürültü katan bir varyasyon kullanarak çok açık. Bütün karmaşık ama her bölüm açık.
Muhtemel iyileştirmeler - ortadan dışa doğru giderken genel bir yönü yoktur - çizgiler, noktalar yerine çok küçük ince noktalı köşeli çift köşeli ayraçlar (>>>>> gibi) olmadan gürültü eklemeden yön bilgisine sahip olabilir, böylece her yerden başlayabilir ve dikkat çekici yönleri olmayan bu yönler olmadan nereye gideceğinizi görün
İşte akışın bir hiyerarşi içinde hareket ettiği benzer bir başka örnek (en genel> en özel). Birçok kategoriyi iki tür düğüme dönüştürür: ürünler ve türler ve düğümün boyutu, türün özgüllüğünü gösterir. (daire ana hatları ve bağlantı hatları çok daha ince olabilir, ancak türü tamamlayacak ve merkezi pint camı dışındaki her şeye daha eşit bir doku verecek şekilde ağırlıklandırılmış görünüyorlar). Daire büyüklüğü ayrıca konum ve akışın göstergesi olarak da ikiye katlanır - daha büyükten daha küçük dairelere gidersiniz, böylece ok uçları gibi başka karmaşıklık ekleyen görsel ipuçlarına ihtiyaçları yoktur.
Çok bira türü
PopChartLab tarafından yapılan çalışmaların çoğu ilgili. Birbirine bağlı şeyleri gösteren büyük posterlerde uzmanlaşıyorlar ve bazen süreçlerini yazıyorlar. İşte , göstermek istedikleri şeylerle gerçekten mücadele ettikleri bir proje yazmaları . Şahsen sonuçtan pek hoşlanmıyorum (saç topunu evcilleştirmek için çok çalıştılar, ancak sonuç hala saç topudur), ama neyi denediklerini, neyin işe yarayıp yaramadıklarını okumak.
İşte , kategorileri ve akış sırasını göstermek için sayfadaki yerleşimi temiz bir şekilde kullanan bir örnek . Göze çarpan garnitür renk şemasına (Apple'ın eski gökkuşağı renkli logosu konusuna atıfta bulunan) gerek duymaz. Sayfa x ve y eksenlerini bu şekilde kullanmak, bağlantı türlerini diğer bilgi türleri için kaydedebileceği anlamına gelir.
Son olarak, başlangıçta belirttiğim gibi, yazılım mimarisi şemaları bir tür harita olan ağ haritalarına bir örnektir. Böylece, çoğu kez bağlantıya ve yönü olan birçok yoğun, karmaşık bilgi kategorisine benzer bir problemi olan düzenli (kartografik) haritalardan fikir edinebilirsiniz.
Axis Maps , etiketlerini etiket etiketleri olarak kullanmakta olan herhangi bir bilgi grafiğinin en iyi sinyal-gürültü oranlarından bazılarına sahip olan şaşırtıcı tipografik haritalar üretiyor , etiketleri sadece etiket etiketi olarak kullanıyor - daha sonra renkli ve birkaç ince tipografisi ve aralığı belirtmek için kategori.
Bazı aşırı tipolara aldırış etmiyorsanız, bu muhtemelen kontrolden çıkan bir akış şemasını evcilleştirmek için kullanılabilir. Zorlu çalışma gibi görünüyor, ancak sonuçlar harika.