Как веб-технологии в дизайне повышают эффективность интернет-маркетолога? 🤓

Студенты программы Двойного диплома «Интернет-маркетинг и электронная торговля» погружаются в эту тему на занятиях Устиновой Анны Павловны — преподавателя дисциплины «WEB-технологии в дизайне». ▪️Анна Павловна — практикующий эксперт в области WEB-дизайна и визуальных коммуникаций. Её профессиональный путь — более 5 лет работы в крупных организациях: от Департамента транспорта Москвы до рекламной группы OKKAM. В рамках дисциплины студенты осваивают проектирование интерфейсов, анализируют визуальные решения с точки зрения маркетинговых задач и выстраивают эффективную коммуникацию с дизайнерами и разработчиками. В результате WEB-технологии становятся для будущего маркетолога профессиональным инструментом, позволяющим видеть цифровой продукт целиком и достигать коммерческих результатов через дизайн. 🖇 Подробнее о программе Двойного диплома ВК | MAX | RUTUBE | ДЗЕН

🧱 В UXART поняли, что теряют сотни тысяч не на больших ошибках, а на кривой дизайн-системе

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

🗺 Ищем и находим себя в нашем новом бесплатном курсе

Вы узнаете, чем отличаются профессии в дизайне, разберетесь в особенностях разных направлений и выберете то, которое подходит именно вам. ● Получите базовые знания по композиции, шрифтам и колористике. ● Соберете мудборд и сделаете первые шаги в создании айдентики бренда. ● Освоите основные функции Figma и соберете экран интерфейса. ● Сформируете бриф и создадите мудборд дизайн-концепции интерьера. ● Познакомитесь с интерфейсом Blender и создадите статичную 3D-модель. → Пройти курс и построить свой личный маршрут на основе новых знаний о себе.

Субтитры, «Очень странные дела» и D&D

