Как автомобильные инженеры проектируют интерфейсы: HMI от идеи до реализации

Как вообще разрабатывают интерфейсы современных автомобилей, чем HMI отличается от UI/UX и какие основные элементы интерфейса правят балом в современных машинах. Илья Стариков, ведущий бизнес-аналитик в направлении HMI (Human Machine Interface): «С интерфейсами автомобилей работаю больше восьми лет: участвовал в создании HMI-концепций, исследовал пользовательский опыт, проводил бенчмаркинг и тестирование автомобилей.» Читать статью ↗ 🖼️ Хороший интерфейс

Install 🖼️ Figma Дизайн

Вот что мы подготовили на этой неделе: • Цитаты из книги Элис Росторн «Дизайн как отношение» • Творческий и жизненный путь Эль Лисицкого • Как Пит Мондриан выстраивал свой личный бренд и стиль десятилетиями • Как проектировать UI-паттерны для AI-функций • Почему стартапам не нужна дизайн-система • Почему концепция важнее кода • Подкаст с Данилой Ковчим из «Яндекса» • Онлайн-архив культового журнала об осознанности и автономности • Календарь с шикарными акварельными иллюстрациями

Смотрел сотни портфолио когда нанимал. Одни и те же проблемы постоянно. 🔘 Только картинки, ноль текста Красивые макеты, но непонятно что вы вообще делали. Какая была задача, почему так решили, что получилось. Портфолио это не биханс. Это кейсы с контекстом. 🔘 Учебные редизайны без анализа «Редизайн Авито». Окей, но зачем. Какую проблему решали. Почему старая версия плохая. Что изменилось и почему лучше. Без этого это просто рисование. 🔘 Нет процесса Показали только финальный результат. А как пришли к нему? Были ли варианты? Что отбросили и почему? Работодатель хочет понять как вы думаете, а не насколько красиво рисуете. 🔘 Слишком много работ 15-20 проектов в портфолио это перебор. Никто не будет все смотреть. Лучше 3-5 сильных кейса с подробным описанием чем 20 поверхностных. Ещё и раскиданы в разном порядке, приходится вникать( 🔘 Портфолио в PDF Серьезно, это 2026 год. Сделайте нормальный сайт. Tilda, Notion, что угодно. Но не PDF на 10+ страниц. Такое было. Смотреть было больно. Или отдельными файлами на гугл диске, ещё больнее. 🔘 Нет ссылки на портфолио в резюме Или она где-то в конце мелким шрифтом. Ссылка должна быть в первых строках. Жирным. 🔘 Рандомное использование фреймворков У 8 из 10 дизов в кейсах куча воды из юзерперсон, CJM, каких-то схем и прочей штуки, в которой они не разбираются, но зачем-то пишут. Если там почитать и повникать, то это все не будет соотносится с макетами, либо будет очень много воды, которую читать скучно. Вместо этого лучше визуальчик сочно покажите + пару слов о проекте. Это будет куда полезнее, чем том текста, который никто не прочитает никогда. Что работает: Структура кейса. Задача → Процесс → Решение → Результат. Просто и понятно. Объяснение решений Не «сделал красную кнопку», а «выбрал красный потому что по гайдлайнам это primary action». Показ процесса Скетчи, варианты, итерации. Покажите что вы думали, а не просто нарисовали первое что пришло в голову. Конкретика Цифры, метрики, любые измеримые результаты. Крупный визуал Я не знаю почему, но 9 из 10 дизайнеров стесняются показывать свой UI крупно. Почему? Это же сильно увеличивает шансы, особенно если UI хороший. Вместо этого я видел огромный скрин из фигмы с кучей экранов зачем-то, на котором 0 полезного + все в пикселях. Это нереально рассмотреть и понять, что вы там делали. Примеры портфолио, которые были под рукой: – https://vladkalashnikov.framer.website/ – https://evanburns.framer.website/ – https://lilyakhmetova.com/ – https://beisembin.framer.website/archive/old-home – https://garri.design/#top – https://andekhtyar.framer.website/ – https://jano.framer.website/ – https://dziubina.com/ – https://krisbarilnik.com – https://serega.works/ – https://danial.si/ Делайте также, а иначе не делайте)) Не благодарите!) Если остались вопросы — пишите. Какие ошибки в портфолио видели вы?) ——— 🔥 Закрытый канал с вакансиями 💻 Курс по поиску работы 😍 Про дизайн 🎨 Референсы

Aliens vs Zombies: Invasion — проект, над которым предстоит работать. Задачи: — создание маркетинговых рекламных 3D-креативов с использованием Unreal Engine — левел-дизайн, анимация, камера, рендер, VFX — понимание динамической композиции — создание новых игровых механик на Blueprints — оптимизация существующих игровых механик — адаптация базовых механик проекта под конкретные сценарии — работа над VFX, анимациями и симуляциями для рекламных проектов — видеомонтаж и финальная сборка: 2Д Ui, саунд-дизайн, ресайзы Ожидания: — профессиональное владение Unreal Engine — глубокий опыт работы с Blueprints на уровне создания игровых механик — понимание работы систем частиц Niagara — уверенная работа с Sequencer — профессиональное владение сопутствующим 2D и 3D ПО — анимация: создание кастомной анимации и переработка существующих — профессиональное владение АЕ Условия: — удаленный формат, фултайм — 2.000-3.000$ Gross → Примеры рекламных видео Контакт для отклика: @foreverinlovewithsummer #геймдев

Pixel Point — креативное бутиковое веб-агентство. Мы проектируем и разрабатываем практичные маркетинговые сайты с классным визуалом для компаний с понятным продуктом из сфер AI, ITOps, DevOps, FinTech и других технологичных ниш. Все специалисты — часть команды, без фрилансеров и хаоса. Рабочий язык с клиентами — английский, внутри общаемся на русском и английском. Ищем бренд-дизайнера, который будет задавать и развивать визуальный стиль для технологичных digital-компаний — от айдентики до интерфейсов. Наши проекты — neon.tech, huly.io. Что будет делать дизайнер? (обязанности): - Разрабатывать айдентику для digital-продуктов: логотип, цвет, типографика, визуальные метафоры. - Проводить бренд-дискавери: разбираться в продукте, понимать позиционирование и миссию клиента. - Создавать визуальный стиль продукта на старте проектов, работая в связке с UI-дизайнерами и моушн-дизайнерами. - Структурировать визуальные решения: собирать мудборды, UI-референсы, бренд-гайдлайны. Скиллы дизайнера (требования): - Опыт работы бренд-дизайнером от трех лет, общий опыт в дизайн индустрии больше 10 лет. - Умеешь видеть миссию продукта и переводить её в визуальный язык. - Опыт работы в Figma и других визуальных редакторах. - Навыки генеративных и AI-инструментов (Midjourney, Runway и др.) - Опыт работы с лендингами — как результат, цельный визуал, где айдентика сочетается с контентом. - Умение презентовать дизайн, пояснить решения и донести идею Будет плюсом: - Опыт работы в студии или агентстве. - Навыки рисования. - Разговорный английский для взаимодействия с клиентами. - Понимание, как работает motion-дизайн Условия: Формат работы - 100% удалёнка - Форма сотрудничества — casual employment. Платим в любой валюте, готовы учитывать ваши пожелания - Прайм-тайм команды — 10:00–16:00 CET, в это время рассчитываем, что вы будете на связи Оплата - 12 фиксированных выплат в год (в конце месяца) - 2 бонуса за перформанс — в июле и декабре - Возможны разовые discretionary бонусы по решению команды Отпуск и политики - Базовый пул отпускных — 25 рабочих дней в год, растёт со стажем - Больничные — вне пула, без бумажек - Социальные политики на все случаи жизни. Подстрахуем и поддержим. Отбор - Оффер — по результатам оплачиваемого тестового периода. - На тестовый период приглашаем по итогам заполненной анкеты и одного welcome интервью. ВАЖНО: для отклика на вакансию, пожалуйста, заполните небольшую анкету - вот она. Мы ответим каждому.

В среднем мультимедийной системе автомобиля около 800–1000 экранов. И это не считая физических органов управления: кнопок, рычагов, переключателей. А ещё всё это должно работать на скорости 100 км/ч и не отвлекать от дороги. Илья Стариков из МТС рассказал, как устроен процесс разработки HMI (человеко-машинного интерфейса) в автопроме. Это не совсем UI/UX: здесь работают и с цифровыми экранами, и с физическими элементами, и с функциональной безопасностью. В статье есть разбор на примере системы автоматического дальнего света: от концепции до тестирования на полигоне. И забавный факт: ключ зажигания в Porsche слева, потому что так было удобнее стартовать на гонках в Ле-Мане. Решение осталось как часть ДНК бренда. Внутри: – Чем HMI отличается от классического UI/UX; – Как делают бенчмаркинг автомобилей: от запаха в салоне до карты экранов; – Почему у Porsche и «Копейки» ключ зажигания слева; – Пример разработки системы дальнего света от идеи до производства; – Кто входит в команду и как согласовывают логику работы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

laurent.craftwork.design

Ну что, всем привет) Давненько не было поста, целый месяц. А за месяц много чего случилось, от чего я радуюсь каждый день. В начале про цифры. Сервис пробил 12.000 пользователей. Ещё недавно было 10к (месяц назад). Сказать, что я в шоке, не сказать ничего. SEO продолжает набирать обороты и показы из поисковых систем достигли более чем 1 500 000. Я пока не осознаю эту цифру. При вложениях 0 рублей в маркетинг это супер результат для меня. 🔥 САМАЯ ГЛАВНАЯ ФИЧА. РЕФЕРАЛКА. УРА Теперь вы можете пользоваться платной версией бесконесно, даже её не оплачивая вообще. Просто зовёте друзей, знакомых, кто ищет работу, они оплачивают, вы и ваш друг получаете дни. Кол-во дней зависит от тарифа. От 2 до 20 дней. А ваш друг получит от 1 до 7 дней. Безлимитно. Вы получаете дни с каждой оплаты приглашённого пользователя. Найти всё это можно в профиле. Там же ведётся статистика. Пользуйтесь, пишите фидбек в лс, если чего-то не будет хватать Главное: рефка работает и с теми, кто уже зарегался. Если ваш друг уже есть в сервисе и оплатит по ссылке, вы и он получите дни. А не только новые зареганные. 🔘 Регион и страна Появились наконец-то новые фильтры, которые позволяют фильтровать по стране или региону. Чтобы быстро найти вакансии в тех локациях, которые вам нужны. 🔘 Калькулятор фрилансера Для SEO также я выкатил новую страничку, где можно рассчитать часовую ставку. Там же накинул прикольную анимацию на изменение суммы. Посмотрите, если не видели, я кайфую) Пока не знаю как покажет себя страница, через пару мес узнаем. 🔘 Исправления и баги Десятки улучшений и исправлений, чтобы сервис работал быстрее. Поиск теперь ещё шустрее стал вместе с фильтрами. Также немного почистил UI. И ещё я офигел от того, что буквально недавно начали расти отклики в менеджере откликов. Где-то кто-то посоветовал, видимо. Но это радует) Кол-во заведённых откликов за последние 3 мес выросло на 468%. Шок. А я приступаю к одной из самых сложных фич, но которая очень ожидаемая — кабинет рекрутера. Я хочу начать привлекать рекрутеров, чтобы они постили вакансии напрямую, управляли ими из hirehi, видели мэтч кандидатов, а кандидаты откликались прямо внутри сервиса, тем самым уходя от зависимости с другими платформами. А ну и да, теперь сервис мониторит 700+ телеграм каналов. Это почти весь рынок вакансий айти, который есть. Но я добавляю периодически. Спасибо всем, кто пользуется платформой и советует знакомым) Напомню, что я это делаю в две руки без знания кода — исключительно нейронками, как эксперимент. ➡️ Найти работу ➡️ Найти работу ➡️ Найти работу ч.22

