🚀Как быстро нарисовать рабочую блок-схему или изобразить бизнес-процесс

Схематический способ представления информации сегодня очень популярен. Схему удобно изучать в ускоренном режиме. В условиях, когда нужно быстро вникнуть в проблему или вопрос очень быстро, а времени на это нет совсем, схема является настоящей панацеей!

В случае, когда мы изображаем информацию, используя различные параметры и блоки для обобщения, речь уже будет идти о так называемых блок-схемах. Блок схема ничем не отличается от самой обычной схемки, которую можно быстро набросать ручкой на листке бумаги, но содержит так называемые блоки. Блок здесь – это группа операций, действий или какая-либо другим образом объединенная в единый массив информация или поток данных. Признаки группировки могут быть самыми разными.

Блок-схемы знакомы всем, кто так или иначе связан с построением схемы бизнес-процессов или с программированием. В этих случаях это буквально неизбежный инструмент, без которого ничего сделать не получится вовсе. Ведь если над вопросом работает сразу несколько специалистов, им нужно иметь возможность обобщать всё в единый алгоритм. Если подобная информация пишется сплошным текстом, то разобраться в ней будет очень сложно.

Схемы можно рисовать самым разным образом. Если схема должна описывать бизнес-процесс, то такую схему принято рисовать определённым образом. Способ её отображения называют нотациями. Тут мы встречаем новое понятие, которое называется нотация бизнес-процессов. В конечно счёте, нотация – это некоторый гост или стиль записи, которого придерживаются для того, чтобы легче понимать друг друга. Нотаций существует несколько. Про это мы рассказывали в статье на нашем канале дзен. Там мы разобрали четыре основных типа нотаций. Соответственно, одним из первых моментов, которые нужно знать для правильного составления схемы – это нотации или условные обозначения. Это первое, что нужно уяснить. Но пожалуй, перейдем к поэтапной методике разработки любой схемы.

Шаг 1. Осознание информации

Прежде, чем сделать схему, конечно же следует понять и осознать то, что нужно отобразить на этой схеме и навести порядок в собственной голове. Удивительно, но иногда человек пытается нарисовать схему не понимая, что именно он пытается нарисовать. Отсутствие слаженной связи информации в голове не позволяет изобразить это виде связанного набора данных. 

Соответственно, первым делом следует разобраться с тем, понимаем ли мы что вообще происходит в процессе, который пытаемся изобразить или нет. Нужно четко разбираться в вопросе и видеть основную логику процесса. Причем, речь идёт как о разработке нового процесса или схемы, так и при описании существующих.

Шаг 2. Научитесь видеть самое важное

Когда есть общее понимание происходящего и мы знаем, что не тыкаем пальцем в небо, а разбираемся в какой-то слаженной системе, следует научиться выделять самое главное. Логика тут простая. Сначала нужно нарисовать или описать “хребет” происходящего, а потом обвешать его дополнительными вспомогательными данными. 

Это чем-то напоминает строительство каркасного дома. Сначала строится каркас из бруса, а потом его обивают досками или утепляют.

В случае, если мы описываем бизнес-процесс, то логика такая же. Каждый бизнес держится на каком-то ключевом процессе, а дальше на него, как на дереве ветки, навешиваются самые разные процессы. Скажем, если изобразить самую простую логику бизнеса по перепродажам, то главный процесс будет очень простым: Приобретение у поставщика – перепродажа – получение прибыли. Но если вы только взглянете на бизнес-схему одной только кассы такого магазина, то глаза вылезут на лоб.

Подобная картина характерна и для разработки программного обеспечения. В сфере софтостроения тоже часто применяются блок-схемы. Там тоже происходит подобная модификация. Берется базовый процесс, а потом обвешивается вспомогательными цепочками. Например, если рассмотреть блок-схему работы самой обычной почтовой программы, то она тоже будет очень простой: Нажать на кнопку – отправить письмо – прислать уведомление о доставке.

