🌐 Как проверить доступность интерфейса

Екатерина Соловьёва собрала гайд по доступному дизайну. Контрастный текст, понятные ошибки, навигация с клавиатуры и субтитры помогают людям с разными ограничениями, а заодно упрощают продукт для остальных пользователей. Одной проверки по WCAG недостаточно. К тестированию стоит привлекать людей, которые пользуются скринридерами, клавиатурой и другими вспомогательными технологиями. Так можно найти проблемы, которые дизайнер или автоматический тест просто не заметит. Внутри: – Чем доступность отличается от инклюзивного дизайна; – На каких четырёх принципах построен стандарт WCAG 2.2; – Как проверять контраст, масштабирование текста и клавиатурную навигацию; – Зачем нужны семантическая разметка, альтернативные тексты и понятные ошибки; – Как включить доступность в исследования, разработку и регулярное тестирование. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Команде — уважения и охватов! Читайте на vc.ru и на Дизайнерс!

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

Install ️

Теперь стандартное название раздела «Все» можно заменить на любое другое. Например, «Все товары» или «Каталог». Это поможет адаптировать каталог под тематику вашего магазина и сделать навигацию более понятной. Новое название будет отображаться не только в панели управления каталогом, но и на сайте — в списке разделов и в хлебных крошках. Где найти: Каталог 👉 Разделы 👉 Редактировать раздел #tildaupdates

Екатерина Соловьёва собрала подробный гайд по тестированию прототипов. Ранняя проверка помогает найти проблемы в сценариях и навигации до того, как решения попадут в код и станут дорогими в исправлении. Бумажные наброски подходят для проверки общей идеи и структуры. Интерактивные схемы помогают пройти основные сценарии, а подробные прототипы нужны для проверки текстов, визуала и мелких взаимодействий. Во время тестов стоит фиксировать успешность задачи, время, ошибки и места, где пользователь останавливается или уходит. Внутри: – Как выбрать детализацию прототипа под задачу исследования; – Когда использовать юзабилити-тесты, интервью и экспертную оценку; – Как подготовить сценарии, метрики и участников; – Какие ошибки команды допускают при проведении тестов; – Как проверять доступность интерфейса ещё до разработки. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Бесплатный плагин с кучей иконок и удобной системой навигации 💡 Глянуть плагин 💡 #plugin

