Карта Типів Діаграм

Кожен тип діаграми розв'язує різну комунікативну проблему. Використання неправильного типу для вашого вмісту створює плутанину: не ясність. Перше рішення дизайну завжди: який вид інформації я комунікую?

Структурні діаграми показують, що існує та як це з'єднується:

- Діаграми сутностей: вузли й взаємозв'язки (схеми баз даних, організаційні схеми, графи знань) - Архітектурні діаграми: компоненти системи й їх з'єднання (топології мереж, програмні системи) - Деревоподібні діаграми: ієрархії (класифікаційні дерева, файлові системи, сімейні дерева)

Діаграми процесів показують, що відбувається й у якому порядку:

- Блок-схеми: рішення й послідовності (алгоритми, бізнес-процеси, діагностична логіка) - Діаграми послідовності: передача повідомлень у часі (виклики API, протоколи, обробка подій) - Машини станів: стани й переходи (потоки інтерфейсу, стани протоколів, системи управління)

Кількісні діаграми показують, скільки й як змінюється:

- Графіки й діаграми: дані у часі або за категоріями (лінійна, стовпчикова, розсіювання) - Діаграми розподілу: розповсюдження й щільність (гістограми, ящикові діаграми) - Діаграми Санкея: потік з величиною (потоки енергії, розподіл бюджетів)

Просторові діаграми показують, де знаходяться речі:

- Перетини: внутрішня структура (геологія, анатомія, машинобудування) - Розібрані виді: взаємозв'язки збірки (механічні деталі, електроніка) - Схеми: функціональна топологія (електричні схеми, водопровід, HVAC)

Узгоджуйте Тип до Проблеми

Вибір типу — це перше рішення дизайну

Найпоширеніша помилка діаграмування — вибір типу з привички, а не з відповідності. Розробник сягає за блок-схему, тому що завжди використовує блок-схеми. Менеджер сягає за організаційну схему. Тип повинен бути обраний за те, що діаграма повинна комунікувати.

Як Читати Складну Діаграму

Складні діаграми мають шари. Читач, який намагається абсорбувати все відразу, перетруджується. Читач, який читає шарами, ефективно вилучає структуру.

Шар 1: Інвентаризація. Які вузли існують? Які головні компоненти? Прочитайте кожну мітку. Не слідуйте з'єднанням ще. Побудуйте словник перед тим як будувати граматику.

Шар 2: Топологія. Як компоненти з'єднані? Що з'єднане з чим? Порахуйте з'єднання. Визначте хаби (багато з'єднань) й листя (одне з'єднання). Помітьте кластери.

Шар 3: Потік. Якщо стрілки існують, слідуйте їм. Де щось входить в систему? Де це виходить? Який шлях основного потоку? Які гілки?

Шар 4: Винятки. Що відрізняється? Пунктирні лінії проти суцільних ліній. Кольорове кодування. Форми, які відрізняються від більшості. Це кодує значення: знайдіть легенду й декодуйте її.

Шар 5: Висновки. Що ця структура означає? Один хаб з багатьма залежностями — це одна точка відказу. Цикл зворотного зв'язку означає ризик коливання. Відсутнє з'єднання означає границю. Читайте те, що не намальовано так само ретельно як те, що намальовано.

Практика Читання

Застосуйте метод з п'яти шарів

Подумайте про складну діаграму, з якою ви зустрілися у своїй галузі: електричну схему, топологію мережі, анатомічну діаграму, архітектуру системи, ізометричне креслення водопроводу, машину станів.

Принципи Композиції

Діаграма, яка технічно правильна, але погано скомпонована — це все ще невдала діаграма. Око читача повинно бути спрямоване на правильні місця в правильному порядку.

Ієрархія через розмір & вагу. Найважливіший компонент повинен бути найбільшим чи найжирнішим. Вторинні компоненти менші. Мітки менші за речі, які вони позначають. Око читає за видатністю.

Потік через напрямок. Зліва направо чи зверху вниз означає час & послідовність. Радіальне означає центральність. Вертикальне означає ієрархію. Виберіть напрямок & утримуйте його. Змішані напрямки створюють плутанину.

Групування через близькість & укладання в границю. Компоненти, які належать разом, повинні бути близько один до одного чи укладені спільною границею. Біле пусто створює розділення. Спільний колір чи границя створює асоціацію.

Контраст через колір. Колір кодує значення: але тільки якщо використовується скупо. Три-чотири чітких кольори це межа. Більше ніж це й легенда стає тестом пам'яті. Використовуйте колір для кодування одного виміру даних: статус, тип чи власність.

Редукція через видалення. Кожен елемент, який не додає інформацію, віднімає від ясності. Видаліть декоративні елементи. Видаліть мітки, які читач вже знає. Видаліть лінії, які не додають інформацію. Найкраща діаграма — та, де ви не можете видалити нічого іншого.

Спроектуйте Діаграму

Застосуйте принципи

Подумайте про процес чи систему у своїй галузі, яка не має хорошої діаграми: чи має одну, яка могла б бути поліпшена.

Стандартна Мова Діаграм Вашої Галузі

Кожна професійна галузь розвинула свою власну мову діаграм протягом десятиліть. Це не довільне: вони кодують точні розрізнення, які фахівці галузі повинні комунікувати.

Електричні: Схеми використовують стандартизовані символи (резистор, конденсатор, транзистор, заземлення, VCC). Кожен електрик у світі читає один і той же набір символів. Схема Є специфікацією: електрична схема легально обов'язкова документація.

Механічні: Технічні креслення використовують ортографічну проекцію, перетини, & GD&T мітки. Розмір з допуском є юридичним контрактом між дизайнером & механіком. Креслення повністю специфікує деталь.

Програмні: UML визначає діаграми класів, діаграми послідовності, & нотацію машини станів. Архітектурні діаграми використовують скриньки-&-стрілки з узгодженими конвенціями для сервісів, баз даних, черг, & границь.

Медичні: Анатомічні перетини, патологічні слайди, радіологічні читання. Радіолог читає КТ-скан як діаграму внутрішної структури: щільність-кодована просторова дата. Патолог читає тканинний слайд як діаграму популяції типів клітин.

Ремісництво: Ізометричні вертебройки трубопроводів, макети повітряних каналів HVAC, плани конструкційних рам. Слюсар, читаючи ізометричне креслення, бачить розміри трубопроводів, фітинги, нахили, & з'єднання приладів в трьох вимірах на двовимірній сторінці.

Вивчення стандартної мови діаграм вашої галузі не факультативне для фахівців. Це спільний словник. Хтось, хто не може читати схему, не може працювати як електрик. Хтось, хто не може читати креслення, не може працювати як механік.

Фінальний Синтез

Навичка За Діаграмою

Діаграма не є картиною. Це формальне твердження у візуальній мові. Як письмова мова, вона може бути граматично правильною, але бессенсовною, або граматично невпорядкованою, але ясною. Мета — обидва: правильне використання конвенцій типу І композиція, яка спрямовує читача до правильного висновку.