💎 Митап про редизайн hh

Редизайн большого продукта со стороны часто выглядит просто: обновили интерфейс, стало свежее, поехали дальше. Внутри всё обычно намного больнее. Есть старые долги, разные аудитории, метрики, бизнес-задачи, привычки пользователей и куча мест, где любое изменение может что-то сломать. 19 июня hh.ru проводит митап как раз про это. Будут разбирать редизайн hh как продуктовый процесс: как принимать решения, когда хочется сделать красиво, бизнес ждёт роста, а пользователям всё ещё должно быть понятно и удобно. Мне тут особенно интересен масштаб. hh это сервис, где есть соискатели, работодатели, личные кабинеты, b2b-страницы, важные сценарии и очень чувствительные зоны продукта. В таком редизайне нельзя просто «освежить визуал». Нужно договариваться, резать лишнее, выбирать приоритеты и понимать, какие хорошие идеи всё равно не доедут до продакшена. В программе два доклада: Миша Пономаренко, дизайн-директор hh.ru «Редизайн продукта: что важнее обновлённого интерфейса, и нет, это не метрики» Ксюша Зенина и Саша Ирхин «Главная не главная: совмещаем дружелюбный бренд и продуктовые метрики» Будет полезно продуктовым дизайнерам и продактам, особенно если работаете с большими интерфейсами, где дизайн давно живёт рядом с метриками, компромиссами и внутренними ограничениями. ⏰ Когда 19 июня, сбор гостей с 18:30, старт в 19:00 Где: московский офис hh.ru, ул. 2-я Брестская, 48 🕹 Формат Офлайн и онлайн-трансляция в VK и YouTube После докладов будет афтепати, еда, напитки и разговоры про дизайн с продуктом. Офлайн-места ограничены, заявки рассмотрят заранее. 🔠Зарегистрироваться 🔠Зарегистрироваться

➡️ Минутка гордости: • Несколько тысяч платных пользователей; • Среди клиентов известная соцсеть и банк — у нас удобный личный кабинет для корп. клиентов; • Мы — единственный официальный партнер Bytedance в России (это те, кто создал TikTok и авторы лучшей ИИ для видео Seedance 2); • Утопия получила серьезные инвестиции; • Сейчас делаем новую версию, где будет командная работа, проекты, Ноды и холст. В планах сделать это в течение лета; • Выкатываем обновления каждую неделю. И порция уроков вперемешку с обновлениями. За последние две недели вышли следующие функции: 1️⃣ Возможности Claude в Utopy.ai – смотреть видео 2️⃣ Управление светом и камерой – смотреть видео 3️⃣ Обновление раздела Создание вектора – смотреть видео ➡️ Тестировать здесь Еще планируем добавить в этом месяце: • раздел аудио; • добавление стилей персонажей, цветов; • настройки камеры; • библиотеку промтов и т.д. Вот что я считаю по-настоящему потерять продуктовую девственность😅 Скажем так, проверить свои навыки на прочность. Вложить все свои средства, потому что уверен в себе и в том, что делаешь. И мы каждый месяц органически растем, за что низкий поклон нашим пользователям 🤗

Немецкий журнал о коммерческой графике, январь 1942 года. Какие снежинки. Какие времена. Дизайнер Heinz Allner

Эффект объема и переката контента по краям экрана

