A.svg

💣 Когда стремление «упростить» путь пользователя приводит к его усложнению и кое к чему похуже Часто мы пытаемся упростить пользователю жизнь сократив количество кликов, но иногда это «упрощение» идет вразрез с предсказуемостью интерфейса и приводит к потере данных. Я столкнулся именно с таким кейсом в Яндекс Картах... Суть проблемы в поведении кнопки «сохранить в список». В ней одновременно существует две противоположные логики. Я назвал это «Кнопкой Шрёдингера»: 1️⃣ Если вы добавили место на карте только в один список, то повторное нажатие на кнопку закладки мгновенно удаляет её (без предупреждения... вместе с написанной заметкой). 2️⃣ Но если место сохранено в два и более списков, то система ведет себя иначе и открывает модальное окно выбора, позволяя выбрать другой список и переписать описание Я сначала я думал, что это просто баг. Потом нащупал закономерность, и понял, что это всё-таки осознанный (и очень спорный) UX-паттерн... @Apollosvg ⋅ #bad#practice ⋅ #ux#ui#productdesign#usability

🦄 Привет, сделал набор для визуализации цветовых токенов и анимации и ещё кое-что 👉 Ссылка на кит в community У меня давно возникла идея наглядно визуализировать цвета, чтобы было прямо как в цветовой палитре, но сразу все цвета, с явными взаимосвязями. Я делился скринами этой "витрины токенов" в чате по дизайн системам и недавно мне напомнили, попросили скинуть. Недолго думая, решил прост опубликовать в community. Плюс докрутил ещё один вид с тремя графиками которые пересекаются (saturation-lightness-hue), это будет полезно если токены сильно разбросаны по hue или saturation. Ну и ещё пару мелочей до кучи: handoff для анимации и красивые стрелочки Не знаю, насколько полезно кому-то кроме меня. Но в любом случае, я уже потратил на это добрую половину своего сна, и его уже не вернуть 👁️👄👁️ Если кто-то заглянет и оценит, буду очень благодарен 🍊 а за коммент-фидбек виртуально обниму-приподниму каждого ♥️ Всё в голубой альфе (если что) @Apollosvg ⋅ #resource#designsystem ⋅ #ui#ux#фигма#uikit

👊 У Smashing Magazine сегодня будет бесплатная онлайн-конференция по дизайн системам (19:00 мск), если кому интересно https://smashingconf.com/meets-design-systems-2026/schedule 🗣️ Будет 3 выступления (на английском): 1. Как культура может сократить разрыв в ценности дизайн-систем (19:10 – 19:50 по мск) Как корпоративная культура помогает преодолеть разрыв между ожидаемой и реальной ценностью дизайн-систем, делая их по-настоящему полезными для команд. 2. Можно ли отключить эту кнопку? Управление дизайн-системами в крупных организациях (19:50 – 20:30 по мск) Как устанавливать правила, предотвращать хаос и сохранять гибкость без ущерба для креативности. 3. Beats to Buttons: дизайн-система диджеинга (20:40 – 21:20 по мск) Как принципы дизайн-систем применяются к миру диджеинга — от ритмов к интерфейсам, с практическими примерами креативного подхода. Кликните на вашу любимую реакцию, если было полезно 💘🍌🐳 @Apollosvg ⋅ #designsystem#ds ⋅ #ui#ux#фигма#uikit

🤨 Разные продукты с одной дизайн системой (?) Могут ли разные продукты на основе одной ДС иметь различия в компонентах, цветах и тд? Вроде бы банальный вопрос, и ответ очевиден — да. Но недавно столкнулся с таким необычным мнением: у приложений Гугла «буквально нет одинаковых элементов». Мнение было подкреплено скринами Google One и News... Решил выяснить, что разного увидел собеседник, ведь приложения практически идентичны по визуалу и очевидно используют одну ДС. Ответ убил: «отличается между ними буквально все, шрифт, цвета, отступы». Понятно, что это довольно редкое (даже уникальное) мнение и, похоже, непонимание предмета разговора. Но давайте разберём эти отличия и отличия ли это вообще. [ Под картинкой весь текст не помещается, разбор в следующих постах ] Перейти к 🧪 Часть 2: Шрифт, Цвета и Отступы @Apollosvg ⋅ #designsystem ⋅ #ui#ux#интерфейс#дизайнсистема#дс