Большинство думает, что основные расходы при открытии салона это ремонт и мебель, на самом деле это лишь часть бюджета. Именно поэтому многие выходят за смету еще до окончания ремонта. Чтобы открыть салон, нужно предусмотреть десятки статей расходов. Вот основные из них в процентном соотношении что сколько стоит: 1. Помещение (10–15%) • обеспечительный платеж • первый месяц аренды • услуги риелтора • юридическое сопровождение • регистрация договора аренды (при необходимости) • подготовка помещения к проектированию 2. Проектирование (3–7%) • анализ помещения • бизнес-концепция • планировочное решение • дизайн-проект • рабочие чертежи • инженерные проекты • проекты для согласований 3. Строительство и оснащение (50–65%) Самая большая статья расходов, сюда входит буквально все: • строительные и отделочные работы • электрика • сантехника • вентиляция • кондиционирование • отопление • пожарная сигнализация • интернет и слаботочные системы • освещение • мебель • оборудование • бытовая техника • вывеска • навигация • декор 4. Документы и запуск (3–5%) • регистрация ИП или ООО • касса и эквайринг • лицензирование (при необходимости) • разрешительная документация • бухгалтерское сопровождение 5. Персонал (7–12%) • поиск сотрудников • обучение • адаптация • медицинские книжки • униформа • фонд оплаты труда до выхода салона на плановую загрузку 6. Закупка материалов (5–10%) • профессиональная косметика • расходные материалы • одноразовая продукция • бытовая химия • товары для продажи • стартовый склад 7. Маркетинг и открытие (5–10%) • логотип и фирменный стиль • сайт • CRM • телефония • социальные сети • наружная реклама • фото- и видеосъемка • печатная продукция • торжественное открытие 8. Финансовый резерв (5–15%) Практически никто не закладывает этот пункт, хотя именно он позволяет спокойно пройти первые месяцы работы. • аренда • зарплаты • коммунальные платежи • налоги • дозакупка материалов • непредвиденные расходы 9. Цена ошибок (10–30%) Именно этой статьи расходов нет ни в одной смете, но как раз она становится причиной большинства перерасходов. Например: • неправильно выбрали помещение; • не хватило электрической мощности; • забыли про вентиляцию; • пришлось переносить стены; • переделали электрику после начала ремонта; • мебель не подошла по размерам; • не прошли лицензирование с первого раза. Все эти ошибки стоят очень дорого, а избежать их можно еще на этапе проектирования. Самое интересное, что дизайн-проект составляет всего 3–7% от общего бюджета открытия или обновления салона, но именно от этих 3–7% зависит эффективность остальных 93–97% инвестиций. Это как раз и есть основная задача, которую решает наш дизайн-проект, а не просто "красивые картинки". Именно на этапе проектирования принимаются решения, которые определяют: • сколько будет стоить ремонт • сколько рабочих мест получится разместить • понадобится ли переделывать инженерные системы • пройдет ли помещение по действующим нормам • получится ли провести честный тендер среди строителей • насколько точно удастся уложиться в бюджет. Другими словами, дизайн-проект управляет практически всеми последующими расходами, поэтому его нельзя рассматривать как очередную статью затрат. Это инвестиция, которая помогает сохранить сотни тысяч, а иногда и миллионы рублей еще до открытия салона. Самые дорогие ошибки совершаются еще до начала ремонта, именно поэтому стоимость грамотного проекта окупается задолго до того, как в салоне появится первый клиент. Если Вы планируете открытие или обновление салона, приходите на консультацию. За 1,5 часа Вы получите четкий план действий, поймете, из чего будет складываться бюджет именно Вашего проекта, какие статьи расходов Вас ждут и где можно сэкономить без ущерба для качества и будущей прибыли. https://max.ru/id771921226310_biz - канал МАХ https://www.stqr.ru/39033-1-571 - Визитка, там ссылки на все соцсети и сайт +79169653356

в пятницу КОРТРОС провёл первую IT-конференцию Digital Day, посвящённую цифровой трансформации компании. Максим Семёнов, аккаунт-директор aic.ru, рассказал о нашей работе над цифровой экосистемой девелопера. мы провели масштабное исследование сайта kortros.ru: изучили аудиторию через интервью и опросы, проанализировали поведение пользователей и выявили узкие места в воронке продаж. на основе данных сформировали стратегию развития сайта: донастраиваем контент, упрощаем навигацию и внедряем инструменты для сравнения предложений. 👀 результаты уже легли в основу новых лендингов — цель превратить сайт в полноценный канал продаж, ведущий пользователя от знакомства с проектом до заявки. 💕спасибо КОРТРОС за приглашение и возможность поделиться результатами!

В эту субботу буду выступать с лекцией в Выксе на Дизайн-выходных, посвященных брендингу! 👀 🌟 От идеи до брендбука: как создавать визуальные системы Как превратить логотип в гибкую айдентику, которая работает на любых носителях — от социальных сетей до мерча и навигации. На реальных кейсах разберём, как строится визуальная система бренда, что делает её консистентной и как оформить идеи и визуальные решения в понятный и рабочий брендбук. Спикер: Екатерина Антонова — арт-директор Dotorg. Автор тг-канала true merch™. «Дизайнер года 2025» по версии фестиваля Нового дизайна «Среда». В 2026 году — член жюри ADCR Awards. Выпускница МГХПА им. Строганова и Школы Дизайна НИУ ВШЭ. Регистрация и полная программа тут 👀

