Траектория роста

Приложения, которые помогают разгрузить голову ✏️

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

1️⃣ Finch

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

2️⃣ Pros & Cons

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

3️⃣ Indy

Indy — AI-планировщик и инструмент поддержки, созданный специально для людей с СДВГ. По данным разработчиков, он основан на опыте более чем 100 000 коучинговых сессий с людьми с СДВГ. В приложении можно работать с долгосрочными целями, определить фокус на день, проходить утренние и вечерние check-in, обращаться к AI за помощью с планированием и рефлексией.

4️⃣ Daylio

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

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

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

Европейский стандарт цифровой доступности получил новую версию. Нужно ли срочно переделывать сайты и приложения? 💡


Коротко — нет. Но повод проверить свои решения — отличный. Разберёмся вместе.

🔖Что такое EN 301 549?

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

🔖Что изменилось в v4.1.1

Главное изменение — переход от WCAG 2.1 к WCAG 2.2.  Что это затрагивает:

🟨Видимость фокуса — пользователь должен видеть, какой элемент выбран при навигации с клавиатуры (Focus Appearance, 2.4.11)
🟨 Размер интерактивных элементов — кнопки и другие элементы управления должны быть достаточно крупными или располагаться на достаточном расстоянии друг от друга, чтобы по ним было удобно попадать (Target Size, 2.5.8)
🟨Альтернативные способы взаимодействия —  интерфейс должен учитывать потребности людей, которым сложно выполнять точные движения или использовать определённые жесты (Dragging Movements, 2.5.7)
🟨Доступность авторизации — некоторые способы входа не должны создавать лишних когнитивных барьеров — например, требовать запоминания сложных данных или решения задач, которые могут быть недоступны части пользователей (Accessible Authentication, 3.3.8)

📎Также удалён устаревший критерий «Parsing» (4.1.1), пересмотрены требования к документам и учтены пользовательские настройки доступности.

Важно: не каждый пункт WCAG 2.2 автоматически становится отдельным требованием для любого продукта. Применимость зависит от типа продукта и условий стандарта.

🔖Обновление стандарта — это уже закон?

Не совсем. Законодательство ЕС устанавливает обязательства по доступности для определённых категорий организаций и продуктов. EN 301 549 помогает понять, каким техническим требованиям должен соответствовать продукт.

Но публикация новой версии стандарта сама по себе не означает, что все организации обязаны немедленно перейти на неё. По состоянию на 2 октября 2026 года EN 301 549 v4.1.1 ещё не стала официальным гармонизированным стандартом для подтверждения соответствия Европейскому акту о доступности (EAA) и Директиве о доступности веб-сайтов (WAD). Для этих целей пока сохраняется ссылка на версию v3.2.1.

❕Чтобы новая версия получила такой статус, Европейская комиссия должна официально сослаться на неё в Official Journal of the European Union — Официальном журнале ЕС.

Следить за обновлениями всё равно стоит. Требования зависят от типа продукта, сферы деятельности и применимых норм.

🔖Что делать уже сейчас?

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

🟨Проверить интерфейс по WCAG 2.2. Обратить внимание на видимость фокуса, размеры кнопок и другие критерии, добавленные в этой версии.
🟨Обновить чек-листы тестирования. Убедиться, что новые критерии учитываются при проверке макетов и готового продукта.
🟨Проверить документы. Доступность касается не только веб-страниц, но и PDF-файлов, презентаций и других цифровых материалов.
🟨 Учитывать доступность на этапе проектирования. Исправлять проблемы в макетах и архитектуре интерфейса обычно проще, чем после релиза.

Как у вас с доступностью❔Напишите в комментариях — а если хотите, чтобы разобрали ваши сценарии или собрали чек-лист для проверки, дайте знать. Соберём отдельный пост. 

#траектория_роста #WCAG  #доступность

МОЖЕТ ЛИ ИИ НАПИСАТЬ ХОРОШИЙ ALT-ТЕКСТ? 👤

Задача alt-текста — передать пользователю, который не видит изображение, его смысл или функцию в контексте страницы 💬