Впервые в истории турнир с 48 командами станет более доступным 💜 Сурдоперевод Опять же впервые в истории FIFA трансляция с сурдопереводом на каждом матче. Это иммерсивный опыт для глухих и слабослышащих болельщиков: переводчики передают не только игровые моменты, но и ключевые звуковые сигналы — свистки арбитра, рёв трибун, эмоциональные сдвиги атмосферы, — чтобы зрители чувствовали каждый момент в реальном времени. Всё это живёт в официальной аппке FIFA World Cup 2026™. Я хотела протестировать её на доступность, но она недоступна в рф. Субтитры На стадионах они идут на бегущих строках, табло и экранах, плюс по ссылкам в приложении — для тех, кто хочет следить за голосовым контентом во время матча. Хаптика Это доска размером с планшет с рельефной схемой поля. Кладёшь пальцы на поверхность и следишь за игрой на ощупь: по схеме движется магнитное кольцо — мяч, а у каждого события свой паттерн вибрации — пас, подкат, удар. Незрячий болельщик буквально чувствует игру: где мяч, в какую сторону атака, гол. Будут на стадионах в Далласе, Нью-Йорке, Сиэтле и Ванкувере. Сенсорные пакеты и сенсорные комнаты На каждом стадионе будут доступны сенсорные пакеты с шумоподавляющими наушниками, fidget-инструментами и средствами коммуникации. Также будет оборудована сенсорная комната с приглушённым освещением, звукоизоляцией, тактильными арт-объектами и мягкими сиденьями. Моя дочка устаёт от шума, и для нас такие комнаты — огромное спасение. Когда вокруг 50 тысяч кричащих людей, возможность выйти на десять минут в тихое место, выдохнуть и вернуться к игре — спасает от побега с игры ) Официальное приложение турнира тоже сделано с учётом доступности — обещают регулируемый размер шрифта, настройку цветового контраста и субтитры к видео. Ну вот это я проверить не могу. Если вы не в рф, качните, гляньте, что там. И если несложно, напишите в комментах, как всё реализовано на самом деле. Очень интересно ) На сайте FIFA посмотрела быстро: работает со скринридером (но нужно тщательнее проверять), альты прописаны, даже есть изображения в разных размерах, значит сайт быстрее загрузится, контрастность гуд, таб работает, зуммируется все прекрасно, текст не обрезается. И знаете, это большая работа. Просто молодцы! За кого болеть будем? ⚽️

Однажды на Аллее славы в Голливуде добавили звезду Снуп Дога. На торжественной церемонии Снуп Дог вышел к микрофону, поблагодарил всех причастных и в конце не забыл о важном: — Хочу поблагодарить себя. Хочу поблагодарить себя за веру в себя. За то, что пахал, как коняра, — и преодолел все трудности. За то, что никогда не сдавался, старался отдавать больше, чем брать, — да и, в целом, молодец, что старался по-всякому. Вообще хочу поблагодарить себя за то, что оставался собой: Снуп Дог, ну такой ты заинька и котёночек, храни тебя Боуи. Не забывайте себя благодарить. Всех обняла.

⚪️ ссылка на встречу / муд *влетел в последний вагон*

Дизайн для малогабаритных пространств и экономии места.

Квартиру выставили за 65.000 ₽/мес — и на эту стоимость сразу получили шквал звонков и сообщений. Но высокий спрос еще не значит, что нужно сдавать первому желающему. Кто-то пытался торговаться, кому-то не хватало полочек, кто-то был на испытательном сроке на новой работе. В общем, варианты были, а идеального арендатора среди них не было. Но он быстро нашелся — молодой парень, тренер по баскетболу. Работает буквально через дорогу, поэтому локация и сам ЖК ему идеально подошли. Зашел, посмотрел квартиру за одну минуту и сразу сказал, что готов снимать без торга. Ему понравилось, что квартира новая, красивая, свежая и не похожа на типовую студию, где просто поставили диван, стол и шкаф. А еще решающим фактором стало хранение: у него есть сноуборд, и было важно, чтобы его можно было нормально убрать, а не держать посреди комнаты как арт-объект. Для такой студии это идеальный портрет жильца: живет один, без животных, без детей, без вредных привычек, дома в основном отдыхает и спит. Все сложилось: квартира быстро сдалась за хорошую ставку, и попала в руки человеку, который с высокой вероятностью сохранит нашу красоту на долгие годы.