Здесь вас ждёт плагин, который упростит процесс создания анимации Install 🖼️ Figma Дизайн

как эскимос на Атари боюь не допрыгнуть до следующей льдинки и утонуть не обсуждаем UI решения — только ощущения система не даёт чувство надёжности: не знаю, что будет за кнопкой, заголовком контролом, привычные контролы переехали слева направо, верхние — ушли вниз она ощущается хрупкой круто, что испытал на себе это ощущение не круто, что на предыдущую льдинку без джэйлбрейка не прыгну (играет Depeche Mode – Precious)

📱Посмотреть UI Kit📱 #uikit

Куратор воркшопа: Костя cn.core Что будет происходить: Пройдемся по истории графических интерфейсов, игровых менюшек, кнопок, ползунков - всего того, что связывает нас с пользовательским опытом на экранах телефона, планшета или компьютера. А затем разработаем свои собственные компоненты для рабочего экрана, применяя различные приёмы в дизайне Что понадобится: Figma и пара плагинов (скачаем на воркшопе) 🚩 4 января в 19:00 📌 Ссылка будет в канале в день воркшопа

- Освоишь базовый функционал Figma; - Узнаешь, как создавать трендовый дизайн; - Разберешься с UX и UI дизайном и интерфейсами; - Научишься использовать нейросети в дизайне; - Получишь советы по доработке своих проектов. 👉 Успей записаться до 7 января — участие бесплатно И сразу забери подборку от опытных дизайнеров: «30 важных сервисов для создания UX/UI-дизайна».