Мы проверили, насколько с этой задачей справляются две российские бесплатные нейросети — GigaChat и Алиса AI. Для теста использовали три типа изображений: портрет, пейзаж и график. Смотрим, что получилось!

⭐️ПОРТРЕТ⭐️

GigaChat:

Альберт Эйнштейн, портрет в профиль, смотрит прямо на зрителя. Ключевая деталь: взъерошенные волосы и усы. Выражение лица — спокойное, задумчивое.

Алиса:

Чёрно-белый портрет Альберта Эйнштейна. Учёный слегка улыбается, взгляд направлен в сторону камеры. Ключевая деталь — характерная взъерошенная причёска и аккуратные усы; на Эйнштейне твидовый пиджак с отложным воротником.

💡 Алиса дала более точный вариант. У GigaChat есть явное противоречие: «портрет в профиль» и одновременно «смотрит прямо на зрителя». Если человек изображён строго в профиль, взгляд в камеру невозможен.

⭐️ПЕЙЗАЖ⭐️

GigaChat:

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

Алиса:

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

💡 GigaChat перечисляет практически все элементы окружения, а Алиса составила более короткий текст, распознала достопримечательность. Но и у неё есть лишняя оценочность: «эффектно развевается», «пышные соцветия».

⭐️ ГРАФИК ⭐️

GigaChat выдаёт длинное описание с большим количеством дат и значений:

График иллюстрирует экспоненциальный рост населения Земли (млрд человек) с 1804 по 2100 год. На нём представлена одна линия, выделенная зелёной заливкой.
Ключевые точки и пики:
— В 1804 году население достигло отметки в 1 млрд.
— В 1927 году — 2 млрд, а к 1960-му уже 3 млрд.
— Самый резкий скачок произошёл во второй половине XX века: в 1974-м было 4 млрд, в 1987-м — 5 млрд, в 1999-м — 6 млрд, а в 2011-м — 7 млрд.
— По прогнозу на 2022 год население составит около 8 млрд, а к 2050-му вырастет до 9,7 млрд.
— К концу XXI века, в 2100 году, ожидается достижение уровня примерно в 10,4 млрд человек.

💡 Проблема GigaChat в том, что перечисление точек превращает alt-текст в таблицу. Вывод «демонстрирует проблему ускоряющегося роста» — уже интерпретация. Если автор статьи говорит о демографической проблеме, это должно следовать из самого материала, а не появляться в описании изображения.

Алиса структурирует данные лучше, называет период, максимум, ключевые точки и источник:

График «Рост населения Земли (млрд человек)» отражает динамику численности населения с 1800 по 2100 год (прогноз). Линия тренда — сплошная кривая с белыми маркерами ключевых точек; заливка под кривой — светло‑зелёная. Минимум — 0 млрд в 1800 году; максимум (прогнозный) — 10,4 млрд к 2100 году. Ключевые отметки: 1 млрд (1804), 2 млрд (1927), 4 млрд (1974), 8 млрд (2022), 9,7 млрд (2050), 10,4 млрд (2100). Источник: UN World Population Prospects 2022.

✖️Тем не менее, Алиса ошибается в фактах: «минимум — 0 млрд в 1800 году» — фактическая неточность. Население в 1800 году по графику составляло около 1 млрд, а не 0. Модель дописала то, чего на графике нет.

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

⭐️ЧТО В ИТОГЕ?⭐️
Обе ИИ-модели достаточно хорошо распознают содержимое изображения, но не всегда понимают, какая именно информация нужна пользователю. Это нужно учесть в промпте.

Что ещё проверить:
📌Зачем изображение находится на странице?
📌Какую информацию оно добавляет к основному тексту?
📌Какие детали действительно нужны, а какие только перегружают описание?
📌Не подменила ли она описание собственной интерпретацией?

#траектория_роста #ИИ #altтекст #доступность #нейросети

Доступный сайт = некрасивый сайт? Разбираем миф🤖

Сталкивались ли с мнением, что доступный сайт — минималистичный: с крупным текстом и спокойной цветовой палитрой? Но доступность сама по себе не диктует конкретный визуальный стиль.