Но очевидно, что с такой простенькой схемкой ни одно приложение работать не будет. Поэтому, ту же процедуру нажатия на кнопку нужно значительно развернуть. В реальности это было бы примерно так: Выдать уведомление – получить ответ от пользователя – сгруппировать данные для отправки в единый массив – занести их в рабочий буфер временной памяти – соединиться с сервером – получиться уведомление от сервера о соединении – начать передачу данных – уведомить пользователя – обозначить процедуру как “успешно”. Это только частичная расшифровка одной из стадий расшифровки.

Шаг 3. Изучить условные обозначения 

Условные обозначения или нотации – это как язык общения между людьми. Для того, чтобы понимать друг друга, нужно говорить на одном языке. Собственно говоря, так и появилась необходимость каким-либо образом стандартизировать варианты записи схем. Как и в языках, на которых общаются люди, в блок-схемах есть правила и общая логика изложения. Для всех типов блок-схем существует свод своих требований. Это касается и бизнеса и программирования, и прочих сфер, где возможно встретить схемы как таковые.

Читайте также: Что такое x86-64 и откуда оно взялось?

В общем-то, обозначения ни на что не влияют. Можно выбрать самые разные нотации, но самое важное, что здесь стоит отметить – возможность понимать друг друга. Обычно перед реализацией проекта или заказчик сам говорит, что работаем в такой-то нотации, или она выбирается произвольно исходя из “набитости” руки специалистов, которые будут с этим работать.

Шаг 4. Выбор рабочего инструмента

Когда известны все обозначенные моменты и ясно, что именно нужно описать, следует выбрать рабочий инструмент. Схему можно рисовать и на бумаге ручкой, но гораздо проще использовать какие-то современные электронные инструменты. 

В зависимости от сложности задачи можно использовать самые разные приложения, но, исходя из нашего опыта, хорошо себя зарекомендовали для решения самых разных задач приложения Visio и Draw. io   

Одно из них входит в состав программного продукта Office, является платным и в общем-то, ничем особенно примечательным не отличается. Речь идёт про Visio. Все основные функции там есть. Нарисовать схему практически любой сложности вполне возможно и даже относительно удобно.

А вот второе, которое мы постоянно сами используем в своей работе, выгодно отличается. 

Это приложение draw.io. Адрес программы в интернете вот тут. Оно снабжено удобными интеграциями буквально со всеми существующими и, наверное, даже не существующими сервисами. Распространяется бесплатно, очень хорошо дружит с сервисами от google и позволяет строить буквально любые схемы. Работать можно как в режиме он-лайн, так и скачать программу на свой компьютер или мобильный. 

Обладая таким инструментарием, вполне можно справиться с самыми разными задачами и нарисовать даже самые сложные блок схемы как бизнес-процессов, так и логику работы будущей программы.

Шаг 5. Знать основные правила построения блок-схем

Для удобства полезно знать несколько полезных советов или негласных логичных правил, которые позволят строить поэтапную блок-схему.

• Обязательно в схеме должно присутствовать два блока – это «Начало» и «Конец». Очевидно, что у любого алгоритма или бизнес-процесса может быть только одно начало или только один конец.
• Начальный блок связывается с конечным посредством линий связи, которые могут быть дополнены различными промежуточными операциями. Из всех блоков, кроме конечного, должны выходить линии потока. 
• Все блоки удобно пронумеровывать. Так легче ориентироваться и вам при разборе схемы, и тому, кто пытается осмыслить полученный вами результат. 
• Не секрет, что линии делятся на входящие и выходящие. Если блоки не начальные или конечные, или концевые для конкретной ветки, то одна и та же линия является для одного блока выходящей, а для другого входящей. 
• Допускается наличие разрывов в линиях потока. Это обычное дело! Ведь у каждого ответвления рано или поздно происходит логическое завершение. 
• Логика процесса может быть линейная, разветвляющаяся или циклическая.  Предположительно, тут вопрос появиться не должно 🙂 Если блоки на прямой линии – это линейный вариант. Если на схеме есть разветвления – то схема разветвляющаяся (всегда реальная схема такая). Циклическая – для программиста обычное дело, а вот для бизнес-аналитика более редкая. Скажем, заправка автомобиля перед каждым рейсом – это циклическая операция. 

