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

🤖 игры как инфраструктура для роботов Niantic Spatial и Coco Robotics используют наследие Pokémon Go для навигации роботов-курьеров. ▶︎ визуальное позиционирование (VPS) вместо GPS ▶︎ точность до сантиметров за счёт анализа окружения ▶︎ обучение на 30 млрд изображений игроков ▶︎ стабильная работа в плотной городской среде игроки фактически годами обучали инфраструктуру для автономной доставки. ☎️ защита от мошенников на уровне семьи Truecaller добавил семейные группы с функцией «цифровой опеки». ▶︎ один администратор контролирует звонки всей семьи ▶︎ уведомления о подозрительных вызовах ▶︎ возможность удалённо завершить звонок (Android) ▶︎ отслеживание активности (движение, батарея и т.д.) контроль безопасности становится распределённым — не только у пользователя, но и у его окружения. 🧠 чип, возвращающий движение китайская компания Neuracle Medical Technology получила одобрение на нейроустройство NEO. ▶︎ интерфейс «мозг-компьютер» для пациентов с параличом ▶︎ электроды вне ткани мозга → ниже риски ▶︎ управление роботизированной перчаткой ▶︎ уже разрешён для домашнего использования BCI впервые выходит из стадии эксперимента в реальную медицинскую практику. вывод технологии смещаются от интерфейсов к действиям: они не просто помогают пользователю, а принимают решения, действуют в его интересах и берут на себя часть ответственности. для бизнеса это означает смену логики продуктов — выигрывают те, кто строит системы, способные не показывать варианты, а доводить задачу до результата. trends.aic.ru
Изображение поста

♿ 40-60% интерфейса Moni требует доработки для незрячих пользователей, но большинство проблем не сложные

Незрячий разработчик разобрал доступность web3-проекта Moni. Доступность в финтех и web3 редко рассматривается как обязательная часть архитектуры. Внимание уделяется визуальной составляющей, а сценарии использования без мыши или без экрана остаются вне фокуса. Выяснил: примерно 40-60% интерфейса требует доработки с точки зрения accessibility. Большинство проблем не архитектурно сложные, это вопросы корректного использования aria-атрибутов, логичной структуры заголовков и поддержки клавиатурной навигации. Внутри: – Кнопки без описания: под полем «Check account» должна быть кнопка поиска, но есть элемент "По щелчку" без описания; – Заголовки на каждой строке: неудобно слушать текст, когда каждая строка это заголовок уровня 1 или 2; – Таблицы представлены кнопками: столбцы это кнопки, нет нормальной HTML-таблицы с table, tr, th, td; – Слияние строк без пробелов: «Ethereum$395.790.1 ETH100%+0%», «L117.62%-1.93%», «Smarts244+1»; – Курсор не попадает в модальные окна: после клика по «Manage filters» курсор не переходит к настройкам; – Поиск недоступен с клавиатуры: ввел HYPE, что-то появилось на экране, но с клавиатуры не смог поймать и перейти; – Кнопки навигации без названий: первая и последняя в постраничной навигации неподписанные, лучше «First» и «Last»; – Решения простые: использовать aria-label=«Name» у элементов, tabindex=-1 и .focus в JS для фиксации курсора, разделять блоки h2 и h3 заголовками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

200

Постепенно начинаю открывать кейсы FOYEAH — моего независимого дизайн- и бренд-консалтинга. Один из наших больших проектов — платформа для Library for Architecture из Еревана. LFA — больше, чем библиотека. Это среда, где книги, обсуждения, воркшопы и люди вокруг них собираются в живое архитектурное сообщество. Новая инициатива ребят Live Archive объединяет исследовательские архитектурные и урбанистические работы со всего мира, связанные с Арменией. В FOYEAH мы разработали дизайн платформы и ее визуальную систему. Вызовом было удержать баланс между двумя крыльями проекта: архивом как инструментом и LFA как институцией. Так, чтобы сайт не раскололся на две независимые части. Главную страницу мы спроектировали с буквально «живым» ритмом и сеткой. Для архива продумали несколько сценариев просмотра, а для лонгридов — конструктор, который помогает превращать большие исследовательские материалы в легкую для чтения форму. Словно не спеша листаешь архитектурный журнал. Мотив точек из айдентики LFA обрел вторую жизнь — в интерфейсе он стал не только графическим, но и навигационным элементом. Что, пожалуй, символично: ведь это архив, которому движение ближе, чем покой. Смотрите кейс — https://www.behance.net/gallery/245336535/Library-for-Architecture

Вебинар «Как создать блог на Тильде. Быстрый старт»

