Стрелки и линии

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

В ALLO стрелки и линии входят в семейство инструментов «Фигуры». На панели инструментов для настольных компьютеров кнопка входа может отображаться как «Фигуры и стрелка», а не как отдельная постоянная кнопка. Используйте фигуры для создания объектов диаграммы и стрелки или линии для их соединения.

Доступность и права доступа

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

Когда использовать стрелки и линии

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

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

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

На бесконечном холсте стрелки могут выполнять более сложные задачи, чем просто рисование визуальной связи. Умные стрелки могут прикрепляться к объектам холста и помогать AI Studio или чату объекта понимать контекст, когда один объект логически следует за другим.

Как добавить стрелки и линии

Нажмите клавишу A, когда фокус клавиатуры находится на холсте, чтобы выбрать семейство инструментов для рисования стрелок и линий. Вы также можете открыть инструмент выбора фигур и выбрать вариант линии или стрелки. Клавиша S открывает более широкое семейство инструментов «Фигуры».

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

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

Форматирование стиля линий и указателей

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

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

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

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

Расположение и слои в диаграммах

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

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

Если на холсте используются фоновые фигуры в качестве дорожек (lanes), располагайте стрелки над фигурой дорожки, но по возможности под ключевыми текстовыми метками. После перемещения связанных объектов обязательно проверьте положение наконечников и конечных точек стрелок. Относитесь к стрелкам как к важным элементам схемы, которые требуют финальной корректировки при любом изменении макета.

Совместная работа и комментарии

Оставлять комментарии на самих стрелках полезно, когда обсуждается характер связи: «Действительно ли этот процесс передается на данном этапе?», «Актуальна ли еще эта зависимость?» или «Должен ли этот шаг быть необязательным?». Если вопрос касается конкретного блока на конце линии, оставьте комментарий на самом объекте. Так обсуждение будет привязано непосредственно к изменяемому элементу. Подробнее о работе с обсуждениями см. в статье Комментарии и упоминания.

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

Примеры использования

В сценарии взаимодействия с клиентом (customer flow) используйте стрелки для визуализации пути от первого контакта до покупки и поддержки. Используйте штриховые стрелки для маршрутов, которые выбирает лишь часть пользователей.

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

При анализе материалов используйте короткую стрелку от поясняющей надписи к конкретной детали на изображении или макете. Если пометка временная, достаточно обвести область пером; если она должна остаться частью холста, используйте стрелку.

Возможные проблемы

Если нажатие клавиши A ничего не дает, проверьте фокус ввода. Сочетания клавиш игнорируются, когда вы вводите текст в текстовом блоке, поле комментария или строке браузера. Кликните по пустому месту холста и повторите попытку.

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

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