В продолжении потрясной короткометражки от Дяди Вани хочу рассказать про то, как субтитры помогают людям с потерей слуха прожить историю так же полно, как и слышащие зрители. Главный принцип: субтитры — это не транскрипция речи, а перевод всего звукового пространства. Диалоги, атмосфера, музыка, звуки монстров — всё это несёт смысл и эмоцию, и задача субтитров передать их полностью. За субтитрами SDH (субтитры для глухих и слабослышащих) к сериалу «Очень странные дела» стоит Джефф Т., который придумал «[eldritch thrumming]» - [потустороннее гудение]. [Потустороннее гудение] - хороший субтитр. Слово eldritch — из словаря D&D и старой готики: что-то потустороннее, древнее и угрожающее. Джефф вставил его как пасхалку: это ещё и название заклинания чернокнижника. Звук сразу обретает характер существа. [Музыка] - плохой субтитр: «Музыка» не передаёт ничего: ни жанра, ни интенсивности, ни эмоции. Глухой зритель лишается контекста, который слышащий получает автоматически. Звуковые эффекты создают напряжение, страх, атмосферу. Заменять их общим словом — всё равно что убрать саундтрек из фильма хоррора, который решает все ) Для дизайнеров важное про паттерны цифровой доступности: каждый звук в интерфейсе несёт смысл — и если пользователь его не слышит, этот смысл должен быть передан визуально: ✦ Субтитры включены по умолчанию, а не спрятаны в настройках. ✦ Настраиваемые параметры: шрифт, размер, цвет текста и фона — пользователь сам выбирает под своё зрение. ✦ Визуальные уведомления вместо звука: popups не исчезают сами собой. ✦ Пропущенные события не исчезают сами: бейджи и счётчики остаются видны до явного подтверждения пользователем. ✦ Ошибка, успех, загрузка передаётся цветом, иконкой и текстом одновременно. ✦ Текст состояния конкретный: не «Ошибка», а «Не удалось отправить сообщение — проверьте соединение» (актуалочка подъехала). Alt текст: Скриншот из «Очень странных дел»: тёмно-синяя сцена, в центре кадра — Векна, гуманоидная фигура с кожей, покрытой прожилками, окружённая длинными органическими щупальцами. Внизу экрана белый субтитр на чёрном фоне: [tentacles squelching wetly] [щупальца хлюпают мокро] — пример профессионального SDH-субтитра, описывающего звук, а не просто называющего его.
будущее интерфейсов: от статичных к генеративным 😜
статичные интерфейсы постепенно уходят в прошлое, уступая место генеративным, где пользователь озвучивает свои потребности, а нейросеть создает интерфейс. это действительно захватывающе, но за этим стоят важные нюансы. проблемы при использовании генеративных интерфейсов ➡️ неясность требований: пользователи не всегда могут точно сформулировать, что именно им нужно. многие не осознают, что детали играют ключевую роль ➡️ недостаток знаний: отсутствие базовых знаний в определенной области может помешать пользователям описать свои пожелания ➡️ недостаток усидчивости: многие не готовы тратить время на написание длинных и детализированных описаний эти факторы создают барьер для эффективного использования генеративных интерфейсов. пока пользователи не научатся четко излагать свои мысли, мы будем сталкиваться с эффектными, но не всегда полезными решениями. вывод для бизнеса 📌 для успешной интеграции генеративных интерфейсов в бизнес-процессы важно: 🌠 развивать навыки пользователей: предложить тренинги или интерактивные инструменты, которые помогут клиентам формулировать свои требования более четко 🌠 внедрять интеллектуальные подсказки: создать системы, которые направляют пользователей на выявление необходимых деталей, делая процесс более интуитивным 🌠 упрощать взаимодействие: разрабатывать интерфейсы, которые минимизируют ввод информации, но при этом сохраняют суть запроса инвестируя в эти аспекты, бизнес сможет не только улучшить клиентский опыт, но и повысить эффективность генеративных технологий, создавая решения, которые действительно удовлетворяют потребности пользователей. 📽️ посмотреть видео
⭐️ Что ждут от дизайнера в 2026
Если сейчас открыть вакансии, картина в целом понятная. Фигма уже давно база, насмотренность тоже. А вот дальше почти везде начинают мелькать Курсор, Клод, Мижорня и другие AI инструменты. То есть AI навыки из «будет плюсом» довольно быстро перешли в категорию «ну это уже надо уметь». Но проблема даже не в этом. Названия инструментов знают уже почти все. А вот нормально встроить их в рабочий процесс умеют пока немногие. Обычно как бывает. Нагенерил интерфейс, на первый взгляд вроде ок. А потом смотришь внимательнее: компоненты не из твоей библиотеки, токены кривые, стили живут своей жизнью и половину все равно приходится пересобирать руками. В итоге времени потратил много, токены сжег, а профита не так уж и много. 🗓 7 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведет бесплатный эфир как раз про это. Покажет не абстрактные советы, а нормальный процесс на реальной задаче. Возьмет кейс от крупной красной корпорации из РФ: сложный интерфейс, сайдбар с вложенными сервисами, два типа пользователей и своя дизайн система. В общем, та самая история, на которую обычно уходит несколько дней только на макеты, а потом еще ждешь, пока все это закодят. 🔥 Что покажет? На эфире соберет это за час через Antigravity с Claude Code внутри. Покажет, как перенести дизайн систему так, чтобы AI сам подтягивал правильные компоненты, и как быстро собрать прототип, который уже можно тестировать. Плюс отдельно покажет, как вкатиться в такой агентский воркфлоу без лишних затрат. Если давно хотели понять, как AI реально использовать в продуктовой работе, а не просто гонять красивые картинки, выглядит полезно и актуально на текущий год точно) Эфир будет у ребят в канале, вэлком 🔠 Смотреть эфир 🔠 Смотреть эфир 🔠 Смотреть эфир
10 законов UX, которые ты используешь (даже если не знаешь их названия)
Часть 2 Часть 1 6️⃣ Закон Теслера (Larry Tesler, 1980-е) У любой системы есть неизбежная сложность. 👉 Не перекладывай её на пользователя — забирай на себя (автозаполнение, дефолты). 7️⃣ Порог Догерти (Doherty Threshold, 1982) Отклик системы < 400 мс = ощущение мгновенности. 👉 Ускоряй интерфейс или хотя бы создавай иллюзию скорости (скелетоны, прелоадеры). 8️⃣ Правило пика и конца (Daniel Kahneman, 1999) Люди запоминают пик эмоции и финал опыта. 👉 Даже небольшой визуальный вау-эффект в конце сценария вызовет дополнительную эмоцию у пользователя. 9️⃣ Предвзятость негативного опыта (Baumeister et al., 2001) Негатив влияет сильнее, чем позитив. 👉 Ошибки и баги убивают опыт быстрее, чем фичи его спасают. 🔟 Эффект якоря (Tversky & Kahneman, 1974) Первая увиденная цифра влияет на восприятие следующих. 👉 Сначала показывай высокую цену и тут же скидку — пользователь будет доволен. 🌊🌊 Сохрани, чтобы не спорить с продактом на ощущениях 🙂
Текст норм?
Интерфейс на 90% состоит из текста. UX-редакторов, как правило, очень мало. В нашей команде их два, но даже они физически не смогут отревьювить все наши интерфейсы. Поэтому мы-дизайнеры стараемся сами писать простой, понятный и дружелюбный текст, следуя редполитике, которую составили редакторы. В команде дизайна взяли курс на разумную ИИ-зацию. Я решил собрать плагин для Фигмы, который будет проверять текст по редполитике и писать замечания. До этого никогда не вайбкодил :) Но опыт разработки был. Впервые поставил Codex от ChatGPT и написал промпт: Создай плагин для Figma, чтобы проверять тексты в макетах дизайнеров на соответствие редполитике. Редполитика лежит в приложенном файле. Сценарий использования: — Дизайнер запускает плагин — Выделяет секцию или фрейм, где нужно проверить тексты — Плагин сверяется с редполитикой и выводит список замечаний. У каждого замечания есть короткое описание, почему оно появилось. И рекомендация исправления. При нажатии на замечания происходит фокусирование на нужном фрейме. [редполитика.pdf] И с первого раза получился аккуратный чистый интерфейс и работающий алгоритм. Я намеренно не использовал API нейронки, чтобы не передавать наши интерфейсы хрен-пойми куда и не зависеть от лимитов. Всё работает на регулярках и простых ифчиках. Потестил немного и сделал доработки: — Доработал UI: добавил больше отзывчивости в кнопки, лоадеры, состояния, убрал лишние элементы, добавил группировку замечаний, привёл к нашему стилю, добавил тёмную тему. — Добавил много исключений, чтобы убрать ложные срабатывания. — Значительно ускорил плагин с помощью кеширования, добавлении быстрой пред-проверки, уменьшению размера первого батча (оказывается, это подход ramp-up batching). — В конце добавил самое главное: кнопки для автоматического исправления замечаний. Начали активно тестировать в команде. Дизайнеры в восторге; редакторы тоже рады, потому что могут прогонять макеты плагином перед своей работой. Будем продолжать тестировать и улучшать качество плагина. А вы ИИ-зируетесь в дизайне?
Плагин «Copy & Rotate» by Alex Widua Плагин для создания радиальных интерфейсов, который позволяет создавать и крутить элементы вокруг своей оси
📖 Вышел Журналус № 501. Растут ли магнитроны на машиночитаемом дереве
Вот что мы подготовили на этой неделе: • Цитаты из Трактатов Альбрехта Дюрера • Как сделать iOS-интерфейсы удобными для ИИ-агентов • Модальное окно или отдельная страница. Как выбрать • Какие паттерны в ИИ-интерфейсах прошли проверку временем • Почему нельзя проектировать интерфейсы для среднего пользователя • Как не завалить собеседование из-за волнения • Как объяснить теорию цвета через абсурдистские притчи • Почему ИИ-чат-боты на сайтах так и не прижились • Как ИИ меняет образование и почему английский — это новый язык программирования • Как проверить работодателя при устройстве на работу • Отличный брендинг деревянных игрушек • Танцующий осьминог
✈️ В Ozon Travel дизайн это не про красоту. Это про то, чтобы человек не ошибся перед вылетом
У тревел-сервисов другая цена ошибки. Если в маркетплейсе можно пережить лишний баннер или неидеальный сценарий, то в поездках любая мелочь бьет по тревожности: не тот билет, забытый гейт, непонятная страховка, лишний шаг перед оплатой. Поэтому команда Ozon Travel меряет удобство не абстрактно, а через повторные покупки, доверие и то, насколько сервис ведет себя как надежный тревел-агент, а не просто витрина. Из разговора с Артемом Дичковым и Катей Громовой хорошо видно, что Ozon Travel собирают как отдельный продукт со своим характером внутри большой экосистемы. С одной стороны, у них есть трафик, технологии и знакомые паттерны большого Ozon. С другой, тревел требует своей логики: короткая воронка, меньше отвлекающих факторов, больше поддержки и микрофич, которые реально снижают стресс. Отсюда и отдельное приложение, и работа над брендом, и постоянная попытка найти баланс между скоростью, выгодой и заботой. Внутри: – Почему в тревеле удобство нельзя оценивать так же, как в маркетплейсе; – Как команда балансирует между выгодой для пользователя и снижением тревожности; – Почему проверка данных на последнем шаге здесь важнее, чем лишняя скорость; – Зачем Ozon Travel сделали отдельное приложение, если уже есть супер-ап; – Как команда сокращает путь до покупки билета буквально до нескольких кликов; – Почему уведомления о поездке воспринимаются эмоционально сильнее, чем уведомления о доставке; – Как дизайн в команде влияет не только на интерфейсы, но и на продуктовые решения; – Почему внутри Ozon Travel так много разговоров про ответственность, вовлеченность и культуру офиса. ➡️ Смотреть видео ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Мы запускаем новый курс о мобильной съемке!
На курсе «Вертикальные видео: съемка и монтаж» вы узнаете, как работать с видеоконтентом с нуля и научитесь режиссуре вертикальных видео, чтобы создавать полноценные концепции и креатив для соцсетей. Курс подойдет вам, даже если вы никогда не снимали и не монтировали вертикальные видео. Программа доступна для начинающих. Технические навыки: Начнете работать с CapCut на профессиональном уровне — от работы с интерфейсом до цветокоррекции и саунд-дизайна. Креативные навыки: Поймете, как привлекать и удерживать внимание, чтобы ролик получился виральным. Навыки продвижения: Научитесь выстраивать полный креативный процесс — от создания визуальных подборок до продвижения контента в социальных сетях. В итоге: 4 проекта в портфолио и понимание, куда дальше двигаться. → Все подробности и программа курса по ссылке! Проходить обучение можно в любое время.
Сайт Romain Avalle
Интерактивный разработчик с 20 годами опыта во фронтенде. Работает с интерфейсами и техническим руководством команд разработки. #портфолио #минимализм #ретро #светлая_тема Посмотреть сайт 👨‍💻
Middle+ / Senior UX/UI-дизайнер в Nimax
Мы — Nimax, создаём опыт бренда, который работает на рост бизнеса. Задачи: — собирать требования, продумывать структуру, пользовательские сценарии и логику — проектировать интерфейсы и собирать проекты на Tilda — разрабатывать UI-концепции и масштабировать их на весь проект — прорабатывать адаптивы и микроанимации Ожидания: — опыт в веб/продуктовом дизайне от 4–5 лет — умеете продумать логику и быстро собрать визуально точное решение без долгих итераций — работали с разными веб-проектами: сайты, лендинги, сервисы — Figma, сборка на Tilda и базовый HTML/CSS Условия: — полная удалёнка или гибрид с офисом в Петербурге или в других городах — начало в промежуток с 09-11 по МСК, окончание с 18-20 по МСК — заработная плата по результатам собеседования — оплачиваемое обучение на курсах и интенсивах → Подробнее Контакт для отклика: rabota@nimax.ru #дизайн
Привет! Сегодня в 19:00 по МСК ждем вас на суперполезном эфире по дашбордам.
Эфир проведут Ксюша Толокнова (@uxrockru), Ирина Федькина (продуктовый дизайнер, ex. Ростелеком, ex. Авито) и Владимир Фрадков (дизайн-лид Ozon Tech). Состав спикеров очень сильный, и им точно есть чем поделиться с вами на основе своего опыта. Материал будет полезен всем, кому интересен продуктовый дизайн и работа с большими объемами данных. Что разберем: ✨ как на практике выстраивается структура дашборда и из чего она реально собирается ✨ чем дашборды отличаются от других типов интерфейсов ✨ как учитывать реальные сценарии пользователей и их решения ✨ с какими сложностями дизайнеры сталкиваются при работе с данными Также расскажем про новый формат обучения в Uprock, где участники будут работать с дашбордами в группах, прямо на реальной задаче, максимально приближенной к продуктовой практике. ➡️ Подключайтесь сегодня в 19:00 (МСК) по ссылке
💚 Duolingo обновили основные вкладки и подняли вовлеченность без просадки учебных метрик
По отдельности вкладки работали нормально, но вместе интерфейс разваливался на детали: разные заголовки, слабая иерархия текста, неровные отступы. Критичной ошибки нет, но ощущение цельного продукта теряется именно так. Лиа Ли и Локеш Фулфагар показали, как команда перешла от разрозненных экранов к единой системе. Сначала сделали короткий спринт с четырьмя крайними направлениями, потом собрали рабочий баланс между целостностью и задачей конкретной вкладки. Результат уже вышел на iOS, Android в процессе. Внутри: – Какие четыре направления тестировали на старте: Punchy, Soft, Modular, Flat; – Почему единый стиль без функции может ухудшать восприятие; – Как они балансировали простоту интерфейса и ясность сценария; – Как собрали систему заголовков по уровням важности вкладок; – Как пересобрали типографику в минимальный, но управляемый набор стилей; – Почему убрали лишние контейнеры и сделали ставку на осознанные отступы; – Как внедрили совместный QA с разработкой и проверку через дизайн-оверлеи; – Какие продуктовые результаты получили после релиза на iOS. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🎨 Про рынок труда и актуальные навыки для дизайнеров
Делимся подборкой полезных материалов для начинающих и опытных дизайнеров. Если ты задумываешься о карьере или хочешь быть в тренде с ИИ и современными инструментами, обязательно читай: 🔹 Как начинающему дизайнеру интерфейсов найти работу в 2026 году — результат исследования 🔹 Как использовать ИИ, чтобы найти работу 🔹 Как дизайнеры используют ИИ: 10 сценариев Будь в курсе актуальных тенденций, развивай нужные навыки и используй новые инструменты для своего профессионального роста!
🎨 Про рынок труда и актуальные навыки для дизайнеров
Делимся подборкой полезных материалов для начинающих и опытных дизайнеров. Если ты задумываешься о карьере или хочешь быть в тренде с ИИ и современными инструментами, обязательно читай: 🔹 Как начинающему дизайнеру интерфейсов найти работу в 2026 году — результат исследования 🔹 Как использовать ИИ, чтобы найти работу 🔹 Как дизайнеры используют ИИ: 10 сценариев Будь в курсе актуальных тенденций, развивай нужные навыки и используй новые инструменты для своего профессионального роста!
🎨 Про рынок труда и актуальные навыки для дизайнеров
Делимся подборкой полезных материалов для начинающих и опытных дизайнеров. Если ты задумываешься о карьере или хочешь быть в тренде с ИИ и современными инструментами, обязательно читай: 🔹 Как начинающему дизайнеру интерфейсов найти работу в 2026 году — результат исследования 🔹 Как использовать ИИ, чтобы найти работу 🔹 Как дизайнеры используют ИИ: 10 сценариев Будь в курсе актуальных тенденций, развивай нужные навыки и используй новые инструменты для своего профессионального роста!
🎨 Про рынок труда и актуальные навыки для дизайнеров
Делимся подборкой полезных материалов для начинающих и опытных дизайнеров. Если ты задумываешься о карьере или хочешь быть в тренде с ИИ и современными инструментами, обязательно читай: 🔹 Как начинающему дизайнеру интерфейсов найти работу в 2026 году — результат исследования 🔹 Как использовать ИИ, чтобы найти работу 🔹 Как дизайнеры используют ИИ: 10 сценариев Будь в курсе актуальных тенденций, развивай нужные навыки и используй новые инструменты для своего профессионального роста!