Close

Категории

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

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

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

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

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

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

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

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

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

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

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

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

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

Тони Старр

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


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

  • Глоссарий по дизайну контента

    ATLASSIAN

    Глоссарий по дизайну контента

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

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

    ATLASSIAN

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

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

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

    ATLASSIAN

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

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