🔶 Abstracto Demo Демо‑набор крупных цветных PNG‑форм, которые хорошо работают как выразительные фоны и центры композиции. 🔶 Texturas Abstractas Пакет текстур, удобных для фоновых заливок, наложений и лёгкого «зашумления» плоских макетов. 🔶 Geometrical Abstraction with Gradients Серия геометрических абстракций с мягкими градиентами, напоминающими плакатный графдизайн и digital‑арт. 🔶 AbstractForms Vol.1 Коллекция аккуратных фигур, которые можно собирать в постеры, аватары и иллюстративные блоки. 🔶 Abstract Lines Подборка линий и контуров, добавляющих движение и ритм фонам, шапкам и разделителям секций. 🔶 Fondos Abstractos 3D‑фоны с неоновыми формами и глубиной, которые хорошо работают как обложки и главные экраны. 🔶 Abstract Blob Vector Shapes Набор векторных «блобов» и пятен, которые удобно использовать как мягкие подложки под текст и карточки. 🔶 50 Abstract Posters & Wallpapers Part 2 Коллекция готовых постеров и обоев, которые можно брать в качестве фонов и референсов. 🔶 Abstract Geometric Waves Геометрические волны и полосы, создающие динамичный рисунок для фона. 🔶 Glassmorphism Wallpaper Abstract 3D Figure Обои с абстрактными 3D‑фигурами в стиле стекломорфизма, идеальны под UI-заставки. 🔶 12 Abstract Banners Free 12 готовых баннеров с яркой графикой, оптимизированных под веб и соцсети. 🔶 Abstract Geometric Pattern Simple Shapes 03 Простые геометрические паттерны из базовых форм для повторяющихся фонов и плиточной сетки. 🔶 M‑513 Abstract 3D Illustrations Набор 3D‑иллюстраций, которые можно использовать как ключевые визуалы в лендингах и презентациях. 🔶 Gradient Abstract Banners Баннеры на градиентных подложках, хорошо заходящие как промоблоки, превью и обложки. 🔶 3D Abstract Shapes Коллекция объёмных 3D‑форм, годящихся для центральных изображений, постеров и визуальных акцентов. 🔶 Monochrome Abstract Монохромные абстракции со сдержанной графикой, которые поддерживают минималистичный и строгий визуальный стиль. 🔶 36 Abstract Graphic Elements Pack 36 графических элементов, из которых удобно собирать коллажи и декоративные композиции. 🔶 Free Abstract Flower Elements Collection Набор «цветочных» элементов, стилизованных для декоративных вставок и паттернов. 🔶 350 Vector Doodles Weird Creatures & Abstract Forms Большая коллекция векторных дудлов с причудливыми существами и абстрактными формами для живых, экспериментальных макетов. [Фабрика Дизайна]