Шаг 6. Проработка существующей схемы процесса “от” и “до”

Когда схема нарисована, нужно проверить, соблюдается ли логика и действительно ли по разработанной схеме можно сделать хоть что-то? Если это так, то с задачей мы справились. Но если схема получилась с ошибками и логика прорисовки нарушена, то это будет видно и получится внести изменения. 

Сделать, в общем-то, это совсем не сложно. Нужно поставить себя на место того, кто будет читать разработанную схему и проанализировать, можно ли там что-то понять, если ты не знаешь суть происходящего. Часто рекомендуют представить, что мы не знаем вообще ничего и попробовать проработать схему с этой логикой.  

Ну а дальше следует проработать всю схему поэтапно и удостовериться, что кирпичиков из блоков вполне хватает. Если это сделать получается, то блок схему мы построили.

Как нарисовать блок-схему

Автор: Степан Митькин

Создавать диаграммы на профессиональном уровне — это не так сложно, как некоторые думают. Для этого не нужно быть графическим дизайнером. Всё, что требуется — знание нескольких практических приёмов. Мы рассмотрим эти приёмы далее, однако их не нужно заучивать наизусть. DrakonHub автоматически следует им, когда вы рисуете.

Данные приёмы лежат в основе визуального языка ДРАКОН.

Начни с подходящего названия

Перед тем, как начать рисовать, придумайте подходящее название для диаграммы. Название должно точно отражать назначение алгоритма или процедуры. Оно должно быть как можно более коротким, но не слишком коротким. Название должно нести смысл.

Помести начало вверху

Начальную икону следует поместить наверху диаграммы. Именно там читатель и будет её искать. Давайте не будем тратить время читателя впустую и дадим ему то, что он ожидает.

Начальная икона должна содержать название диаграммы. Это не должно быть слово «начало» или «начни здесь».

Конец только один

На диаграмме должен быть только один конец. Икону Конец следует поместить внизу диаграммы. Дайте читателю чувство безопасности: чтобы ни произошло на диаграмме, всё закончится там, где должно.

В иконе Конец должна быть надпись «Конец». Это сигнал для читателя: теперь всё кончено. Не помещайте в икону Конец последний шаг алгоритма или название следующей процедуры.

Иди вниз

Поток выполнения на диаграмме должен идти сверху вниз. Это направление — самое удобное, так как люди привыкли читать тексты таким образом. А кроме того, движение вниз естественно на планетах с силой тяжести.

Избегай поворотов

Единственный случай, когда линии должны изменять направление, — это принятие решений. Когда имеется выбор между несколькими путями, эти пути должны сначала разойтись, а потом снова сойтись.

Для этого, конечно, нужны повороты.

Если решений нет, не поворачивайте. Идите вниз.

Если решения есть, минимизируйте число поворотов.

Не допускай пересечения линий

Всякий раз, когда глаз натыкается на пересечение линий, наш мозг пытается выяснить, а не связаны ли эти линии? Это создаёт дополнительную нагрузку на мозг.

Все попытки изображать пересечения так, чтобы это не выглядело отвратительно, провалились. Единственный способ избежать этой дополнительной нагрузки — не допускать пересечений.

Замени стрелки простыми линиями

В старину блок-схемы состояли из квадратиков и стрелочек. Сейчас это уже не так.

В современных ДРАКОН-схемах вместо стрелок есть простые линии. Почему? Дело в том, что с квадратиками проблем нет, а вот со стрелками — есть. Стрелки представляют собой дополнительные графические объекты, и они увеличивают сложность визуальной сцены. Назначение стрелки — показать следующую икону. А если ли мы принимаем соглашение о том, что иконы идут сверху вниз, то стрелки становятся вообще не нужны! Следующая икона всегда под текущей.

Есть только одна ситуация, когда следующая икона расположена выше текущей. Это возможно, когда имеется цикл. Только в том случае имеет смысл использовать стрелку.

Таким образом, циклы становятся хорошо видны на блок-схеме: ищите стрелки!