✨ Статья: как я создал figma-плагин без написания кода (всё на AI) Фух потратил на неё миллион часов. Вышло длинновато (4600+ слов...), но я оформил с оглавлением и некоторые главы можно смело скипать, если не интересно (например, про мои отношения с AI). Поддержите прочтениями и лайками/сохранениями, если понравилась. Буду супер-благодарен ♥️ О, ещё там опрос в конце, можно проголосовать ㅤ 👉 Ссылка на статью ㅤ ↖ Пост про сам плагин @Apollosvg ⋅ #article#resource#plugin#designsystem ⋅ #ui#ux#фигма#uikit

👾 Сделал плагин для Figma, который локализует внешние переменные (не написав ни строчки кода) Плагин поможет, если вы взяли и тупа скопировали переменные из другого файла, а там были алиасы (переменные ссылались на другие переменные). Но вот незадача! Фигме плевать на эти связи, она не переносит их, а оставляет ссылки на переменные-спутники из старого файла. Вообще не то, чего ждёшь 🥲 Что делает плагин: 1. Ищет переменные, в которых есть ссылка на другие переменные, не доехавшие до этого файла (оставшиеся в другом файле, или пропавшие) 2. Создает их копии в этом файле 3. Перевязывает алиас-переменную с внешнего мастера на локальный Работает для переменных всех типов: цветовые, текстовые, булевы, числовые. Должно работать и с кучей модов, но я не тестил Забавный факт: я не написал ни строчки кода, за меня всё сделали нейронки (с меня был только ревью кода и дизайн). Ставь китика (🐳) если интересно, чтобы я расписал подробнее 👉 Ссылка на плагин @Apollosvg ⋅ #resource#plugin ⋅ #ui#ux#фигма#uikit

👻 Бу, не бойся, это я. Пока без умных статей, но... Я добавил в портфолио несколько кейсов. Хочешь глянуть?: 1. Секретное приложение читалка: Проект, над которым работаю прямо сейчас. Минималистичная, но до жути кастомизируемая читалка с парочкой киллерфич, которых вообще нет на рынке 2. Проекты в дизайн студии: Давно пора было собрать всё вместе, а я дождался до того, что 60% ушло в веб-архив, а 30% исчезли безвозвратно👀. Вот, собрал всё, что выловил из мутных вод прошлого 3. Редизайн Кошелька в Телеграм: Это конкурсная работа для Wallet в Телеграм. Конкурс не выиграл, потому что пошел по пути полного исправления user flow, победители сделали косметические доработки. Случай, когда смелость не поощряется 👀. Я не помню, показывал тут этот подробный кейс или нет, но вот. Рад, что закончил всю эту чепуху до др (оно уже сегодня, вот это да) очень приятное чувство. Чего и вам желаю Всех обнял. С наступающим ДР или НГ, или что у вас раньше) @Apollosvg ⋅ #news#casestudy ⋅ #ui#ux#дизайнер#кейс#интерфейс

📋🔃 Порядок пунктов в модальном меню Есть хорошая практика — отправлять все "Опасные" действия вниз модального меню. Именно из-за этой практики люди автоматом тянутся вниз когда хотят удалить что-то И вот забавный пример ломания шаблона. Ютюб добавил функцию сохранения комментов (чтобы потом юзать их в шортсах) и... сунул точку входа в самый низ... ниже репорта, редактирования и удаления... Вот я пару раз мисскликнул (да, я тот человек, который репортит ботов в ютубе...) и у меня возникла конспирологическая догадка: а что если это непросто UX-косяк, а намеренный UX-косяк? Следите за руками: > Двигаем кнопки вверх и добавляем новый пункт в самое часто-кликабельное место (в самом низу) > Получаем халявные использования нового функционала, поднимаем Adoption и Conversion, лутаем бонусы к ЗП > Profit Ну хорошо, я не всерьёз в это верю, скорее всего, они просто влепили новую функцию в конец колонки автоматически, не задумываясь... или нет? Что думаете? @Apollosvg ⋅ #bad#practice ⋅ #ui#ux#дизайнер

