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

🔔 Inspiration #175 Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – specifyapp.com/guides/design-data-platforms-101 – marie-antoinette.fr – plasticbionic.com – spermracing.com – integratedbiosciences.com ——— – canvas.com – houseofcorto.com – app.autograph.ai – boyd.ae – glenncatteeuw.com ——— – firsty.app – maggie-app.com – stockholmdesignlab.se – huddlekit.com – scotchpos.com ——— – algo.tv – superhuman.com/products/grammarly – getharvest.com – squarespace.com/refresh – parisbyemily.com ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

Тут много новеньких, поэтому короткой строкой напомню Кроме моего основного канала есть ещё два: 1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов. 2. Референсы интерфейсов– каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️

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

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

Как я пилю свой продукт. Часть 28. Ну что, у меня тут случилась внеплановая серия седых волос в начале прошлой недели. 4 марта Fly.io (хостинг говна) просто отрубил мне сервис. Без внятного ответа, без нормальной помощи, без ничего. Я написал им сразу же, и с 4 марта мне не отвечают уже неделю. Просто тишина. Сайт лежит, люди не могут нормально пользоваться продуктом, а ты сидишь и понимаешь, что тебя как будто просто кинули. У них сработала какая-то антифрод система, которая залочила учётку. Их совет пройти автоматическую проверку не помог и я написал им везде где только можно — увы. Кстати, учётка всё еще залочена. Я, если честно, вообще не ожидал, что хостинг может вот так взять и выключить тебе всё в один момент. Особенно когда у тебя уже не лендинг на 3 страницы, а большой живой сервис, где вакансии, отклики, резюме, чаты, оплата, админка, статьи, баннеры и куча всего ещё. Я думал, ну мб залочат хотя бы деплой или что-то ещё, а я даже приложения своего в списке не видел. Благо я успел сделать бэкап до этого. Но часть данных чуть-чуть потерялась (не критичная). Короче, выбора не было. Пришлось экстренно переезжать и изучать варианты. Так я переехал с Fly.io на Render и он оказался круче, удобнее, шустрее и дешевле) И вот это как раз тот момент, который со стороны никто не видит. Потому что кажется, что «ну переехал и переехал». А по факту я весь день почти без остановки поднимал сайт заново. Переносил всю БД, картинки и так далее. Важно было не потерять данные, иначе это был бы капец. Плюс у них немного отличается процесс деплоя, пришлось быстро разбираться со всем этим, а я не разработчик, как вы помните. Также, после переезда появилась проблема, что у Render есть прокладка через Cloudflare, который что вы думаете? Правильно, залочен РКН. Как следствие, мой сайт не открывался после смены DNS у некоторой части РФ пользователей. Пришлось разбираться и в этом и делать проксирование через VDS на российском IP. Я охренел, но узнал столько нового) Но в итоге всё поднял. Hirehi снова работает. Уже на Render. И даже на фоне всего этого пожара я всё равно успел ещё немного допилить сам продукт. Поправил страницу компании и добавил туда быстрый выбор сабкатегории , чтобы там было удобнее искать вакансии. Подчистил отображение зарплат и несколько моментов на странице вакансии. Причесал логотипы компаний, время публикации, часть багов с оплатой и налогами. Вернул в порядок резюме и PDF после переезда. И ещё сделал чуть заметнее штуки, связанные с жалобами на сомнительные вакансии, чтобы мусора в ленте было меньше. Отдельно словил себя на мысли, что соло-продукт это не только «прикольно пилить фичи нейронками». Иногда это ещё 18 часов подряд срочно переносить всё хозяйство на другой хостинг, потому что старый просто исчез. Но я рад, что всё получилось. Метрики вернулись к прежним показателям, хоть и немного подпортились. Спасибо всем, кто помогал и писал) Я всем все вернул (были потеряны чуть подписки) и все довольны) В общем, неделя получилась вообще не про «рост», а про выживание. Но это тоже часть пути, видимо) Приходите, пользуйтесь, пишите фидбек и спасибо, что пишите 🔠Смотреть вакансии 🔠Смотреть вакансии 🔠Смотреть вакансии ч.27 | ч.29