Только прямые вертикальные и горизонтальные линии

Изогнутые линии могут быть к месту, когда речь идёт о дизайне. Но в деловой графике кривые — это яд. Вот почему. Наш мозг рассматривает отрезки прямых как простые примитивы. Мы легко видим, какие два объекта соединены прямым вертикальным или горизонтальным отрезком.

С кривыми и наклонными линиями всё по-другому. Чтобы понять, какие именно объекты соединяет кривая линия, глаз вынужден тщательно отследить эту линию от начала до конца. Это создаёт ненужное напряжение внутри нас и занимает время.

Вот пример того, насколько прямые линии понятнее кривых.

Очевидно, что легче ездить по местности с прямыми дорогами.

Выровняй ширину икон на вертикали

Когда несколько икон на одной вертикали имеют одну и ту же ширину, мы воспринимаем их как группу. Наши глаза сканируют их быстрее. Но если у икон разная ширина, ощущение мягкого скольжения от одной иконе к другой теряется.

Когда ширина иконы отличается от ширины соседей, это сигнал. Не давайте читателю ложных сигналов.

Соблюдай одинаковое расстояние между соседними элементами

Что такое «метр»? В поэзии метр — это базовая ритмическая структура строфы.

В графике метром называют требование соблюдать одинаковое расстояние между соседними элементами. Метр — это простой трюк, но его положительный эффект огромен.

Ветвление: только вправо!

Мы договорились о том, что наши блок-схемы будут выполняться сверху вниз. Нам остаётся только два направления для дополнительных путей, которые начинаются в точках принятия решений: лево и право. На практике оказывается, что полезно выбрать только одно направление и придерживаться его.

Всегда направляйте дополнительные пути только вправо. Исполнение этого правила существенно повышает предсказуемость диаграмм и их единообразие.

А ведь предсказуемость — необходимое условие ясности.

Читатель не должен сканировать диаграмму в поисках дополнительного пути. И так известно, что он справа. Читатель ожидает ветвление справа и находит его там.

Этот нехитрый приём экономит немало сил. Вместо того, чтобы сначала анализировать форму диаграммы, можно сразу перейти к её содержанию.

Чем правее, тем хуже

Не все пути через диаграмму одинаковые. Обычно один из них наиболее успешен. Такой путь называют «царская дорога» (или happy path). Остальные маршруты в зависимости от контекста каким-то образом хуже. В программировании некоторые условия приводят к ошибкам и сбоям. В медицинских процедурах существует возможность того, что пациент умрёт.

В некоторых алгоритмах трудно сказать, является ли какой-либо исход хорошим или плохим. В таких случаях царская дорога — это наиболее вероятный сценарий.

Существует простой способ чётко обозначить царскую дорогу на блок-схеме. Блок-схемы следует рисовать так, чтобы царская дорога проходила по главной вертикали. Вертикаль с царской дорогой называется «шампур».

Когда через диаграмму проходит более одного маршрута, отсортируйте их слева-направо согласно принципу: чем правее, тем хуже. Царская дорога будет на самой левой вертикали, наихудший сценарий — на самой правой. Все остальные пути пройдут где-то в середине.

Те читатели, которые хотят знать только царскую дорогу, не обязаны изучать всю диаграмму. Им достаточно бросить взгляд только на левую её часть.

Общая судьба

Довольно часто обстоятельства диктуют нам разные способы выполнения некоторого действия. Какое-то дело надо сделать, но вот как именно — это зависит от условий.

Например, если в нашей машине дизельный двигатель, то нужно заправить её дизельным топливом. Если у нас бензиновый двигатель, то бензином. Если же ли мы имеем электромобиль, нам следует зарядить его аккумулятор. В данном случае действие, которое мы выполняем исходя из условий, — снабжение автомобиля энергией.

Можно показать, что действия, расположенные на разных путях через диаграмму, связаны. Чтобы это сделать, выровняйте соответствующие иконы по одной горизонтальной линии. Этот приём называется «общая судьба».