В первом туре RDC было жарко: 500+ регистраций, 52 работы, три финалиста и две спецноминации. Сейчас в самом разгаре второй тур с новой задачей — принять участие и подать свою работу может каждый. Задача второго тура: исследовать, что на самом деле объединяет продактов, аналитиков и дизайнеров. Отыскать свою метафору единства и создать айдентику продуктового сообщества: — Логотип; — Цветовую и типографическую стилистику; — Несколько ключевых носителей: например, оформление онлайн-пространства, мерч или элементы навигации для офлайн-встреч. Лучшие работы разберёт звёздное жюри конкурса, а тройка лидеров получит пропуск в суперфинал, где участники поборются за призовой фонд конкурса — в 300 000 рублей. Подписывайтесь на аккаунт конкурса на Dprofile, загружайте своё решение и добавляйте аккаунт конкурса в соавторы. Узнать подробности и правила участия Приём работ открыт — до 2 августа, 23:59 по МСК. А задать вопрос и пообщаться с участниками конкурса — можно в ТГ-чате RDC.

Кат Хоман разбирает дизайн приложений для психологической поддержки. Люди часто открывают их в состоянии тревоги, усталости или сильного стресса, поэтому скрытая навигация, непонятные значки, яркие анимации и длинный выбор могут быстро заставить человека закрыть приложение. Особенно важен контекст. Экран оплаты, серия достижений или конфетти после записи о плохом настроении могут выглядеть нормально сами по себе, но в такой момент воспринимаются странно. Пользователю нужен короткий путь к помощи, понятные действия и возможность вернуться в приложение без чувства вины за пропущенные дни. Внутри: – Почему модные приёмы могут повышать нагрузку и мешать получить помощь; – Как подстраивать сценарий под состояние и силы пользователя; – Почему знакомая навигация и предсказуемые действия особенно важны при стрессе; – Как серии дней, уведомления и награды могут создавать давление; – По каким пяти критериям проверять дизайн приложений для психологической поддержки. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дополнительное образование Университета Косыгина запускает удобный сайт флагманского проекта для студентов — программы Двойного диплома. Теперь вся информация о том, как освоить вторую профессию параллельно с основным образованием, собрана на единой и удобной платформе. Ключевые возможности новой платформы: — Навигация по направлениям: описание программ, учебных планов и стоимости обучения. — Гид по поступлению: пошаговые этапы, перечень документов и условия бронирования места на курсе. — Обратная связь: формы подачи заявок и получения консультации. Познакомиться с возможностями новой платформы и оставить заявку на обучение по программе Двойного диплома на официальном сайте: 2diplom.rguk.ru ✨

Миша Просмицкий пишет о доступности как о части инженерного процесса, а не как о пункте в чек-листе. Команды теперь могут генерировать интерфейсы быстрее, чем раньше, но скорость легко маскирует базовые проблемы: кнопка оказывается div с обработчиком клика, фокус не работает, скринридер видит плоский текст, а пользователь не может оплатить заказ. Особенно больно это становится с ИИ-кодом. Модель часто повторяет то, на чём училась: несемантичную разметку, красивые пиксели и минимум ограничений. Поэтому доступность нужно встраивать в систему заранее: правила для ИИ, доступные компоненты в дизайн-системе, проверка в pull request, Definition of Done, тесты в CI, понятная передача фокуса, подписей, состояний и порядка клавиатурной навигации. Аудиты всё ещё нужны, но они не заменяют процесс. Внутри: – Почему аудит доступности быстро устаревает после нескольких релизов; – Как ИИ ускоряет создание интерфейсов и одновременно множит ошибки; – Почему красивый компонент может быть бесполезен для скринридера; – Зачем ограничивать ИИ правилами до генерации кода; – Почему сложные элементы лучше брать из проверенных библиотек, а не писать заново; – Как дизайн-система помогает масштабировать доступность на тысячи экранов; – Какие проверки стоит встроить в ревью, Definition of Done и CI; – Почему тесты с реальными пользователями с инвалидностью всё равно нельзя заменить линтером. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

