Close

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

Шаблон компонента дизайна

Автор: Тони Старр, Ведущий дизайнер контента @ ATLASSIAN

Создайте библиотеку и тщательно задокументируйте компоненты дизайна

Использование шаблона
Шаблон компонента дизайна

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

Как использовать шаблон «Компонент дизайна»

Шаг 1. Начните с основ

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

Шаг 2. Опишите характеристики

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

Шаг 3. Задокументируйте советы и рекомендации

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

Шаг 3. Задокументируйте советы и рекомендации
ATLASSIAN

Тони Старр

Ведущий дизайнер контента @ ATLASSIAN


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

  • Content design glossary template

    ATLASSIAN

    Content design glossary

    Teach writers how to use product names, industry terms, and other content with an A-Z guide.

  • Content strategy template

    ATLASSIAN

    Контент-стратегия

    Создайте план для контент-стратегии и сформируйте редакционный календарь.

  • Customer interview report template

    ATLASSIAN

    Отчет по разговору с клиентом

    Извлеките из отчета по разговору с клиентом полезную информацию.