Если интересно — вот какие награды раздают и как они делятся: Главный символ — Pencil (карандаш). Это не просто трофей, а знак уровня работы Black Pencil — редчайшая награда за по-настоящему революционные идеи Yellow Pencil — выдающийся креатив Graphite Pencil — очень сильная работа Wood Pencil — хороший профессиональный уровень далее сверху вниз [ компания / имя ] — [ сколько выйгранных наград ] — [ очки ] топ-10 компаний / бренд прикрепляю ссылки (не все) на работы, которые заявляли на d&ad 1. Apple — 52 — 149 2. Spotify — 22 — 117 3. Coca-Cola — 21 — 68 4. Xbox — 20 — 62 5. Nike — 16 — 59 6. Cemento Sol — 11 — 53 7. Change The Ref — 20 — 51 8. Michelob ULTRA — 17 — 49 9. Renault — 15 — 47 10. Callen-Lorde — 10 — 44 Посмотреть весь рейтинг и работы здесь —— топ-10 дизайн-студий прикрепляю ссылки (не все) на сайты студий 1. Serviceplan Design — 11 — 42 2. W Conran Design — 3 — 26 3. Bulletproof London — 5 — 24 4. Jones Knowles Ritchie — 12 — 22 5. DutchScot — 4 — 21 6. King Henry — 12 — 20 7. Pentagram New York — 6 — 18 8. Studio Sutherl — 5 — 17 9. PORTO ROCHA — 3 — 16 10. Beetroot Design Group — 5 — 16 Посмотреть весь рейтинг и работы здесь —— топ-10 дизайнеров (индивидуальные работы) прикрепляю ссылки (не все) на сайты дизайнеров 1. Simon Fernandes — 37 — 160 2. Ella Ahn — 20 — 111 2. Eric Benitez — 20 — 111 4. Guillaume Sabbagh — 11 — 53 5. Vitor Hugo Favero — 17 — 49 6. Vira Ronkina — 11 — 42 7. Victor Ferreira — 14 — 41 7. Vinicius Aleixo— 14 — 41 9. Lexie Hoskins— 13 — 40 10. Oliver Watts — 13 — 34 Посмотреть их работы и весь рейтинг здесь

Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш третий гость — Алексей Назаренко @alexnozer_dev — фронтенд-разработчик, специализирующийся на вёрстке, доступности, производительности и веб-стандартах. Леша, спасибо 💜 Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры? Как это работает на практике? — Лично я не пробовал. Но читал о том, что в интерфейсах таких платформ полно проблем с доступностью. Ты знаешь кейсы, где AI улучшил доступность продукта? — Есть несколько фич, которые кажутся мне хорошим использованием AI в доступности: - Автогенерация субтитров на видео в TikTok, YouTube и подобных сервисах; - Возможность сгенерировать описание изображения (alt) в Firefox или Shopify; - Функция распознавания изображения с камеры в реальном времени в ChatGPT или Seeing AI; Ещё знаю, что AI используют при аудите для анализа контента и поиска нарушений WCAG. Но пока о каких-то серъёзных успеха в этом направлении не слышал. Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограничениями по здоровью? Что должно измениться в том, как мы обучаем модели? — Все современные модели знают о доступности много, потому что это гигантские базы знаний. Сложность в том, чтобы эти знания оттуда извлечь. По умолчанию модели выдают статистически наиболее вероятный код. Дела с доступностью обстоят плохо, что подтверждают отчёты WebAIM. Поэтому в среднем сгенерированный код будет содержать проблемы доступности. С обучением моделей, скорее всего, уже ничего не сделать. Разве что в мире резко большинство сайтов и сервисов станут доступными и появятся новые хорошие кодовые базы, где это всё учтено. Но такого не будет. А учитывая волну нового сгенерированного кода за последние годы, всё только хуже. Поэтому нужно обкладывать агентов скиллами, правилами, инструкциями для работы, давать примеры доступного кода, проводить код ревью людьми, которые разбираются. ИИ волшебным образом не сделает мир доступнее, нужна инициатива и эксперты. 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Я не слышал, чтобы без технической базы с помощью AI создавали продукты на миллионы пользователей. Истории «я за два вечера навайбкодил SaaS и заработал много денег» мне кажутся пылью в глаза. Десятки, сотни или тысячи пользователей, но не миллионы. Если говорить о крупных корпорациях, которые массово внедряют AI в процессы разработки, то там, всё же, есть техническая база. Не думаю, что AI научит доступности. Он способен воспроизводить шаблоны доступности и выдавать неплохие решения при должной настройке и в руках опытных разработчиков. Тех, кто росто генерирует код и не вникает в него, AI ничему не научит. В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Думаю, что надежда есть. Однако стимулов меньше, чем в странах Евросоюза или США. Нужно развивать культуру доступности и работать над законодательной базой, по аналогии с ADA или EAA. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

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

У «Конкретики» обновление — настольная панелька под письменные принадлежности.

Apple много чего показали вчера, но мы посмотри на трансформацию стиля иконок.