Общая судьба может быть также полезна для того, чтобы обеспечить обязательное выполнение критически важного действия в любом случае. В нашем примере мы имеем уверенность, что автомобиль получит энергию вне зависимости от типа двигателя.

Силуэт

Силуэт — это диаграмма, которая состоит из нескольких блок-схем. В каком-то смысле силуэт напоминает карты мыслей. Он разбивает проблему на логические части. Эти части называются «ветки силуэта». Каждая ветка силуэта — это небольшая отдельная блок-схема с собственным названием. В нижней части ветки находится ссылка на следующую ветку. Ветки в силуэте выполняются последовательно слева-направо, но могут быть и исключения.

Силуэт полагается на стратегию «разделяй и властвуй». Вместо одной большой запутанной блок-схемы, мы получаем несколько малых и простых.

В силуэте может быть много малых блок-схем. Тем не менее, дизайн силуэта обеспечивает, что диаграмма воспринимается как единое целое.

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

Множество небольших улучшений дают новое качество

Правила, описанные в данной статье, представляют собой действенные, проверенные практикой способы улучшить читаемость диаграмм. Хотя ни один из этих приёмов в отдельности не производит драматического впечатления, все вместе, они приносят в диаграммы новое качество.

Благодаря совместному действию этих правил, диаграммы приобретают совершенно иной уровень чёткости и понятности. Открывается новая дорога для нашего визуального мышления.

Смотрите также

Визуальный язык ДРАКОН

Учим ДРАКОН по примерам

Иконы языка ДРАКОН

Видео: Как нарисовать ДРАКОН-схему

Планы этажей — Узнайте, как проектировать и планировать планы этажей

Узнать больше

План этажа представляет собой масштабную схему комнаты или здания, если смотреть сверху.

На плане этажа может быть изображено все здание, один этаж здания или отдельная комната. Он также может включать измерения, мебель, технику или что-либо еще, необходимое для целей плана.

Планы этажей полезны для проектирования расстановки мебели, систем электропроводки и многого другого. Они также являются ценным инструментом для агентов по недвижимости и лизинговых компаний, помогая продать или сдать в аренду помещение.

Наверх

Планы этажей необходимы при проектировании и строительстве дома. Хороший план этажа может увеличить удовольствие от дома, создавая хороший поток между пространствами, и может даже увеличить его стоимость при перепродаже.

Вернуться к началу

• Универсальность и гибкость. Позаботьтесь о том, чтобы в будущем офис можно было легко превратить в детскую как для вашей семьи, так и для будущего покупателя.
• Идеальная планировка помещения. Убедитесь, что спальни находятся далеко от мест для развлечений. Ванные комнаты не должны выходить на общие развлекательные зоны, такие как столовые или гостиные. Большинству людей понравится, если кухня открывается в столовую или гостиную, чтобы тот, кто готовит, мог по-прежнему общаться с гостями или следить за играющими детьми.
• Размер имеет значение. При проектировании любой комнаты или коридора подумайте о том, сколько людей будет находиться в этом пространстве одновременно. Имеют ли они место для перемещения? Есть ли место для мебели, чтобы вместить все запланированные мероприятия?
• Соответствует вашим приоритетам и стилю жизни. Если развлечения важны, убедитесь, что из кухни есть выход на улицу и в гостиную. Если вы работаете из дома, убедитесь, что ваш офис хорошо освещен и, возможно, находится в тихом месте. Когда вы стираете, нормально ли вам подниматься на три этажа, чтобы добраться из главной спальни в прачечную?
• Найдите баланс между архитектурными деталями и практическими соображениями. Подумайте о безопасности детей, уборке, отоплении и охлаждении, прежде чем влюбиться в какую-нибудь величественную лестницу или окна от пола до потолка.

Прочтите несколько советов по созданию идеальных планов этажей.

Back to top

Планы этажей также играют ключевую роль в информировании потенциальных покупателей или арендаторов о потоке вашего помещения.

