🍎 Куда пропало легендарное внимание Apple к деталям?

Джон Озбей критикует падение качества UX в продуктах Apple за последние 8-10 лет. Главные проблемы: приложение Напоминания каждый раз при запуске требует доступ к геолокации без опции «Больше не спрашивать», панель поиска находится в разных местах в разных приложениях (справа в Finder, слева в Картах, по центру в Контактах), а дизайн вкладок не унифицирован. iOS 26 усугубила ситуацию: в тёмном режиме не видны названия папок в приложении Файлы, значки в меню «Поделиться» отображаются некорректно, а новый эффект liquid glass делает текст в iMessage практически нечитаемым на фоновых изображениях. WebKit в iOS 26 сломал вьюпорты во всех сторонних браузерах, из-за чего контент скроллится под UI-элементами. В Safari кнопки панели мигают как сигнал SOS, а фиксированные элементы становятся недоступными при скролле. Внутри: – Почему панель поиска в Finder теперь практически невидима; – Как режим уменьшенной прозрачности создаёт чёрные панели в интерфейсе; – Почему эффект liquid glass на iPad не исчезает при наведении мыши; – Как iOS 26 заставляет выбирать фоновое изображение, делающее текст нечитаемым; – Почему переключение вкладок теперь требует двух касаний вместо одного; – Как новый дизайн ускорил разрядку батареи на iPhone 12/13 mini. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🏗️ Как студент-энергетик стал UI/UX-дизайнером в металлургической компании НЛМК

Автор, изучавший электроэнергетику в СПбПУ и получивший удостоверение электромонтёра 4-го разряда, рассказывает о стажировке в «Академии стальных возможностей» НЛМК. Из множества заявок до финальных собеседований дошло только 10-15 человек, а ключевую роль в отборе сыграло портфолио. Стажировка включала три этапа: онлайн-обучение с погружением в процессы компании, вводную практику с 4-дневной командировкой на производство в Липецке, и самостоятельную работу над реальными задачами. Среди проектов: разработка AI-сервиса для генерации интерфейсов, подготовка дизайн-системы для публикации в комьюнити и оптимизация интерфейса единой цифровой платформы. Главное открытие: в промышленности дизайн — это не про красоту, а про функциональность в условиях высоких рисков и критически важных операций. Внутри: – Почему производственная площадка в Липецке — это город в городе; – Как MES-система помогла понять специфику промышленного дизайна; – Зачем НЛМК развернул собственный AI-чат для сотрудников; – Какие проблемы UX решались: незаметные кнопки в сайдбаре, непонятная навигация; – Почему «красивый» интерфейс не работает в тяжёлой металлургии; – Как стажёр освоил Jobs To Be Done и продуктовый подход. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Институт цвета Pantone раскритиковали за выбор цвета 2026 года. Им стал мягкий оттенок белого под названием Cloud Dancer, в чем некоторые СМИ и пользователи соцсетей увидели бестактность. Комментаторы связали выбор белого оттенка с символикой элитарности и недоступности и даже провели параллели со скандальной рекламой American Eagle, якобы продвигающей идеи чистоты генов.

Представители Pantone в ответ на критику опубликовали официальное заявление в соцсетях, в котором подчеркнули, что оттенок Cloud Dancer не имеет политической подоплеки и символизирует расслабление, рефлексию и пространство для созидания — «чистый лист», на котором рождаются новые идеи. 🔹The Blueprint News
Изображение поста