Приглашаем студентов всех программ ФКИ, сотрудников и выпускников на лёгкую пробежку вместе с Беговым клубом НИУ ВШЭ. Будем рады и тем, для кого бег уже стал привычкой, и тем, кто только хочет попробовать. Мы подготовили бережные маршруты без серьёзных подъёмов, а комфортный темп бега помогут держать участники клуба, поэтому вы можете не переживать о подготовке. Нас ждут две дистанции: 💜3 км с темпом 7:00 минут на километр; 💜5 км с темпом 6:30 минут на километр. После финиша никуда не разбегаемся — будем пить чай, общаться и знакомиться 🌟 📖Когда: 10 июня, 17:00. 🌎Где: Медиадвор (Малый Трёхсвятительский переулок, 8/2, строение 1) Регистрируйтесь 🖱

Если по-простому — это когда ты делаешь сайты, приложения и даже игры… вообще без знания кода. Ты просто говоришь нейросети, что хочешь получить — и она это собирает. Типа: — «Сделай игру, где персонаж прыгает через препятствия» — «Собери сайт-портфолио, минималистичный и дорогой по виду» — «Сделай приложение для заметок как Notion, только проще» Ещё недавно это было “только для айтишников”. Типа такой закрытый клуб: знаешь код → значит можешь делать продукты. Сейчас навайбкодить может кто угодно 💸 Видел недавно новость: пятилетний ребёнок просто сказал маме, что хочет сделать игру. Мама посадила его за компьютер, он посмотрел пару подсказок от нейросети — и собрал простую игру буквально за несколько минут. Без кода. Вообще. Мы сейчас готовим интенсив по вайбкодингу. В понедельник выложу анонс. Обучение стартует 22 июня. Это будет интенсив на 5 дней. Сейчас сами всё тестим, разбираемся и собираем программу.

У нас кипит ремонт в ЖК Остров — в работе 5 квартир одновременно. Прочитать про это подробнее можно в этом посте: https://t.me/yuloo/13120 И в 2-х квартирах мы применили нестандартный прием — бамбуковые панели. Про него хочу рассказать отдельно. Бамбуковые панели — это большие листы из прессованного бамбука с разными фактурами. Материал не новый — он уже давно очень популярен в Китае, а у нас появился примерно год назад. Но работают с ним до сих пор единицы, на то есть ряд причин: • Во-первых, сами панели недешевые. • Во-вторых, они огромные — примерно 3×3 метра. Их нужно привезти грузовой машиной, а потом каким-то образом поднять в квартиру. В лифт такие листы, конечно, не помещаются, поэтому их поднимают вручную. Только доставка и подъем в одну квартиру обошлись примерно в 30 000 ₽. • В третьих, монтаж не самый простой: панели нельзя наклеить как обычные обои или декоративную рейку. Нужны мастера, которые уже понимают, как с этим материалом работать. Поклейка на одну квартиру стоит около 60 000 ₽, и это без учета специального клея. Но в итоге эффект получается очень классный🔥 В этой квартире мы собираем строгий минималистичный интерьер: темное дерево, мрамор, хромированные поверхности, спокойные линии и ничего лишнего. Получается сдержанно, дорого и не как у всех. Самое интересное, что бамбуковые панели можно использовать не только на стенах в жилых комнатах. Они полностью влагостойкие, поэтому их применяют даже в ванных вместо плитки. Да, это сложнее, дороже, с доставкой и монтажом придется повозиться. Но именно благодаря таким решениями объект выделяется и запоминается. А значит, быстрее сдается и дороже продается в будущем. В карусели показала коллажи и первые результаты. Мне уже очень нравится, что получается💔 Как вам такое решение? Вы бы рискнули заменить плитку в ванной на бамбуковые панели?

Часто так бывает — разумные решения это вынужденные. Смотреть, как говорится, до конца.

Хорошее символическое значение — Георгий сражается с тенью Sylwia Perczak