🎓 Стажер потратил месяц на исследование, нашел 2 респондентов из 250 опрошенных и забыл включить запись разговора Сергей Федоричев пришел практикантом UX-проектировщиком в команду S3 в Selectel. Первое представление о работе было романтизированным: главное уметь проектировать интерфейсы, знать паттерны, аккуратно работать с макетами. Практика расставила всё по местам. Реальные пользователи вели себя не как в учебных кейсах, любое решение требовало учитывать ограничения продукта, бизнеса и инфраструктуры. Первая задача: паттерн Show More для скрытия информации. Сергей собрал примеры использования по всем продуктовым панелям, сгруппировал по целям, обсудил с дизайнерами. Результат неожиданный: полный отказ от паттерна. Show More стал антипаттерном, который не рекомендуется использовать. Незачем скрывать информацию от пользователей и заставлять их совершать дополнительные действия. Первое полноценное исследование: изучение пользовательского пути при подключении утилит к S3. Сергей искал новых пользователей, которые заходили на страницу создания бакета. Опросил примерно 250 человек, нашел только двоих потенциальных собеседников, причем не самых репрезентативных. В обоих случаях забыл включить запись разговора. На рекрутинг и два интервью ушел месяц. Исследование пришлось прекратить. Сергей не зафиксировал результат своей работы, это была ошибка. Внутри: – Первые дни практики: подключал утилиты к бакетам, проходил основные сценарии, разбирался в терминологии вместо чтения документации; – Паттерн Show More: собрал все варианты использования, сгруппировал по целям, пришел к выводу что это антипаттерн; – Дизайн-система это не про пиксели, это про коммуникацию и синхронизацию между разными продуктами; – SSL/TLS сертификаты в S3: построил user flow, выявил места где пользователь терял контекст, предложил интеграцию с менеджером секретов; – Рекрутинг респондентов: 250 опрошенных, 2 собеседника, забыл включить запись, месяц работы без результата; – Даже неудачное исследование нужно фиксировать: отклик ЦА, использованные каналы рекрутинга, риски, что можно улучшить; – Факт отсутствия ответа от ЦА это данные, а не провал. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

Креатив через плакаты Я вообще считаю, что плакаты это один из самых быстрых способов прокачать визуальное мышление. В интерфейсах ты часто зажат логикой и ограничениями, а тут можно нормально поэкспериментировать с композицией, цветом, графикой и идеей. С 12 по 16 марта UPROCK делает бесплатный интенсив как раз на эту тему. Будете разбирать, как создавать креативные плакаты в нейросетях, работать в Nano Banana, Flux, Seedream и других моделях, а заодно учиться собирать более цельный и сильный визуал. 🤩Что по формату 12 марта в 19:00 мск будет большая практическая лекция и первое задание. Потом видеоуроки и еще практика. 16 марта разберут ваши работы и разыграют призы. 🤩Почему полезно Разберетесь с композицией, попробуете нестандартные графические приемы, поймете, как использовать нейросети не ради рандомных картинок, а как рабочий инструмент. И в итоге соберете несколько плакатов, которые можно спокойно забрать в портфолио. Ещё дадут бесплатные стартовые токены для генераций и сертификат о прохождении. Если давно хотели раскачать креатив и попробовать что-то кроме привычных интерфейсов, это хороший вариант. 🔠Зарегистрироваться 🔠Зарегистрироваться 🔠Зарегистрироваться

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

🔔 Inspiration #174 Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – figma.com/draw – pantheonmedia.com – logo-archive.org – possiblemonuments.se – wist.chat ——— – cartier.com/en-us/loveconfigurator.html – nite-riot.com – sneakinpeace.com – humbleops.ai – info.casap.com ——— – jords.co.uk – gladia.io – itsmarga.me – withpace.com – spark.thedigitalpanda.com ——— – reducto.ai – clementgrellier.fr – ruehaus.com – jarcos.work – bejamas.com ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

🎮 Никто не остается в игре только из-за приятного интерфейса, но из-за плохого интерфейса уходят очень быстро Сегодня игры конкурируют не только с играми. Они конкурируют с TikTok, Netflix, YouTube, соцсетями и любым другим способом забрать внимание на вечер. В такой среде удобство интерфейса не дает победу само по себе, но сильно влияет на то, останется человек в продукте или уйдет. Александр Шпак, старший UX/UI-дизайнер в Ubisoft, разобрал эвристики удобства для игр и собрал практичный набор из 8 принципов на базе Нильсена и опыта индустрии. С примерами из God of War, Far Cry, Dead Space, Cuphead, Resident Evil и других. Внутри: – Почему конкуренция за внимание сейчас важнее жанровой конкуренции; – Как видимость состояния системы влияет на контроль игрока; – Почему знакомые паттерны ускоряют обучение и снижают трение; – Как снижать нагрузку на память через узнавание, а не вспоминание; – Как предотвращать ошибки и делать восстановление после них быстрее; – Как настраивать доступность и гибкость без перегруза опциями; – Почему минимализм в HUD помогает удерживать фокус; – Как делать обучение и справку полезными в реальном игровом контексте. ➡️Читать статью (v*n) ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы

📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя. Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции. Внутри: – Почему рост фичи сторис почти всегда приводит к усложнению поддержки; – Как команда сравнила внешнее решение и собственную разработку по стоимости; – Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри; – Как устроены два основных компонента: StoriesPreviewList и StoriesContainer; – Почему модель сторис упростили до Map<String, Int> и чем это удобно; – Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground; – Как хранится просмотренность через StoriesShownRepository и Room; – Почему библиотеку можно использовать частями, а не только целиком. ➡️Читать статью ——— 💻Курс по поиску работы 😍Про дизайн 🔥Вакансии дизайнерам 🎨Референсы