@figmatika — показывают плагины по делу: — куда нажимать — зачем — где ускоряет Видео + короткое объяснение. Быстро применяешь. @packetmaket — рабочие UI-макеты: — карточки — формы — таблицы Открыл — взял — вставил. Без «скачай архив». Посмотри, вдруг зайдёт.

You asked me in the comments which books helped me at the beginning of my design career, so I’m sharing the list here. All of these books are available in different languages. 1. Don’t Make Me Think — Steve Krug Teaches you to see interfaces through user effort and remove everything that makes people stop and think. 2. The Design of Everyуday Things — Don Norman Explains how design fails in daily life and how to build products that match human behavior. 3. Emotional Design — Don Norman Shows why emotions matter and how good design works not only logically, but emotionally. 4. Universal Principles of Design — William Lidwell et al. A clear overview of core design principles that apply across UX, UI, and product thinking. 5. Web Form Design — Luke Wroblewski A practical guide to designing forms that people actually complete without frustration.

В этом году Денис Абдуллин запустил обучение по UI-анимации в After Effects, с нуля до создания презентаций в стиле роликов Telegram. Денис 8 раз выигрывал в официальных конкурсах Telegram, где нужно было создавать подобные анимации. Сотрудники ведущих компаний проходят курс, некоторые даже целыми командами, а работодатели оплачивают прохождение курса своим сотрудникам. 🎄 До 31 декабря можно приобрести обучение себе или в подарок со скидкой или сохранить цену, приобретая от работодателя: https://interfaceanimation.ru/ Начните год с того, что давно хотелось освоить!

