- Статьи
- 9 мин на чтение
- 4135
Как документация влияет на дизайн-системы в аспектах доступности
В дизайн-системах дизайнеры, разработчики и другие члены команды ориентируются на документацию. Она содержит пошаговые инструкции о том, как внедрять руководства по доступности в дизайн. Более того, качественная документация позволяет учесть и эффективно реализовать все ключевые аспекты доступности. Тем самым она способствует сотрудничеству и последовательности в работе.
В этой статье мы рассмотрим:
- Значение дизайн-систем и их влияние на UX
- Необходимость включения доступности как обязательной части документации для дизайн-систем
- Важность исследования пользователей для предоставления им продуктов и услуг, которые соответствуют их потребностям, независимо от их физического состояния, а также ухода от предвзятостей
Понимание аспектов доступности в дизайн-системах
Учёт доступности в дизайн-системах — способность создавать интерфейсы и цифровые продукты, которыми могут пользоваться все, включая людей с ограниченными возможностями. Структурированная и хорошо задокументированная дизайн-система облегчает внедрение практик доступности в дизайн-команды. Это позволяет создавать более инклюзивные продукты, доступные для всех.
Доступность подразумевает, что все пользователи могут воспринимать, управлять, понимать и доверять контенту и функционалу цифрового продукта. Доступность включает такие аспекты, как цветовой контраст, навигация с клавиатуры, читаемость текста и совместимость с такими вспомогательными технологиями, как программы чтения экрана. Если в контексте дизайн-систем с самого начала обеспечить доступность, это позволит поддерживать согласованность дизайна и убережёт от проблем с доступностью на более поздних этапах разработки.
Почему важно учитывать аспекты доступности в самом начале проектирования продуктов:
- Удобство использования: фокус на инклюзивности продуктов. Это не должно быть просто решением, это должно стать приоритетом
- Инклюзивность: аспекты доступности в дизайн-системах гарантируют подключение к использованию продукта людей с ограниченными возможностями. Таким образом они вносят разнообразие и увеличивают круг пользователей
- Затраты и время: внедрение мышления о доступности с самого начала и его применение во всех продуктах на базе дизайн-системы снижает затраты и время на последующие корректировки и обновления
Эта статья содержит описания и объяснения рекомендаций Руководства по доступности веб-контента (WCAG 2.1), а также способы улучшения доступности. Если использовать эти рекомендации в дизайн-системах, то все продукты будут соответствовать стандартам, ориентированным на доступность, а их UX станет лучше.
Роль документации для включения аспектов доступности в дизайн-систему
Документация играет фундаментальную роль для дизайн-систем и команд. Она служит руководством, которое содержит стандарты и рекомендации для проектирования доступных цифровых продуктов. Документация предоставляет централизованное справочное руководство по доступности всем членам команды. Это необходимо для того, чтобы все в команде понимали, как проектировать и разрабатывать компоненты и элементы интерфейса.
Более того, дизайнеры, разработчики и другие заинтересованные стороны сотрудничают между собой посредством документации дизайн-системы, потому что каждый из них может легко и быстро получить доступ к необходимой информации. Прозрачность и чёткость — важные основы, которые помогают убедиться в том, что команда не исключает аспекты доступности из процессов.
Некоторые примеры документации, которая встречается в дизайн-системах:
- Руководство по стилю: оно определяет айдентику и общий вид интерфейса, включая цветовые палитры, типографику, иконографику и рекомендации по дизайну
- Библиотеки шаблонов: они содержат примеры повторяющихся дизайн-паттернов, например, кнопок, форм и карточек, чтобы поддерживать согласованность и повторно использовать их в дизайне
- Документация по компонентам: в ней подробно описан каждый компонент, который используется в дизайн-системе, его характеристики, взаимодействия и способы реализации в разработке
Многие компании, включая Google, Microsoft и Atlassian, внедряют аспекты доступности веб-контента в свои дизайн-системы и документируют процессы. Это показывает, что не следует рассматривать доступность в качестве модного тренда. Наоборот, при создании продукта важно поставить в приоритет внесение изменений в дизайн-системы и их документацию.
В таком контексте, с учётом аспектов доступности в дизайн-системах, все пользователи, независимо от своих возможностей, смогут без труда взаимодействовать с цифровыми продуктами. Люди с ограниченными возможностями смогут эффективно пользоваться интерфейсом, который поддерживает высокий уровень доступности. Таким образом сотни людей с любыми ограничениями могут получить позитивный и насыщенный опыт, а также улучшить своё социальное положение за пределами экранов.
Ключевые элементы доступности в документации
Поскольку дизайн-системы — структуры, которые постоянно усложняются, крайне важно документировать компоненты, особенно те, которые касаются доступности. В их число входят стандарты доступности, которые вместо ограничений служат рекомендациями по доступности. Их можно менять в зависимости от требований команды и стадии внедрения аспектов доступности в дизайн-систему.
В этом контексте в Целях Доступности следует кратко изложить то, чего можно достичь с учётом описанных в дизайн-системе задач по доступности. Сюда можно включить соблюдение стандартов доступности и обеспечение инклюзивного UX. Кроме того, рекомендации по дизайну с учётом аспектов доступности содержат информацию о том, как создавать инклюзивный дизайн. Они могут включать рекомендации по читаемым размерам шрифта, соответствующим цветовым контрастам, понятным иконкам и тому, как проектировать интерфейсы для навигации с клавиатуры и устройств вспомогательной навигации.
Также документация должна включать библиотеку доступных компонентов с примерами и рекомендациями по реализации UI-элементов в контексте доступности. Например, руководства по инклюзивным компонентам предоставляют информацию о том, как создать дизайн карточек, уведомлений, переключателей и других компонентов с учётом аспектов доступности.
Кроме того, в дизайн-системах нужно обязательно создать инклюзивную структуру с прямым включением компонентов и шаблонов, учитывающих аспекты доступности. Это гарантирует, что каждый раз, когда дизайнеры и разработчики будут пользоваться дизайн-системой, они будут использовать компоненты, учитывающие аспекты доступности, в качестве базовых.
Опции, которые можно внедрить в дизайн-систему:
- Присвоение наименований и документирование: в рамках дизайн-системы сделайте каждый компонент и рекомендацию в отношении доступности узнаваемыми
- Постоянное обновление: поддерживайте актуальность документации по доступности, учитывая международные стандарты. Так она будет соответствовать последним рекомендациям по доступности
- Доступные формы: добавьте в документацию рекомендации о том, как проектировать и разрабатывать доступные формы, включая правильные названия, чёткие инструкции и простую навигацию
- Учёт доступности мультимедиа: включите рекомендации по доступности таких элементов мультимедиа, как изображения и видео, для лиц с нарушениями слуха или зрения. Например, добавление альтернативных описаний для изображений (альтернативный текст) и текстовых подписей для видео
- Рекомендации по доступной навигации: сформулируйте рекомендации в отношении чёткой и последовательной навигации в цифровом продукте, чтобы облегчить пользователям поиск нужной информации. Они включают навигацию с клавиатуры и логическую структуру контента с заголовками в логическом порядке
Чёткая и лаконичная документация
Документация играет ключевую роль в точной реализации доступности в дизайн-системах. Суть в том, чтобы включить в документацию чёткие и подробные инструкции для дизайнеров и разработчиков. Так они смогут разобраться в рекомендациях по доступности и последовательно применять их в проектах.
Посредством хорошо структурированной документации члены команды смогут сотрудничать, понять весь процесс и сосредоточиться на общей цели в отношении доступности.
Некоторые аспекты чёткой и лаконичной документации:
- Иерархия: организуйте документацию чётко и логично — позвольте пользователям быстро и легко получать доступ к информации. Группируйте связанные темы и устанавливайте приоритеты для заголовков и подзаголовков, чтобы облегчить навигацию и распознавание
- Теги и категории: используйте соответствующие теги и категории для классификации документации, связанной с доступностью. Это поможет дизайнерам и разработчикам быстрее находить нужную информацию
- Списки и оглавление: создавайте списки и оглавления, в которых перечислены темы, изложенные в документации. Они ускорят поиск и послужат справочником по актуальной информации
- Изображения: используйте изображения и схемы для визуализации ключевых понятий доступности, таких как структура страницы с учётом доступности, примеры подходящих тегов для изображений и улучшение навигации с клавиатуры
- Примеры: показывайте практические примеры реализации требований по доступности для таких элементов дизайна, как кнопки, формы и меню навигации. Они помогут членам команды лучше понять, как применять аспекты доступности на практике
- Фрагменты кода: Включайте фрагменты кода и технические решения для закрытия конкретных задач, связанных с доступностью. Эти фрагменты кода помогут разработчикам быстро внедрить лучшие практики цифровой доступности в код
Каждый должен стремиться к согласованности между продуктами и различными командами. Глубоко понять потребности людей с ограниченными возможностями можно через эмпатию. Дизайн-системы, разработанные с учётом доступности, представляют собой сдвиг парадигмы, предлагая больше возможностей и подключая больше людей.
Сотрудничество и документация в отношении аспектов доступности
Дизайнерам, разработчикам и экспертам по вопросам доступности крайне важно сотрудничать, чтобы разработать наиболее полную и эффективную документацию в отношении аспектов доступности. Необходимо вовлечь каждого члена команды. Для создания дизайн-системы, учитывающей аспекты доступности и интегрированной в каждую задачу, важны эмпатия и подключение каждого из команды.
Каждый человек привносит уникальные знания и видение, объединение которых улучшает документацию и гарантирует то, она будет включать все соответствующие аспекты доступности. Каждая команда несёт ответственность за поддержание и укрепление инклюзивного видения. Любой член команды должен рассматривать документацию с позиции доступности.
Командная работа даёт пространство для обсуждения того, насколько важен вклад каждого в создание документации с учётом аспектов доступности. Люди с разными способностями и опытом могут замечать специфические задачи и потребности, связанные с доступностью. Рассмотрение разнообразных точек зрения делает документацию более комплексной и доступной для широкого круга пользователей.
Сотрудничество позволяет членам команды обмениваться знаниями и совместно решать проблемы. Работая вместе, можно увидеть и устранить потенциальные барьеры при внедрении доступности. Кроме того, постоянное общение гарантирует, что документация в отношении доступности в дизайн-системе будет оставаться актуальной, точной и будет учитывать последние практики и стандарты доступности.
Поддержание актуальности и обновление документации в отношении аспектов доступности
Чтобы цифровые продукты были доступными и соответствовали текущим стандартам доступности, важно поддерживать документацию в отношении аспектов доступности актуальной. Рекомендации по доступности и лучшие практики в этом направлении развиваются. Поэтому необходимо периодически проверять и обновлять документацию, чтобы отражать изменения и предоставлять дизайн-командам и командам разработки наиболее точную и актуальную информацию.
Одна из ключевых стратегий поддержания актуальности документации — её регулярное ревью. Этим может заниматься специальная команда, ответственная за периодический пересмотр и обновление документации. Кроме того, важно быть в курсе последних событий в области доступности, чтобы поддерживать актуальность документации.
Доступность — постоянно развивающийся процесс, и необходимо признать в нём важность оценки и итераций. Сбор обратной связи от пользователей, проведение тестирования доступности и открытость к непрерывным улучшениям позволят постепенно улучшать документацию в отношении аспектов доступности.
Постоянные итерации помогут поддерживать актуальность и эффективность документации, и тем самым повысить доступность цифровых продуктов. Как для текущих, так и для будущих членов команды, документация играет ключевую роль в согласовании цифровых продуктов между собой. Командам, которые стремятся масштабировать продукты, необходимо исключать предвзятость и разрабатывать инклюзивные практики.
Заключение
Доступность — неотъемлемая часть современных продуктов. Содействие формированию хороших практик в технологических командах играет ключевую роль в будущем продуктов, доступных для всех. Это сложный и трудный процесс.
Важно, чтобы при разработке документации по доступности дизайнеры, разработчики и эксперты по вопросам доступности сотрудничали. Путем внедрения разнообразных точек зрения и знаний дизайн-системы будут лучше закрывать потребности любого пользователя.
Доступность не должна быть опцией, это ответственность, которая лежит на каждом. Настоящее и будущее дизайн-систем — акцент на доступности, а документацию по дизайн-системам все команды должны ставить в приоритет. Включение пользовательских исследований и сбор обратной связи от пользователей способствует развитию дизайн-систем и документации. Это помогает создавать более качественный цифровой опыт, где технологии становятся частью решения, а не проблемы.
По мере развития технологий крайне важно отдавать приоритет доступности и делать цифровые продукты открытыми для всех пользователей, независимо от их возможностей или ограничений. Совместная работа, развитие эмпатии и постоянное обновление документации позволяют создавать более доступный и инклюзивный цифровой мир для всех.
Перевод статьи от UX Teddy – в их телеграме найдете так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!
- Источник:
- dodonut.com