🪄 Полезные Figma-плагины для продуктового дизайнера (не вру) Плагины, которыми я пользуюсь регулярно. Это не глупенький список дизайн-инфлюенсера из линкедина, а реальный выпаренный-вываренный концентрат полезных плагинов Тут кратко, на Хабре развёрнуто: 👉 Статья на Хабре Design Tokens Manager Поможет в экспорте/импрте переменных и стилей в json-файл в простом виде, а не в сложно-новомодном ⚹¹ Swap Variables Заменяет переменные из одной коллекции на переменные из другой. Поможет поддерживать много тем. (плагин, кстати, от Qurle) Randomise Variants Рандомно изменяют пропсы выбранного инстанса. Можно выбрать, какие. Видит даже nested Copy Exposed Instance Properties Копирует nested пропсы из одного инстанса в другой. Фигма не умеет Property Randomizer Рандомно изменяет выбранные свойства объекта (тут речь уже про высоту/ширину/т.д., а не про пропсы) Если полезно — ♥️, 💾, 🔄 Если знаете ещё классные плагины — поделитесь в 💬 @Apollosvg ⋅ #practice#resource ⋅ #ui#ux#figma#фигма#дизайнер#плагины

тут у Тинькофф дизайн-конференция намечается, пройдёт 21 сентября. Регистрация только открылась ⚹¹, так что пока есть оффлайн места (но там модерация). Онлайн-трансляция тоже будет Я впервые успел зарегаться на оффлайн, кстати. Посмотрим, одобрят или нет Upd. Не одобрили :) посмотрел онлайн (запись на youtube ⚹²). Честно, смешанные чувства. Советую сразу мотать на третий доклад, он интересный. Первые два смело можно скипать (не в обиду спикерам) ⚹ ffdd2d.tbank.ru/ @Apollosvg ⋅ #event ⋅ #ui#ux#тбанк

Привет, спишь?) Я тут случайно наткнулся на open-ui ⚹¹ это очередная база дизайн систем (и их компонентов), вроде ничего особенного, но... Там есть очень занятная сравнительная таблица компонентов ⚹² и в целом у проекта упор на статистику частотности названий. В общем, таблица сложночитаемая и немного странненькая, но её можно смело юзать при подборе названия для своих компонентов. Плюс можно быстро перейти к странице условного button компонента в разных системах, не тратя время на гуглёжку :) А какие ресурсы вы юзаете когда нужно подобрать название компонента? Напишите в комментах ✍️👀 (да, это призыв к активности) Upd. Написал заумный пост = минус два подпичника... ⚹ open-ui.org @Apollosvg ⋅ #resource#designsystem ⋅ #ui#ux#figma#фигма#дизайн#дс

🥴 bruh... В Figma UI3 ⚹¹ изменили общепринятый хоткей для ссылок (Ctrl+K) на более сложный... Только для того, чтобы привязать Ctrl+K на новую функцию "open actions". Но тут такое дело — для этих actions уже есть другая комбинация Ctrl+/ (более удобная и также общепринятая для таких меню). То есть, забирать горячие клавиши у ссылок было вообще лишним... 🙃 Кстати, я до сих пор не могу привыкнуть, что ссылки срабатывают по клику, а не по ctrl+click, как было раньше. Из-за этого невозможно выделить контейнер ссылки, по ctrl+click проваливаешься внутрь до текста Интересно, когда они догадаются, что пользователям нужно дать право самим настраивать комбинации? 🤔 </раньше было лучше> Следующий пост будет про чо-то полезное и позитивное, обещаю! @Apollosvg ⋅ #bad#practice#redesign ⋅ #ui#ux#figma#фигма