В 2013 году компания Rightmove опубликовала исследование, в котором говорится, что покупатели недвижимости считают планы этажей не только приятными, но и необходимыми при выборе недвижимости. Каждый пятый заявил, что проигнорирует недвижимость без плана этажа. Они также оценили планы этажей как более важные, чем фотографии и описание собственности. С другой стороны, когда продавцы рассматривают возможность найма агента по недвижимости, Rightmove обнаружил, что 42% не стали бы нанимать агента, который не предлагает план помещения.

Добавление поэтажного плана к списку недвижимости может увеличить количество кликов от покупателей на 52%.

Вы также можете использовать план этажа для общения с подрядчиками и поставщиками по поводу предстоящего проекта реконструкции.

Наверх

Существует несколько основных шагов для создания плана этажа:

• Выберите область. Определить область для рисования. Если здание уже существует, решите, какую его часть (комнату, этаж или все здание) рисовать. Если здание еще не существует, придумайте проекты, основанные на размере и форме места, на котором будет построено здание.
• Провести измерения. Если здание существует, измерьте стены, двери и соответствующую мебель, чтобы план этажа был точным. Если план создается для совершенно новой области, убедитесь, что общая площадь соответствует тому месту, где она будет построена. Целесообразно изучить здания, построенные в аналогичных районах, чтобы использовать их в качестве сметы для этого плана этажа. Узнайте больше о том, как измерить и нарисовать план этажа в масштабе.
• Рисовать стены. Добавьте стены для каждой комнаты здания, соблюдая масштаб.
• Добавление архитектурных элементов. Начните добавлять элементы в пространство, включая неизменяемые элементы, такие как двери и окна, а также холодильник, посудомоечную машину, сушилку и другие важные приборы, которые должны быть размещены в определенном месте.
• Добавить мебель. Добавьте мебель, если этого требует план этажа.

Прочтите подробное руководство SmartDraw по рисованию планов этажей.

Вернуться к началу

Лучший способ понять планы этажей — посмотреть на несколько примеров планов этажей.
Нажмите на любой из этих планов этажей, включенных в SmartDraw, и отредактируйте их:

Просмотрите всю коллекцию примеров и шаблонов планов этажей SmartDraw

Блок-схемы процессов, шаблоны, инструкции и многое другое

Узнать больше

Блок-схема — это визуальное представление последовательности шагов и решений, необходимых для выполнения процесса. Каждый шаг в последовательности отмечается в форме диаграммы. Ступени связаны соединительными линиями и стрелками направления. Это позволяет любому просматривать блок-схему и логически следовать процессу от начала до конца.

Блок-схема — мощный бизнес-инструмент. При правильном проектировании и конструкции он очень эффективно и результативно передает информацию об этапах процесса.

Вернуться к началу

Вы заметите, что блок-схема имеет разные формы. В этом случае, есть две формы: с закругленными концами представляют собой начало и конец точки процесса и прямоугольники используются для отображения промежуточных шагов. Эти фигуры известны как символы блок-схемы. Есть десятки символов который можно использовать в блок-схеме. Если вы новичок в построении блок-схем, это важно знать, что они представляют, прежде чем использовать их. Просто как слово использование передает определенное сообщение, символы блок-схемы также имеют определенное значение. Прочтите наше полное руководство по символам блок-схем.

Вернуться к началу

Есть несколько способов сделать блок-схему. Первоначально блок-схемы создавались вручную с помощью карандаша и бумаги. До появления персонального компьютера шаблоны для рисования, сделанные из пластика, формировали контуры блок-схем. помогали составителям блок-схем работать быстрее и давали свои диаграммы более последовательный вид.

Современные блок-схемы обычно создаются с помощью конструктора блок-схем.

• Узнайте, как сделать блок-схему
• Сделать блок-схему в Word
• Советы по просмотру для улучшения блок-схем

Вернуться к началу

Существует множество типов блок-схем. Вот лишь некоторые из наиболее часто используемые.

• Блок-схемы дорожек
• Диаграммы потоков данных
• Диаграммы влияния
• Схемы рабочего процесса
• Технологические схемы
• Да/нет блок-схемы
• Потоки принятия решений

Блок-схемы первоначально использовались промышленными инженерами для структурирования рабочие процессы, такие как конвейерное производство.