ДЕНЬ 5 ИЗ 7 Сегодня расскажу о системе навигации в канале: о том, как она устроена и как упрощает поиск нужных решений. В канале мы публикуем проекты не целиком, а по зонам – кухня, спальня, ванная, прихожая и так далее. Потому что так реально УДОБНЕЕ. Проекты и бюджеты очень разные, и вкус у всех тоже очень разный. Редко кто пересматривает весь объект “от корки до корки”, потому что чаще всего нужен не проект целиком, а точный ответ на конкретный запрос: как оформить кухню, какой свет повесить в спальне, где купить этот диван, что делать с маленьким санузлом. Поэтому структура https://golnk.ru/lgN8X">Потрясных находок выстроена так, чтобы любой мог: • открыть нужный тег и сразу получить сотни примеров по своей задаче – если нужен пример кухни, он открывает тег #кухня, внутри хэштега варианты из всех наших проектов за 3 года.; • сравнить решения в одном стиле или бюджете; • быстро понять, что подходит, а что нет; • и применить найденное в своём ремонте без долгих поисков. Но удобная навигация – далеко не все, что есть в канале. Тариф навсегда открывает доступ к практическим урокам. Один из самых важных и полезных – «Как с бетона дойти до чистовой отделки». В нем подробно разобрали: • Где искать бригады, какие задавать вопросы — 🔴 и 🟢 флаги • Как не попасть на развод при расчётах от бригады • Как дистанционно обсудить срок и цены на ремонт и кого для этого пригласить • Наша вилка цен со строителями • Когда и кому платить, по какому договору (бонус — шаблон нашего свежайшего договора с бригадой) • Кто закупает материалы и кто за них отчитывается • Из чего РЕАЛЬНО складывается стоимость ремонта • Как выглядит живая смета и как ею управлять • Что меняется, если вы стартуете не с бетона, а с white box • И 40 последовательных пунктов ремонта, которые проходят ВСЕ наши объекты (стяжка, отопление, электрика, водоснабжение, сантехника, опрессовка, перепланировка и т.д.) https://golnk.ru/lgN8X">Канал дает не только вдохновение, но и пошаговый путь ремонта: что делать, в какой последовательности, сколько это стоит и где чаще всего возникают ошибки. Урок доступен участникам с подпиской НАВСЕГДА – срок, который без спешки покрывает полный цикл ремонта для тех, кто делает его впервые. После оплаты вы получаете: • урок «С бетона до чистовой отделки» • урок «Грамотное управление бюджетом» • урок «Тренды и антитренды в интерьере 2026-2027г.» • таблицу с промокодами и проверенными подрядчиками 🔥 эксклюзивный доступ к каналу реалити «Ремонт для себя с Юнной», где я делюсь процессом своего ремонта и прикладными советами, а не просто ссылками 🔥 полный гайд по отделке на 172 страницы, где разобрано КАЖДОЕ решение на плюсы и минусы Ссылка на вступление — https://golnk.ru/lgN8X

Статья разбирает вкладки как простой, но часто неправильно используемый паттерн. Они хорошо помогают, когда нужно быстро переключаться между несколькими понятными разделами, сэкономить место и не уводить человека на отдельные экраны. Например, внутри страницы, карточки, настроек, дашборда или мобильного приложения, где есть 5–7 близких по смыслу категорий. Проблемы начинаются, когда во вкладки пытаются засунуть слишком много всего. Длинные названия не помещаются, категории начинают конкурировать, вложенные вкладки путают уровни, а важный контент оказывается спрятан. Вкладки не должны становиться складом для всего, что некуда положить. Если пользователю нужно сравнивать данные между разделами, много скроллить по табам или гадать по коротким названиям, лучше выбрать другой способ навигации. Внутри: – Когда вкладки реально упрощают навигацию; – Почему они хорошо работают для небольшого числа понятных категорий; – Зачем использовать вкладки как поднавигацию внутри страницы; – Почему слишком много вкладок быстро ломают интерфейс; – Чем опасны длинные и неочевидные названия; – Когда вложенные вкладки начинают путать пользователя; – Как проектировать вкладки для мобильных экранов и жестов; – Почему активное состояние, доступность и клавиатурная навигация важны не меньше визуала. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

