Я не можу придумати будь-які особливо хороші діаграми архітектури програмного забезпечення, які не мали даних, які вони показують сильно спрощеними та скороченими, але ми можемо знайти деякі відповідні речі, попередньо розбивши, що таке діаграма архітектури програмного забезпечення.
Потім ми розглянемо кілька прикладів конструкцій, які вирішують подібні проблеми.
Це тип діаграми потоку / діаграми процесу з акцентом на категорії елемента / вузла. Це, в свою чергу, тип мережевої діаграми вузлів, що має додаткову спрямованість: по суті, вузли, які можуть мати категорії, і з'єднання, які можуть мати напрямок.
Все, що базується на посиланнях вузлів, може перетворитись на брудний «стрибок волосся», коли складність того, що він намагається представляти, зростає. Якщо нічого, що пропонується нижче на основі посилань на вузли, не працює - якщо питання, про яке йдеться, є занадто складним - ось стаття шановного академіка з візуалізації даних про деякі альтернативи концепції "вузла зв'язку" як бази для мережевих карт, які дослідники візуалізації даних придумали. Якщо ви можете розібратися, як адаптувати деякі з них до чогось зручного для користувача та спрямованого, ви можете стати переможцем. Але це справді важкий шлях, тільки спробуйте, якщо доведеться.
Отже, складні діаграми потоку та діаграми мережі з акцентом на напрямок / потік та категорії вузла / елемента. Перші основні принципи:
- Зберігайте простий кожен вузол / елемент
- Зробіть відмінності між типами елементів чіткими та простими, з чіткою ієрархією між ними
- Зробіть потік та підключення якомога більше фонового елемента
Подумайте про співвідношення сигнал-шум (іноді його називають співвідношенням дані-чорнила в контексті інформаційної графіки): з'єднання - це візуальні путівники, а не дані, тому зробіть їх максимально тонкими, не роблячи їх менш легкими в дотриманні. Крім того, подумайте про підґрунтя : дані повинні бути предметом, на якому беруть участь у першому плані, візуальні підказки, що показують потік і категорію, повинні бути фоном, про який люди знають, але не відволікаються на них.
Перший приклад, плакат схеми рішення з типографіки (я впевнений, що деякі люди не погоджуються зі змістом ...). Використовуючи лише чорно-білі кольори, вона робить складну діаграму корисною з чіткою ієрархією між елементами:
Дуже зрозуміло, що таке кожен елемент, використовуючи чітке, але тонке підсвічування та варіацію, що додає мінімального шуму. Ціле є складним, але кожна частина зрозуміла.
Можливі вдосконалення - загального напряму немає, тому що він рухається з середини назовні - лінії можуть мати інформацію про спрямованість, не додаючи шуму, будучи дуже маленькими тонкими пунктирними шевронами (наприклад >>>>>) замість крапок, так що ви можете почати де завгодно і подивіться, куди йти далі, не відволікаючи цих напрямків.
Ось ще один подібний приклад, коли потік рухається через ієрархію (найзагальніший> найбільш конкретний). Він перетворює безліч категорій на два типи вузла: продукти та типи, а розмір вузла говорить вам про специфіку типу. (обриси та сполучні лінії кола можуть бути набагато більш тонкими, але вони здаються зваженими, щоб доповнити тип і надати всім, крім центрального пінту скла, більш рівну текстуру). Розмір кола також подвоюється як індикація положення та потоку - ви переходите від більших до менших кіл, тому їм не потрібні інші візуальні підказки, що додають складності, такі як наконечники стріл.
Дуже багато видів пива
Багато роботи, виконаної PopChartLab, є актуальною. Вони спеціалізуються на великих плакатах, на яких зображено багато взаємопов’язаних речей, і вони іноді записують свій процес. Ось їх проект, де вони справді боролися з кількістю речей, які хотіли показати . Мені особисто не дуже подобається кінцевий результат (вони наполегливо працювали, щоб приручити волосся, але кінцевим результатом все-таки є куля для волосся), але читаючи, що намагалися і що спрацювало, а що не могло допомогти.
Ось приклад, який дозволяє акуратно використовувати розміщення на сторінці для відображення категорій та порядку в потоці. Для цього не потрібна яскрава кольорова гамма (що є посиланням на тему, старий логотип Apple, забарвленого у веселку). Використовуючи осі сторінки x і y таким чином, це може зберегти з'єднувальні лінії для інших типів інформації.
Нарешті, як я вже згадував на початку, діаграми архітектури програмного забезпечення є прикладом мережевих карт, які є типом карти. Отже, ви можете отримати ідеї із звичайних (картографічних) карт, які також мають подібну проблему з безліччю категорій щільної, складної інформації, яка часто має зв'язки та напрямки - постійно намагаючись зупинити численні сигнали, що перетворюються на шум.
Карти Axis створюють дивовижні типографічні карти, які мають найкращі співвідношення сигнал-шум у будь-якій інформаційній графіці, яку я бачив, просто використовуючи їх мітки як речі, на яких розміщуються ярлики - потім колір і кілька тонких поворотів типограохії та проміжків для позначення категорія.
Якщо ви не заперечуєте над крайньою типографією, це, ймовірно, може бути використане для приручення діаграми, яка виходить з-під контролю. Схоже, кропітка робота, але результати приголомшливі.