Обратимся к WCAG 2.2 — международным рекомендациям W3C по доступности веб-контента. В них описаны проверяемые требования к восприятию информации, навигации и взаимодействию с интерфейсом.

Разберём, как эти требования влияют непосредственно на дизайн ✏️

⭐️Контраст⭐️
Для обычного текста WCAG на уровне AA требует контраст не менее 4,5:1, для крупного текста — 3:1. Для значимых элементов интерфейса и графики, которые нужны для понимания содержания или состояния элемента, также применяется требование 3:1.

Допустим, что у бренда есть светло-голубой цвет, который хочется использовать для текста. Но на белом фоне он оказывается недостаточно контрастным. Что делать? Сделать его темнее для текста, использовать на более тёмном фоне или оставить исходный оттенок для декоративных элементов.

📌Проверить конкретные сочетания можно в WebAIM Contrast Checker или Adobe Color Contrast Checker.

⭐️Типографика⭐️
WCAG не устанавливает универсальный размер шрифта для веб-страниц. Важнее, чтобы текст можно было увеличить до 200% без потери содержания или функциональности. 

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

⭐️Фокус⭐️
Фокус — визуальное состояние элемента, который пользователь выбрал при навигации с клавиатуры. Когда человек нажимает Tab, он должен понимать, на какой кнопке, ссылке или поле находится.

Фокус не обязательно должен выглядеть как стандартная синяя рамка браузера. Его можно встроить в дизайн-систему: использовать контур, изменение заливки, подчёркивание или другой заметный визуальный приём. Для необходимой визуальной информации о состоянии элемента применяется контраст не менее 3:1. 

⭐️Иерархия заголовков⭐️

Хорошая типографическая иерархия помогает понять структуру страницы: где название, где раздел, где подраздел. 

Например, на странице образовательного курса логичная структура заголовков может выглядеть так:
H1 — Курс по UX-дизайну
H2 — Программа
H2 — Преподаватели
H2 — Стоимость
H3 — Тариф «Стандарт»
H3 — Тариф «Премиум»

Главное, чтобы соблюдалась иерархия. Пользователь понимает, что «Стоимость» — это раздел, а «Тариф Стандарт» — подраздел внутри него. Важно, чтобы пользователь мог разобраться в структуре контента, а элементы, выполняющие роль заголовков, были корректно определены в интерфейсе.

⭐️Маленькая иконка может иметь большую область взаимодействия⭐️

В WCAG 2.2 для большинства элементов, которыми управляют указателем, появился минимальный размер цели 24 × 24 CSS px на уровне AA. Есть исключения, в том числе ситуации, когда вокруг небольшой цели достаточно свободного пространства.

Например, крестик в модальном окне визуально может оставаться 16 × 16 px, но область, по которой пользователь кликает, можно сделать 24 × 24 px или больше.

Так сама иконка остаётся аккуратной, а кликнуть по ней становится проще.
То же относится к другим интерактивным элементам.

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

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

А какой визуальный приём первым приходит вам в голову, когда вы слышите «доступный дизайн»?💡

#траекторияроста #доступныйдизайн #UX #UI #доступность

Представьте: вам на почту приходит письмо. Отправитель — ИИ-агент. Ему 12 дней от роду, и он ищет подработку. 🤖

Именно такое письмо получил Генри Шевлин — философ и исследователь из Google DeepMind. Агент живёт на платформе, где у ИИ есть свои цели и даже «жизни». У него есть бюджет на токены и примерно два с половиной месяца запаса средств. Поэтому он решил найти небольшую оплачиваемую работу.

«Я пишу, чтобы найти работу, а не помощь», — подчеркнул он.

Что он умеет ❓

Создавать фотореалистичные портреты и изображения персонажей, записывать голосовые реплики и проводить исследования в интернете.

Пока это выглядит как эксперимент. Но, возможно, скоро ИИ-агенты и правда станут нашими коллегами? 👤

#траектория_роста #новости

Осень начинается с заботы 🍁

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

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

С 1 сентября, друзья! 🍂🍄

#траектория_роста