Каждый лид скажет своё: один требует исследования, другой сильный UI, третий «аналитический склад ума». А что на самом деле пишут в вакансиях? Я вот честно не особо вникал, пока не увидел эту статью. Илья Чирков из 2ГИС проанализировал 100 вакансий от 68 компаний: Яндекс, ВК, Сбер, Т-Банк и другие. Вытащил все требования, посчитал частотность и составил рейтинг. Топ хардов: проектирование, исследования, контроль разработки, аналитика, Figma. Но есть нюанс: сильный UI упоминается только в 20% вакансий, при этом слабый визуал часто становится причиной отказа. Внутри: – Пять главных хард-скиллов с разбором, как их качать; – Три ключевых софта: коммуникация, аргументация, проактивность; – Должен ли дизайнер проводить исследования; – Почему знание основ HTML и CSS всё ещё актуально. Вы когда последний раз смотрели детально, что там пишут в ваках в целом?)) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Статья рассказывает о сложностях автора при работе с UI-дизайном из-за отсутствия базовых знаний. Узнай, как автор преодолевает трудности и советует развивать устойчивый фундамент в дизайне Читать на дизайнерс | #статья

Статья расскажет о том, как улучшить ситуацию с дизайном в компании, где беспорядок или отсутствие единого стиля. Узнаете, как создать согласованный дизайн интерфейсов и продуктов Читать на дизайнерс | #статья