ДЕНЬ 1 ИЗ 7 За последний месяц к каналу Yuloo Studio присоединилось более 5000 светлых голов. Чему я несказанно рада и каждого приветствую! Я часто пишу про наш канал “https://golnk.ru/yBlaW">Потрясные находки”, но возможно, новенькие до сих пор не знают, что это такое. Расскажу обо всем по порядку. Идея канала появилась весной 2022 года, когда я в очередной раз упаковывала интерьер и поняла: у меня в руках огромная база проверенных товаров, которые переезжают из проекта в проект. А еще – сотни классных вещей, которые не подошли одному объекту, но идеально подошли бы другому. Так появились Потрясные находки – правая рука и личный карманный дизайнер для тех, кто делает ремонт самостоятельно. Это закрытый телеграм-канал, где мы публикуем реальные проекты студии после завершения ремонта: со ссылками, ценами, сметами, материалами, оттенками стен и мебелью, которую можно повторить в своей квартире. https://golnk.ru/yBlaW">Канал не имеет ничего общего с подборками из Пинтерест для вдохновения – это библиотека проверенных решений, которую мы собираем 4 года. Для кого канал? ✔️ Для тех, кто делает ремонт сам ✔️ Для дизайнеров, которым нужно комплектовать проекты быстрее ✔️ Для инвесторов и флипперов, которым нужно сделать классный интерьер и уложиться в бюджет Что внутри? • ежедневные подборки по комнатам: кухни, спальни, ванные, прихожие, гардеробные • реальные ссылки на товары из наших объектов • полные сметы 300+ проектов • материалы мебели на заказ • краски, плитка, техника, свет • контакты проверенных мастеров • удобная навигация по любым темам Вы можете повторить любой интерьер полностью или собрать свой – на любой бюджет. Достаточно вступить на любой срок по ссылке – https://golnk.ru/yBlaW Когда проектов много, мы можем публиковать и до 5 подборок в день. Недавно был именно такой день: 5 постов подряд, чтобы закрыть проекты в срок. Удобная навигация в канале помогает найти нужное за короткое время с таким объемом информации Сегодня первый день открытых дверей. Поэтому встречайте подборки👇🏻

🟣 Контекст LinkedIn почти не меняется визуально — десктоп выглядит так, будто застрял в 2015. тесная колонка по центру, бесконечные дропдауны, ноль воздуха. при этом это одна из главных рабочих платформ в мире 🟣 Задача передизайни именно этот экран — публикацию вакансии на LinkedIn возьми ту должность, которую реально ищешь или нанимаешь у себя в команде — чтобы контент был живой, а не «рыба» можно десктоп или мобилку 🟣 Правила бренд остаётся узнаваемым — синий, иконка in, общая логика платформы всё остальное можно: сетка, типографика, иерархия, плотность, интеракции, навигация 🟣 Фокус думай как продуктовый дизайнер, а не декоратор покажи как стало удобнее: меньше шума, понятнее путь, живее интерфейс объясни что менял и зачем 🟣 Время ⏱ 50 минут 🟣 Результат несколько экранов + короткий комментарий к решению за прототип или анимацию респектос 🟣 Дедлайн 4 дня / 26 июня Обсуждение и сплетни: t.me/Designwarmups_chat Сайт designwarmups.com #99_ДизайнРазминка

Яркий шаблон с неоновой эстетикой, динамичной подачей контента и удобной навигацией. Поможет эффектно рассказать о вашем компьютерном клубе, игровых зонах, тарифах, мероприятиях и преимуществах для посетителей. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/gamingclubru При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🎮 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬

Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы