Надеемся, что пост про дисциплину вы прочитали и стали хотя бы немного больше верить в себя.

Сегодня несем новую порцию полезного. В меню — гайд по пользовательским интерфейсам: разобрали, из чего они состоят, какими бывают и как UX/UI-дизайнеры работают над ними. Заглядывайте в медиа, чтобы погрузиться в тему. #польза #интерфейсы @contented

Здесь вы найдёте основные принципы, которыми дизайнерам стоит руководствоваться при создании пользовательских интерфейсов Install ️

🔵Авиация В работе пилотов, где ответственность за пассажиров и экипаж колоссальны важны скорость и предсказуемость в UX. Поэтому даже самые современные самолёты сохраняют большое количество физических переключателей и кнопок, на первый взгляд расположенных хаотично. Исследования неоднократно показывали, что в стрессовых условиях пилоты быстрее находят нужный физический элемент управления, чем соответствующую функцию на экране. 🔵Автомобили Похожая ситуация сейчас происходит а автомобильных интерфейсах — китайские производители так и норовят перевести большинство управления на тач-скрины, спрятав управляющие элементы куда-нибудь во второй, а то и в третий уровень меню 🔵Медицина Многие медицинские системы выглядят устаревшими не потому, что их забыли обновить. Иногда это осознанное решение. Врач, который годами работает с определённым интерфейсом, может совершать меньше ошибок в знакомой среде, чем в новой и визуально более современной. 🔵Электростанции После анализа ряда инцидентов выяснилось, что проблема часто заключалась не в нехватке информации, а наоборот — в её избытке. Когда оператор одновременно получает десятки предупреждений, критически важный сигнал может просто потеряться. 🔵Космос В космической отрасли при тестировании интерфейсов чаще задают вопрос: что произойдёт, если всё пойдёт не по плану? Астронавтов регулярно тренируют на отказах оборудования и потере связи в аварийных сценариях, но катастрофы могут происходить и из-за ошибок на Земле — при проектировании интерфейсов. Один из самых известных примеров — потеря космического аппарата Mars Climate Orbiter Loss. Причина была удивительно простой: одна команда использовала метрическую систему измерений, другая — имперскую. В результате аппарат стоимостью более ста миллионов долларов был потерян ещё до начала научной миссии. Этот случай напоминает важную вещь: интерфейс — это не только кнопки и экраны. Это ещё и язык, обозначения, единицы измерения, правила передачи информации между людьми и системами. Авиация, медицина, атомная энергетика и космонавтика уже давно показали: хороший интерфейс — это тот, который помогает человеку принимать правильные решения. Возможно, именно поэтому самые ценные уроки UX рождаются не в приложениях для доставки еды, а там, где цена ошибки измеряется совсем другими величинами. 🌊🌊

Сейчас я стал все глубже погружаться в вайбкодинг и Claude. Хочу потихоньку перетащить его основной функционал к нам в Utopy.ai. Чат с возможностью общения уже есть, а дальше — больше. Честно признаюсь, голова скрипит от того, сколько всего надо параллельно изучать. Но, само собой, это очень интересно. И, пока я это изучаю и консультируюсь у разных экспертов, дополнительно еще приглашаю их выступить у нас в "Вышке". Поэтому, если хотите прокачаться в вайбкодинге и понять, как это все реально работает — присоединяйтесь сегодня к моей встрече с Антоном Ягуповым @yavnoanton (мультидисциплинарный UX/UI-дизайнер, Сбер). ➡️ Эфир по работе с Claude пройдет в нашем закрытом сообществе "Вышка" в 19:00 по МСК. На самом деле этот вебинар я делаю в первую очередь для себя, хочу посмотреть чужой опыт и забрать себе все лучшие механики. Но, уверен, вам тоже будет очень полезно. А завтра в 19:00 по МСК у нас пройдет бесплатный публичный вебинар с пошаговым процессом создания ИИ-ролика. Последовательно разберем, как создавать видео с помощью нейронок, а все участники вебинара получат 25% скидки на тарифы Utopy.ai. Буду вас ждать 😊

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/UI-дизайну; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

Replit 15 мая добавил в каталог MCP новый сервер Lazyweb. Если коротко, он позволяет агенту искать по базе из 257k+ реальных экранов приложений. Replit прямо пишет: для UI-референсов и дизайн-исследований. На первый взгляд, маленькая новость из списка обновлений. Добавили ещё один MCP, ну ок. Но для вайбкодинга это довольно важная штука. Потому что сейчас у AI-интерфейсов есть очень узнаваемая болезнь. Попросил собрать сервис, личный кабинет, страницу вакансии, CRM или дашборд, и через минуту получаешь что-то аккуратное, чистенькое и до боли одинаковое. Карточки, табы, серые подписи, синий акцент, график, три метрики сверху. Всё вроде нормально. Только ощущение, что этот экран уже видел тысячу раз и ни один раз не хотел им пользоваться. Проблема часто не в том, что модель не умеет рисовать. Она рисует как среднее арифметическое интернета. А среднее арифметическое обычно выглядит как SaaS, который стесняется сказать, чем он занимается. У агента появляется не только промпт, но и шанс посмотреть, как похожие задачи уже решили живые продукты Это уже ближе к работе дизайнера. Перед тем как делать новый сценарий, ты смотришь, как это устроено у других. Не чтобы скопировать. Просто чтобы понять, какие паттерны вообще существуют, где люди обычно ошибаются, какие решения уже стали привычными, а где можно сделать иначе. Например, тебе надо собрать экран подписки. Вариант «сделай красиво» почти гарантированно даст три карточки с тарифами и зелёную кнопку. А если агент видит реальные примеры, он хотя бы может заметить детали: – где показывают ограничения тарифа – как объясняют пробный период – куда прячут отмену – как оформляют сравнение – где начинается тёмная сторона UX После этого уже можно спорить. Не с пустым экраном и не с абстрактным «сделай современно», а с конкретными паттернами. Это полезнее, чем бесконечно гонять модель по кругу, пока она сама случайно не попадёт в нормальное решение. Конечно, референсы не спасают от плохого дизайна. Можно насмотреться 257 тысяч экранов и всё равно собрать помойку. Особенно если агент будет просто усреднять всё подряд. Но сама идея правильная: интерфейс нельзя делать только из текста в промпте. Ему нужен визуальный и продуктовый контекст. Для дизайнеров тут есть смешной момент. Раньше насмотренность была чем-то личным: папки с референсами, скриншоты, закладки, сохранёнки, чужие продукты, которые ты руками разбирал. Теперь эта насмотренность постепенно превращается в подключаемый источник данных для агента. Референсы становятся не только материалом для дизайнера, но и частью работы инструмента. Агент может искать примеры, сравнивать паттерны, приносить варианты, а дизайнер уже решает, что из этого имеет смысл. Ну, если дизайнер вообще есть в процессе, а не где-то потом приходит чинить результат. По мне главное, чтобы такие базы не превратили всё в ещё более одинаковую массу. Если агент будет брать референсы как повод подумать, это полезно. Если как повод собрать «усреднённый лучший экран», то мы просто получим SaaS-дашборд 2.0, только теперь с доказательной базой. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

У многих дизайнеров исследования долго живут где-то рядом с работой. Вроде понятно, что это важно, но на практике чаще всё упирается в макеты, сроки и бесконечное «давайте просто сделаем красиво и посмотрим». А потом начинается самое весёлое. Продакт просит обосновать решение. Руководитель хочет понять, почему экран именно такой. Разработка спрашивает, точно ли это кому-то нужно. И если под рукой только вкус и референсы, разговор быстро превращается в спор мнений. С исследованиями проще. Ты видел, как человек проходит сценарий, где он завис, где не понял текст, а где не заметил кнопку. Или почему он начал сомневаться и вообще ушёл не туда. После такого защищать решение сильно легче, потому что у тебя появляется нормальная опора, а не просто «я так вижу». На днях ко мне пришла Катя Акатова, руководитель отдела пользовательских исследований в Ozon, и рассказала про их курс «UX-исследования для дизайнеров». До этого они с командой запускали внутренний курс по исследованиям, его прошли уже 200+ человек: дизайнеры и продакты. Теперь собрали вот отдельную программу для всех, кто хочет нормально разобраться в исследованиях без всякой духоты. 🤌 Что внутри: – 60 уроков с массой прикладной инфы и рекомендациям, которые основа на большом опыте; – как понять, когда исследование реально нужно; – как выбрать метод, найти респондентов, провести интервью или UX-тест, разобрать результаты и собрать из них понятную презентацию для команды. – отдельно есть немодерируемые количественные UX-тесты, тест первого клика, тест сценария, тест предпочтений и тест 5 секунд. 😎 Кто будет вас учить: – Катя Акатова, руководитель отдела пользовательских исследований; – Алена Бородина, руководитель группы «Опыт покупателя»; – Анна Юсупова, ведущий исследователь пользовательского опыта; – Варвара Скобелева, ведущий исследователь пользовательского опыта; – Артур Сафаров, исследователь пользовательского опыта; 🙏 Формат удобный Уроки короткие, от 4 до 20 минут. Можно проходить в своём темпе, доступ к курсу дают на 4 месяца. Есть практика и два тарифа: «Всё сам» и «С обратной связью». В тарифе ОС вы дополнительно будете получать разбор конкретного ответа на задание и рекомендации по его улучшению. Кайф и только! Я сам, честно, на работе очень не любил исследования, но зря. Когда полюбил и подружился с исследователями, то жить стало проще и решения проталкивать х10 раз быстрее. Поэтому, мастхэв для тех, кто хочет этот навык освоить И конечно, для моих любимок промик на 10% скидку: HIVACANCIES10 🔠 Пройти курс 🔠 Пройти курс 🔠 Пройти курс

🎨🎨🎨🎨 Сейчас обновляем базу контактов — чтобы в нужный момент привлекать проверенных спецов на интересные задачи Нравятся наши проекты? Хотели поработать с нами? Если вы или ваши знакомые в теме, заполните форму: поделитесь контактами, портфолио, опытом и ставками. Мы свяжемся, когда подойдёт проект! Кого ищем (умение работать с ИИ будет преимуществом): Веб-дизайнеры (UX/UI) Геймдизайнеры Графические дизайнеры Арт-директора или лид-дизайнеры Проджект-менеджеры Motion designers 2D/3D специалисты и иллюстраторы Sound designers Сборщики сайтов на Tilda, Taplink, Webflow Разработчики Frontend, Backend Форма здесь: клац тык тык клац Заполняйте сами и расскажите друзьям — будем делать проекты вместе! ➖➖➖➖➖➖➖ Это не вакансии. Заполняя форму вы попадаете в базу наших проектных спецов — мы напишем вам, когда будет подходящий проект*

О том как превратить интерфейс из источника недоумения в источник удовольствия расскажут ребята из Ozon Tech, Иви и моя коллега Тамара Ермошкина, Главный редактор СберБанк Онлайн: «Как писать UX-тексты, которые не бесят». Планирую и вам советую, 18 июня в 18:30 бесплатная регистрация по ссылке

У многих дизайнеров исследования долго живут где-то рядом с работой. Вроде понятно, что это важно, но на практике чаще всё упирается в макеты, сроки и бесконечное «давайте просто сделаем красиво и посмотрим». А потом начинается самое весёлое. Продакт просит обосновать решение. Руководитель хочет понять, почему экран именно такой. Разработка спрашивает, точно ли это кому-то нужно. И если под рукой только вкус и референсы, разговор быстро превращается в спор мнений. С исследованиями проще. Ты видел, как человек проходит сценарий, где он завис, где не понял текст, а где не заметил кнопку. Или почему он начал сомневаться и вообще ушёл не туда. После такого защищать решение сильно легче, потому что у тебя появляется нормальная опора, а не просто «я так вижу». На днях ко мне пришла Катя Акатова, руководитель отдела пользовательских исследований в Ozon, и рассказала про их курс «UX-исследования для дизайнеров». До этого они с командой запускали внутренний курс по исследованиям, его прошли уже 200+ человек: дизайнеры и продакты. Теперь собрали вот отдельную программу для всех, кто хочет нормально разобраться в исследованиях без всякой духоты. 🤌 Что внутри: – 60 уроков с массой прикладной инфы и рекомендациям, которые основа на большом опыте; – как понять, когда исследование реально нужно; – как выбрать метод, найти респондентов, провести интервью или UX-тест, разобрать результаты и собрать из них понятную презентацию для команды. – отдельно есть немодерируемые количественные UX-тесты, тест первого клика, тест сценария, тест предпочтений и тест 5 секунд. 😎 Кто будет вас учить: – Катя Акатова, руководитель отдела пользовательских исследований; – Алена Бородина, руководитель группы «Опыт покупателя»; – Анна Юсупова, ведущий исследователь пользовательского опыта; – Варвара Скобелева, ведущий исследователь пользовательского опыта; – Артур Сафаров, исследователь пользовательского опыта; 🙏 Формат удобный Уроки короткие, от 4 до 20 минут. Можно проходить в своём темпе, доступ к курсу дают на 4 месяца. Есть практика и два тарифа: «Всё сам» и «С обратной связью». В тарифе ОС вы дополнительно будете получать разбор конкретного ответа на задание и рекомендации по его улучшению. Кайф и только! Я сам, честно, на работе очень не любил исследования, но зря. Когда полюбил и подружился с исследователями, то жить стало проще и решения проталкивать х10 раз быстрее. Поэтому, мастхэв для тех, кто хочет этот навык освоить И конечно, для моих любимок промик на 10% скидку: HIDIS10. Действует до конца июня 🔠 Пройти курс 🔠 Пройти курс 🔠 Пройти курс

Большая коллекция высококачественных иконок для самых разных задач Install ️

👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться

flowmapp.com/customer-journey-map

Дизайнер Саша Иванов показал прототип приложения с «жидкими фото», когда лента плавно «перетекает » из образа в образ.

Если посчитать всё, что я уже прошла из платного по дизайну за эти 6 лет, то, наверное, обучений 20 точно наберётся (мб об этом отдельный пост собрать?). Мне правда нравится учиться, смотреть, как другие мыслят, как подходят к задачам, как объясняют процессы!😇 Сейчас я, кстати, на обучении у Даниила Шишко (очень хочу изучить Claude еще глубже), но про это чуть позже! Помимо платных обучений я постоянно смотрю всякие бесплатные материалы, лекции и разборы. Вот, что советую: ✨Bang Bang Education — много полезного по узконаправленным темам (дизайн для ТВ и т.д.) ✨лекции с разных дизайн-мероприятий, типа Д-в. (все записи после мероприятия часто выкладывают в открытый доступ) ✨из последнего, что прям понравилось — канал Руслана Шарипова (у него очень классные уроки именно по продуктовому дизайну и UX) Вообще не реклама, просто мои личные рекомендации💜 #полезное

Это очень актуальная тема, и важно слушать мнение не блогеров, цель которых запугать вас и получить просмотров, а экспертов на реальном рынке. Думаю, уже многие знают, что Ксюша (@uxrockru) больше 10-ти лет занимается продуктовым дизайном и работает с крупными продуктовыми командами. Сегодня она проведет интенсив, где подробно расскажет о своем мнении на эту тему и роли AI в реальных продуктах. Будем создавать интерфейс на Google Stitch – он бесплатный, и у вас будет возможность в нем попрактиковаться. Далее все механики, о которых расскажем на интенсиве, вы сможете применять и в других нейронках, например, Claude. Ксюша активно использует нейросети, и делает это уже давно. Например, с помощью ИИ она ускоряет процесс по созданию дизайн-систем. Об этом мы тоже в будущем вам расскажем. Стартуем в 19:00 по мск, будем рады вас видеть. ➡️ Присоединяйтесь в боте

На интенсиве разберем, как использовать ИИ для реальных продуктовых задач: интерфейсов, структуры экранов и работы с UX. Будем тестировать новый инструмент Stitch от Google, смотреть на качество генераций и учиться выстраивать работу с нейросетями как полноценный дизайн-процесс. 💙 Присоединяйтесь в боте На эфире подарим токены для дополнительных генераций в Utopy.ai, а также вы получите практику и домашние задания

Как пересматривают традицию и опыт дизайна курсора, дополняя его голосовыми командами и поддержкой ИИ. Часть внутренней разработки новых UX моделей в Coogle. Полвека как был внедрен привычный нам дизайн курсора на экране и его базовые UX-сценарии.

Когда UX дизайнеру, очень хочется рвать и метать он заходит на этот сайт разработанный Daniel Beauchamp как эксперимент.

Представь, каких результатов ты достигнешь под наставничеством дизайнеров с 9-летним опытом и кейсами от крупных брендов. Уже в первую неделю обучения ты освоишь Figma, сделаешь 5 дизайн-проектов и получишь стратегию роста в веб-дизайне с нуля до 2000$ в месяц. 👉 Запишись до 13 мая— участие бесплатно.