🔔 Inspiration #162

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pithafrica.com – dbco.online – heyo.is – mixpanel.com – wand.app ——— – azionepr.com – leoleo.studio/en-gb – blueyard.com – entreautre.com/en – recent.design ——— – dribbble.com – afnizarnur.com – kons.fyi – allo.restaurant – tryprofound.com/zeroclick ——— – 7shifts.com – icggallery.irisceramicagroup.com/en – caffe.design – bekventures.com – parallel.ai ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🌈 Google выпустили Nano Banana Pro aka Gemini 3 Pro Image. Главное из обновления:
• Нейронка генерирует изображения в 1, 2 и 4K с качественным рендерингом текста. Она не искажает типографику на макетах, плакатах, чертежах и инфографике • Поддерживает многоэтапные правки: можно последовательно вносить изменения в созданное изображение с помощью промтов • Использует поиск Google для проверки фактов и генерации изображений на их основе, например карт погоды или биржевых диаграмм • Работает с 14 референсными изображениями одновременно. Из них пять могут быть с персонажами, а шесть — с предметами, и нейронка сохранит их внешний вид в сгенерированной картинке • Можно редактировать ракурс, фокус, освещение и цвета, а также менять часть изображения Получившиеся изображения маркируются незаметным цифровым водяным знаком SynthID. В приложении Gemini можно проверить, картинка оригинальная или сгенерированная. Саймон Уиллисон протестировал и описал возможности модели. Он продемонстрировал, как нейронка справляется с многоэтапными правками и генерацией инфографики. Стоимость использования нейронки по API: 24 ¢ — за изображение в 4K и 13 ¢ — за изображение в 1 или 2K. #инструменты
Изображение поста
Трудно поверить: 87% дизайнеров часами ищут референсы и вдохновение
Ловите 2 канала, чтобы решить эту проблему: Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры
🛒 Почему покупатели возвращают товары и как дизайн помогает это исправить
Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов. Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным. Внутри: – Замеры одежды прямо в карточке вместо таблиц размеров; – Виртуальные примерки на 3D-аватаре или похожей фигуре; – AR-функции для проверки мебели и техники в интерьере; – Умные резюме и поиск по отзывам; – Сравнение цен от разных продавцов в один клик. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
💎 Методика Сигаевой: как создать продукт через связку CX→UX→UI
Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя. Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя. Внутри: – Почему кнопка «Купить» в баннере лендинга не работает без контекста; – Как метод «снежного кома» помогает найти реальных пользователей; – Зачем фиксировать драйверы и барьеры на каждом этапе CJM; – Почему wireframe делают монохромным для фокуса на структуре; – Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок; – Как эффект баннерной слепоты влияет на расстановку акцентов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Трудно поверить: 87% дизайнеров часами ищут референсы и вдохновение
Ловите 2 канала, чтобы решить эту проблему: Макеты Figma — коллекция реальных сайтов в формате Figma. От простых лендингов до интернет магазинов Много дизайна — культовый канал, откуда черпают вдохновение и новички, и опытные дизайнеры
Во многих приложениях начали подводить персонализированные итоги года пользователей
Обычно слайды представлены в формате сторис. Вот как например это выглядит в YouTube. Делитесь референтами итогов года из приложений в комментариях. 🖼️ Хороший интерфейс
📊 От данных к решениям: UX-стратегии для дашбордов реального времени
Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания. Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе. В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение. Внутри: – Почему человек может обработать только 5 элементов одновременно; – Как скелетные UI заменяют спиннеры и снижают тревожность; – Зачем показывать «Данные на 10:42» при сбоях подключения; – Почему спарклайны эффективнее полноценных графиков; – Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию; – Какие ARIA-регионы помогают озвучивать изменения для скринридеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Ну не понравились заказчику мои концепты, которые я делал на своё усмотрение за отсутствием чётких ориентиров.., бывает. Ну сказал заказчик, что они хуже.., ну что ж теперь. Будь я даже лет на 5 моложе, пустился бы может быть в занудные выяснения-прояснения, писанину-обсуждения.., но сейчас мне всё это уже так надоело, что мы без лишней суеты и длинных текстов просто выбрали определённый референс, и я безо всякой рефлексии спокойно сделал новые варианты, которые заказчику очень понравились.
Вот один из них. Это пойдёт на продуктовую упаковку, дизайн которой уже давно сделал другой автор. Но я показываю просто надпись. И да, я очень рад, что ко мне всё чаще обращаются за кириллицей!
Изображение поста
🔧 Как поддерживать компоненты дизайн-системы после запуска
Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Где искать референсы и как с ними работать?
Привет! На связи Алиса – лид-дизайнер студии UPROCK 👋🏼 Уже больше трех лет работаю в команде и курирую коммерческие и учебные проекты. Если смотрели предыдущие разборы – возможно, мы уже знакомы 😊 Сегодня в видео разбираем тему, без которой невозможно сделать современный, стильный и продуманный проект: как работать с референсами и зачем они нужны дизайнеру. Кажется, что референсы – это просто набор красивых картинок, но на самом деле это фундамент, на котором строится вся визуальная концепция. Особенно, если вы начинающий дизайнер: насмотренность, поиск направлений, анализ трендов – все это рождается именно здесь. 📌 В видео я показываю на примере студенческого проекта, как правильно проходить этот путь: • Эмоции и атмосфера. Выпишите все ощущения, которые ассоциируются с темой проекта и выделите из них ключевые – именно они задают визуальный вектор. • Поиск на Pinterest. Pinterest – отличный инструмент, но важно не ограничиваться 3–4 картинками. Собирайте десятки вариантов, анализируйте, что цепляет: свет, линии, движение, мелкие декоративные элементы. • Отбор идей. Выделяем, какие именно приемы будут создавать настроение дизайна: линии, направление, акцентный объект. • Изучение реальных сайтов. Очень важно смотреть не только короткие вдохновляющие фрагменты, но и полноценные интерфейсы. • Определение композиции. Составляем френки – он помогают увидеть структуру будущего сайта без цвета и контента. Работа с референсами – это этап, который экономит вам недели поиска решений и помогает прийти к цельному, продуманному и эстетичному дизайну. А ниже делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения: ⚡️Татьяна Бравина – Портфолио ⚡️Элина Шакирова – SOLUM ⚡️Валерия Кожухова – EMBER & ECHO ⚡️Валерия Микшина – Nude Project ⚡️Арсений Щукин – TRENDTHREAD
📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса
Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Ну что же)
Этот разворот стоил мне больше недели времени и пяти подписчиков в канале 🤷 но без него никак не получается сформулировать контекст ко времени петровской реформы кириллицы, а без петровской реформы кириллицы не получится закончить исторический раздел) Но ничего, материалы на оставшуюся часть «от Петра до Ревильона» уже натащены в макет, так что осталось недолго :) Буду делить их на две главы — «Нетипичная кириллица XVI–XVIII веков и реформа Петра I» и «Кириллица после Петра I до середины XIX века»
Изображение поста
🔍 Как по-настоящему понять пользователя: от Double Diamond до нейросетей
Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями. В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово». Внутри: – Почему важно визуализировать карту проблем в Miro или FigJam; – Какие метрики запрашивать у аналитиков для валидации гипотез; – Зачем платить респондентам $60-100 за интервью; – Как формулировать Problem Statement через паттерн потребности; – Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую; – Какие 30 из 80 болей email-пользователей закрыли в MVP. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #161
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – kinhive.com – turn.io – rierastudio.com/en – literal.club/book/the-ride-of-a-lifetime-gcw03 – nicolasbussiere.com ——— – clay.earth/apple-vision-pro – goosebumps.epic.net – firstframe.fr – doubleplay.studio – benjamindauton.com ——— – cobot.co – figma.com/slides – bradleyziffer.com – cluely.com – lemon.io ——— – quadplex80.com – helmutagency.com – miter.com – aether1.ai – mikkisindhunata.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
«Ошалеть! Я столько пользы ни от одного индуса не видел»
Рефодушка со Львом-королём-фичей — уже на ютубе! Лев показал нам, как завайбкодил и как работают аж 4 его продуктика (как он их называет!) Плагин для Json, бенто-конструктор, кристаллическая мини-игра и плагин-словарь синонимов — всё это не просто развлекухи, а инструменты, через которые Лев челленджит паттерны, перетекающие потом в продукт. Потому что мы, как дизайнеры, должны сами тянуться и стараться ВСЕГДА сделать лучше, вплоть до мельчайших деталей 🤙🤙 Полезности: ● Bento — плагин для фигмы, помогающий собирать картинки в красивые бенто. Просто выбираете фрейм с содержимым, которое хотите упорядочить, запускаете плагин и успех! Он каждый раз создаёт новый макет и автоматически адаптируется к размерам фрейма 🙂 ● Каждый дизайнер должен уметь хорошо писать — это аксиома! Так что, пытаясь сделать UX-тексты лучше, Лев начал общаться с разработчиками, которые посоветовали ему плагины для расщифровки Json с некрасивыми логотипами. В итоге пришлось собрать, расшифровщик Json для Safari самому (и работать точно стало приятнее) ● Залипательная игруля с кристалликами, которые стукаются друг об друга с мелодичными звуками. Не открывайте в разгар рабочего дня! ● Scripter — тулза, помогающая быстро (и безболезненно) загружать ваши плагины в Figma. Лев делился крутым лайфхаком: сначала просишь любую нейронку сделать тебе код (не заморачиваясь с промптом, буквально: напиши скрипт для Figma, который будет переименовывать все выделенные фреймы, каждый в рандомный эмодзи. Никакого UI, обработки ошибок, только скрипт для Scripter на TypeScript). Затем вставляте готовое в Scripter, запускаете — и погнали 🤩 👀 Смотреть выпуск на ютубе *** 🌱 Делаем ролики при поддержке менторского сервиса Duo Sapiens — ловите промик CFVJPDFYTW3K на 50% скидку на первую сессию. Оставляйте заявку на сайте duosapiens.ru
Изображение поста
Мы много лет чувствовали, что то, как мы ищем визуалы онлайн, сломано. Застряло на технологиях 2001 года. Мы хотели чего-то более плавного, умного и быстрого.
Представляем Spiral — наш новый визуальный поисковик. Ищите что угодно — неясную идею, сложный бриф или даже одно изображение. Spiral возвращает организованные, многопоточные результаты за секунды, охватывая то, о чём вы думаете, с разных сторон. Всё в одном окне — без необходимости прокручивать. Смотрите временные линии, эстетику, референсы и связи. Spiral уже запущен. 🔗 soot.com #ЩLAB by r.