Дизайнер, привет

UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение. В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум. Внутри: – Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками; – Баннеры в шапке с иконкой «X» и широким текстом; – Всплывашки в углу с тенью и вертикальными кнопками; – Общие принципы структуры и размещения для всех форматов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Фух, повозился я эти две недельки занятно. Без мощных продуктовых фич, конечно, но порядок навёл достаточно продуктивно. 🟢 Отрефакторил бэк Весь бэк жил на 99% в одном файле. Было сложно навигироваься и мне и ИИшке. Я разбил весь файл на мелкие. Вынес отдельно апишки, роуты, админку и так далее. Теперь порядок, все работает, ничего не сломалось, это было самое главное. Теперь сильно проще делать правки и фичи 🟣 Примерная зарплата Улучшил модельку и примерное определение зарплаты для каждой вакансии. Теперь определяет на порядок лучше и чётче. Не 100% верно, конечно, это невозможно, но учитывает десяток параметров, рынок, требования и ещё кучу всего. Повозиться пришлось, но вроде все гуд! 🟡 Поиск Было сложно, я просидел над этим часа 4 без перерыва, словил несколько багов, но теперь поиск работает шустрее. Был на питоне, стал на sql + fts. Сильно сократилось кол-во запросов к БД и грузится реально быстрее, как и весь сайт в целом после пересборки бэка и удаления лишних частей кода и рефакторинга кода 🔵 Страница компании Раньше со страницы компании вело просто на главную с подставленным в поисковый инпут названием и показывало ваки. Теперь каждая компания имеет свою страницу html, что улучшит SEO. Потихоньку добавляется описание и ссылка на сайт. Ну и вакансии удобно сгруппированы теперь на отдельной страничке, а не на главной 🟢 404 страницы У меня все удаленные вакансии падали в 404 страницу. То есть, если где-то была ссылка с вакансией и я её удалял, то пользователь получал 404 с кнопкой на главную. Сейчас вакансия существует, просто помечается как закрытая. Это лучше для SEO, страница не пропадает из индексирования, а остаётся. Буду смотреть эффект. На удивление, все было готово к этой фиче и вакансии уже удалялись не полностью, а «мягко», а я даже не знал. Получилось сделать быстро, кайф! Статистика тоже радует. Графики растут и прошлая неделя была самой максимальной за все время с трафиком из поисковых систем, что говорит о том, что seo работает лучше и лучше и людей с поиска идёт больше, чем в любую другую неделю. Это меня очень радует, но я буду продолжать. Сейчас, как оказалось, можно даже поднастроить внутри оптимизацию для нейронок, чтобы они тоже советовали твой сайт и пытались его найти) Я это сделал внутри, посмотрим на результат через время. И спасибо всем огромное, за последние 2 недели я получил больше 1500 регистраций, сейчас уже 3000+ зареганных пользователей почти. И огрооооомное количество благодарностей за сервис в личку на линке и в тг. Это очень-очень мотивирует и греет душу. Спасибо всем ❤️ Если у вас есть предложения, пожелания или вас что-то бесит, приходите в личку Ну и заглядывайте на сайт ❤️ ➡️ Заглянуть ➡️ Заглянуть ➡️ Заглянуть ч.13 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов. Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты. Внутри: – Как учитывать особенности фовеального зрения; – Почему мозг игнорирует часть интерфейса; – F-паттерн, Z-паттерн и визуальные каталоги; – Правило 7±2 в интерфейсах; – Воронка внимания при скролле; – Как тестировать изменения с помощью тепловых карт. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – en.oiolab.co – mmrbikes.com/en – christianreber.com – oneofus.network – twin.so ——— – thefoundation.house – usefathom.com – headroom.com – gregorylalle.com – altitude.so ——— – windsurf.com – umake.com – gigaenergy.com – evernote.com – samgeorge.co ——— – brand.dropbox.com – o-ps.com – creativelab5.com – webflow.com/ai-site-builder – circula.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

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

Крис Эванс рассказал, как команда перерисовала любимые анимации трекера заказов — ту самую сковородку и её друзей — чтобы они совпадали с новой цветовой палитрой. Идеи проверяли на юзерах, которые всё ещё обожали старый стиль, поэтому решили не отказываться от «магии», а обновить её под современные форматы. GIF-ки заменили на векторные файлы через связку Figma и Jitter, создали версии под новые виды доставки, сократили вес роликов на восемьдесят один процент и добавили поддержку тем. Теперь картинки грузились быстрее, легко меняли цвета и оставались чёткими на любых экранах. Внутри: – Причины обновления анимаций; – Переход с GIF на Lottie; – Связка Figma и Jitter; – Новые цвета и темы; – Экономия веса и скорости. ➡️ Читать статью (medium, надо vpn) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Настя Шенкер из Т-Банка рассказала, как пройти жёсткий отбор среди более чем тысячи заявок и получить оффер на стажировку. Она объяснила, что тестовое это не просто красивая картинка, а полноценный продуктовый кейс: от глубокого погружения и исследований до продуманного флоу и макетов, оформленных для удобства проверяющих. Автор поделилась самыми частыми ошибками: от отсутствия исследования и одной экранной страницы до хаотичного оформления, и показала приёмы, которые помогают выделиться, а именно структурировать контент, обосновывать каждое решение, продумывать корнер-кейсы и даже записывать короткую видеопрезентацию. Внутри: – Что такое тестовое задание на стажировку и как оно отражает реальные задачи; – Почему важно начать с погружения и формулировки гипотез; – Зачем проводить исследование и как связать выводы с макетами; – Как построить User Flow и нарисовать цепочку экранов; – Как оформить работу так, чтобы проверяющим было удобно; – Типичные ошибки и способы их избежать. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

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