Как настраивать блоки и управлять публикациями через Потоки — узнаете на бесплатном вебинаре 17 марта. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1772455090aa90626f4767 На вебинаре разберём: 🟠Как редактировать блоки и добавлять публикации; 🟠Как управлять постами в Потоках; 🟠Как настроить навигацию и подготовить сайт к запуску. Вебинар проведёт Кристина Волошина, эксперт службы поддержки в Tilda Publishing.
Изображение поста
⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется
На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Zed Icons. Оупенсорсный набор из двух тысяч иконок для навигации, информационных табличек, приложений и других задач.
Иконки созданы с упором на доступность, функциональность и возможность применения в разных странах. По замыслу авторов, изображения из набора должны быть одинаково понятны людям из разных культур. Проект основан на общепринятых пиктограммах DOT, созданных Министерством транспорта США, и графических символах, рекомендованных стандартом ISO 7001. В онлайн-редакторе можно настраивать оптический вес, размер, жирность и скругление. Можно менять направление иконок для использования в регионах, где пишут справа налево. Подробности проекта. #инструменты@zhurnalus_lite
Изображение поста
ДИЗАЙН-САФАРИ — возвращение легендарной экспедиции 🦁
Вы его просили. Мы открыли доступ. Следующие 24 часа можно приобрести запись летнего интенсива со скидкой 50%. 👉 Забрать билет в экспедицию Напоминаю, что такое Дизайн-Сафари Это практикум про работу с графиками таблицами и сложными данными, где за 7 дней ты: — приручаешь сложные отчёты — осваиваешь инфографику — учишься делать дашборды, которые понимают с первого взгляда — подключаешь нейросети и экономишь часы рутины Что внутри экспедиции: ⛺️ Все уроки открываются сразу 🏔Два эфира со мной в записи 🏡 Telegram-бот с навигацией и напоминаниями 🦌 Челлендж на скорость — проходишь в удобное время 🗺 Доступ 2 месяца Практикум можно проходить в своем темпе. Домашние работы ты будешь сдавать на платформе и получать там же разборы от кураторов. Что узнаешь и прокачаешь — Инфографику в своих слайдах — Как упорядочить хаос: собираем разнородные данные в один цельный и понятный слайд — Работу с ChatGPT, Freepik и Recraft (на бесплатных версиях) — Скорость своей работы Плюс сделаешь 3 слайда в портфолио, за которые не стыдно. Кому точно в экспедицию — Тем, кто делает отчёты перед руководством — Фрилансерам и дизайнерам — Экспертам, спикерам, преподавателям — Тем, кто хочет брать более дорогие заказы Будет интересно и новичкам, и «опытным рейнджерам». Отдельный зверь — челлендж на скорость 🐆 Берёшь перегруженный слайд. У тебя 2 часа на его переделку. Готовь шляпу, бинокль и PowerPoint — выходим в дизайн-джунгли, где душные таблицы превращаются в трофейные слайды. 👉 Забрать место в Дизайн-Сафари
Изображение поста
Графдиз vs UI/UX-дизайнер:
кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — welcome сюда. Основные скиллы: Photoshop, Illustrator, Figma для статичных макетов, свой стиль и вкус, много насмотренности. В портфолио — яркие айдентики, луковые постеры, визитки, мерч и арт-плакаты. Это про “визуально красиво”. UI/UX-дизайнер — это цифровой архитектор. Он строит сайты и приложения, чтобы было удобно, понятно и быстро. UI (User Interface) — рисуешь кнопки, интерфейсы, меню, чтобы хотелось кликать и ничего не сломалось. UX (User Experience) — думаешь за пользователя: где потеряется, что раздражает, как ускорить путь к цели. Тут много логики и тестирования, коллаб c разработчиками и аналитиками. Рабочие программы: Figma, Sketch, иногда Protopie. В портфолио — лендинги, мобильные приложения, навигация для сервисов. Фаст-факты: • UI/UX — чаще про командную работу, графдизайнеры могут фрилансить и быть самостоятельнее • Графдизайнер делает для офлайна (печать, мерч), а UI/UX скорее про онлайн • В UI/UX чаще высокий порог входа по знаниям, зато очень много работы и рост ближе к IT • Графдиз — твой выбор, если хочется самобытного стиля и свободы визуального самовыражения • В UI/UX легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити
Изображение поста
📱 CRM в мобильном приложении Ozon прошел 6 итераций разработки, чтобы маленькие продавцы могли работать без маркетолога
Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов. Они помогли быстро преобразовать желания менеджеров в требования для приложения, понять какая навигация нужна, как поделить проект для итеративной разработки. Потребовалось 6 итераций, чтобы полностью завершить раздел. Внутри: – CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы; – Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе; – Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах; – Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки; – Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией; – Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии; – Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге; – Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически; – Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📖 Вышел Журналус № 495. Камень, который научился генерировать стресс в метро Ташкента
Вот что мы подготовили на этой неделе: • Цитаты из книги Келли Макгонигал «Хороший стресс как способ стать сильнее и лучше» • Как люди используют ИИ и что такое «ИИ-грамотность» • Гайд по Figma Make • В чём разница между вайб-кодингом и агентной разработкой • Почему вкус — это инструмент и что такое «хороший дизайн» • Как сделать систему токенов для типографики дизайн-системы • Простой проверенный метод построения палитры интерфейса • Какими должны быть принципы проектирования ИИ в ближайшие пять лет • Почему именно сейчас наступил переломный момент в разработке кода • Навигация метро Ташкента
Изображение поста
У книги «Это красиво, а это нет» новый интерфейс навигации по страницам и новые продающие слова на лендинге. Неужели у вас ещё нет этой книги? Какой ужас.
‼️Хаос в торговом зале — это не «живой ассортимент», а воронка, которая высасывает маржу.
👉🏼Люди не покупают то, чего не видят, не понимают и не могут быстро схватить. ☝🏻Визуальный мерчандайзинг — это не про красивости. Это операционная система розницы, которая управляет вниманием, трафиком и средним чеком. Если зал не продаёт — вы финансируете чужой бизнес ❌Нет продаж — нет денег. Не абстрактных «потом заработаем», а кассового разрыва: аренда, зарплаты, налоги, закуп — сегодня. ❌Вы тратите на трафик (аренда в локации, маркетинг), но трафик растворяется в беспорядке. Конверсии нет — деньги сгорели. ❌Склад полный, касса пустая. «Живой ассортимент» без структуры — это мёртвые деньги на полке и скидочная спираль, которая ест маржу. ❌Команда «просто выкладывает» вместо «продаёт через выкладку». Нет стандартов — каждый день новая лотерея. 💯Итог: бизнес работает, собственник не зарабатывает. 👉🏼где рвётся цепочка: ✔️Клиент видит хаос — мозг не воспринимает товар, не принимает решение. ✔️Воронка проста: взгляд → смысл → выбор → добавление → оплата. В хаосе ломается шаг 1–2. Без смысла нет выбора, без выбора нет чека. 🟢Говоря просто: перестаньте делать из магазина «склад всего подряд». Задача — вести человека за руку: • зацепили взгляд, • быстро объяснили выгоду, • упростили выбор, • предложили что-то к основному товару, • довели до кассы без лишних шагов. О чём дальше расскажу, по пунктам 🟢Карта зала и роли зон: где реально лежат деньги. 🟢Сообщения и цены: как сразу показать пользу и не путать. 🟢Выкладка и кроссмерч: как увеличить покупки в чеке без скидок. 🟢Свет и навигация: как ускорить выбор и снять вопросы. 🟢Рутины и метрики: как держать порядок каждый день и видеть рост по цифрам. ‼️Дальше — разложу всё по полочкам в серии постов! ______________________ #продаживмагазине #ритейлмаркетинг #визуальныймерчандайзинг  
🛒 35 UX-решений для интернет-магазинов электроники
Сканер штрихкода, чтобы не искать товар вручную. Конфигуратор ПК, который проверяет совместимость за тебя. Фиксированная кнопка «В корзину», которая не исчезает при скролле. Всё это уже работает в российских магазинах. Саша из KISLOROD проанализировал 11 магазинов электроники: DNS, Ситилинк, М.Видео, Эльдорадо, re:Store и другие. Получился справочник из 35 решений с конкретными примерами. Не абстрактные «улучшите UX», а конкретные паттерны: вот как сделано, вот зачем это нужно. Например, поиск внутри фильтров, когда у тебя 200 брендов и нужно найти конкретный. Или подтверждение удаления товара из корзины, чтобы случайно не потерять то, что выбирал полчаса. Внутри: – Навигация: фиксированные панели, последовательное меню, фильтры без перезагрузки; – Карточка товара: 3D-обзор, видео, cross-sell, услуги прямо в карточке; – Наличие и доставка: карта магазинов, точные сроки, уведомления о поступлении; – Корзина и оформление: выбор товаров галочками, автозаполнение адреса, мгновенная валидация; – Поиск: автозаполнение, история запросов, ИИ-подсказки. Какие из этих решений уже есть в проектах, над которыми вы работаете? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
OPEN CALL
Академический интерьер / Средовой дизайн Создайте целостную систему интерьеров для Академия транспортных технологий, поддерживающую активное обучение, отдых и коммуникацию студентов, который будет сочетать функциональность, эргономику и визуальную идентичность академии, формируя удобную навигацию и благоприятную атмосферу для разных сценариев использования. ✨ Помимо возможности реализации проекта, победители также получат финансовое вознаграждение: 1 место - 30 000 ₽ ⭐ На данном этапе для участия в номинации достаточно подать заявку на странице проекта до 21 января включительно. — Напоминаем, что в рамках конкурса вы можете податься на неограниченное кол-во номинаций и проектных школ — Принять участие в конкурсе могут студенты и выпускники последних 3 лет всех вузов РФ, а также — студенты колледжей и техникумов (от 18 лет) — Проект реализуется с использованием гранта Президента Российской Федерации, предоставленного Фондом президентских грантов.
Изображение поста
🙂 Собрали в одном посте всё, с чего можно начать год. Внутри — статьи и лекции за 2025.
Перечитывайте и пересматривайте любимое или, если ещё не видели, выбирайте то, что нужно вам прямо сейчас! ⚡️ Статьи: - 21 красивый шрифт для заголовков, рекламы и айдентики - 5 гротесков с характером для айдентики компании - Маршрут построен: 25+ шрифтов для навигации - Гид по шрифтовым лицензиям: выбираем правильную лицензию и избегаем штрафов - Когда устали от нейтральных гротесков: 10 шрифтов с неожиданной идеей в рисунке - Что делать, если нужен шрифт с поддержкой всех языков мира? - Шрифты Паратайпа в коллекции Гоши Рубчинского, «Слове пацана», на сайте «Оскара» и в других громких проектах - Circe Contrast: изящный контрастный гротеск для проектов в сфере культуры, истории, моды, косметики и дизайна - Pragmatica Next: неогротеск со 120 начертаниями и бесконечным диапазоном возможностей ⚡️ Лекции: - Как понять шрифт - Типографика в UX/UI-дизайне - Как мы делаем шрифты? ⚡️ Подборки: - Типографике в вебе - Книги о шрифтах и типографике, часть 1 - Книги о шрифтах и типографике, часть 2 ⚡️ Объекты: - Второе издание настольной игры «Поиграйте со шрифтами» - Литографские плакаты Александры Корольковой
Изображение поста
Записали сегодня подкаст с Ильей Бирманом – продуктовым и информационным дизайнером. Автором книг об интерфейсе и транспортных схемах. Арт-директором в Бюро Горбунова.
Поговорили про отличия и схожесть цифровых интерфейсов и транспортной навигации, смелость дизайнера, навигацию метро разных городов мира. Ну и почему не надо бояться AI. Интервью выйдет через пару недель на канале подкаста Dobar Dabar. Спасибо Илье, что согласился прийти в подкаст. Канал Ильи Бирмана
Изображение поста
💎 Три точки, которые ломают UX
Меню из трёх точек (вертикальных или горизонтальных) стали настолько привычными, что их лепят везде. Нужно спрятать одну кнопку? Три точки. Нужно развернуть текст? Три точки. Нужно показать навигацию? Тоже три точки. А потом удивляемся, почему пользователи не находят нужные функции. Кэйт Каплан Kaplan из Nielsen Norman Group собрала 10 гайдлайнов по контекстным меню. Главная мысль: эти иконки узнаваемы, но пользователь не может предугадать, что за ними скрывается. Он понимает, что там «ещё опции», но какие именно, непонятно. Поэтому прятать туда важные действия нельзя. А ещё три точки не годятся для разворачивания текста или картинок, это ломает привычное восприятие. Внутри: – Когда контекстное меню уместно, а когда лучше показать кнопки; – Почему расположение иконки важнее её размера; – Примеры ошибок от Google, Etsy, AT&T; – Как сделать меню понятнее через подсказки; – Почему «гамбургер» и «три точки» путать нельзя. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🪶Полезный ресурс для дизайнеров
Ловите ресурс, который содержит крутые подборки бесплатных шрифтов, которые еще не успели стать попсой, а также удобный интерфейс и навигацию по сайту. —Ссылка
Вставка анимации на Behance и Dprofile 😲
– про важность анимаций и то как их делать я рассказывала на канале время от времени, но сегодня про финальный этап… Я не представляю кейс в вебе или UX/UI без анимаций хотя бы твоей навигации, интерактива в продукте и т.д. Это если не усложнять все креативной анимацией, которая лишней именно в упаковке – не бывает. Потому что заказчики в итоге выберут то, что им визуально откликается, а при трудоустройстве ваше портфолио, конечно, будет смотреть выигрышнее💻 Я написала для вас статью с небольшими шпаргалками и готовыми кодами для вставки ваших анимаций в формате видео или GIF на платформы (например, вот моя упакованная работа как с GIF, так и с видео)! 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное
Изображение поста