Дизайн

Почему азиатский UX работает по другим законам?

Почему западные интерфейсы стремятся к минимализму и упрощению, а азиатские, напротив, демонстрируют переизбыток информации? Почему в азиатских культурах, особенно в Восточной Азии, пользователи привыкли к большому объему визуального контента и считают важным иметь доступ ко всей необходимой информации сразу, а небольшое количества информации или выбора может вызвать недоверие? Почему то, что может показаться хаосом для европейца, для азиата — удобный и информативный интерфейс? 

Если вы тоже задаете эти вопросы, то статья «Как проектировать интерфейсы по азиатски: холистически и беспощадно» точно для вас! Расскажем чему западным и российским дизайнерам стоит учиться у WeChat, Naver, KakaoTalk, Alipay, Rakuten и TaoBaо.

Если хотите выйти за границы привычных паттернов и понять, как строится неочевидный, но очень эффективный UX восточных продуктов — обязательно прочтите!

Тебе не нужны курсы, чтобы стать дизайнером

Настоящие специалисты учатся иначе — и об этом честный и дерзкий разбор от Серафимы Михеевой в статье «Давайте разорим школы дизайна?». 

Почему курсы не превращают новичка в эксперта в UI/UX и зачем вместо «волшебной таблетки» брать в руки YouTube, стажировки, комьюнити и самостоятельные проекты? Серафима делиться своим мнением о том, почему  даже после дорогих курсов по дизайну остаются серьезные пробелах в знаниях. Автор делится лайфхаками по поиску ментора, оптимальным учебным алгоритмам и бесплатным ресурсам без ущерба качеству.

Идеальная формула обучения дизайнера от опытного ментора уже ждет вас в новой статье!

Figma запустила альфа-версию "Prompt to edit" — редактирование дизайна текстовыми командами

Figma объявила о запуске закрытой альфы функции "Prompt to edit", позволяющей редактировать дизайны через естественные языковые команды. Новая возможность доступна для 5000 пользователей платных планов и включает массовое редактирование, автоматическое создание вариаций и генерацию компонентов.

Функциональные возможности

"Prompt to edit" позволяет выполнять сложные операции редактирования через текстовые инструкции. Система понимает контекст дизайна и может применять изменения к множественным элементам одновременно.

Основные возможности включают:

• Массовое редактирование — изменение нескольких фреймов одной командой

• Вставка контента — добавление изображений и текста по промпту

• Быстрый ресайз — автоматическая генерация мобильных версий

• Создание вариаций — переключение между светлой и темной темой

• Генерация UI с нуля — создание новых компонентов текстовыми описаниями

Доступ и ограничения

Альфа-тестирование ограничено 5000 участниками с платными аккаунтами. Подать заявку могут только администраторы команд Professional плана (до 20 пользователей) или организаций Enterprise/Organization планов.

Требования для участия:

• Полная лицензия на платном плане

• Заявка подается администратором команды/организации

• Согласие с условиями Early Access Program

• Пользователи Starter и Education планов исключены

Figma подчеркивает, что заполнение формы не гарантирует участие, а отбор не зависит от порядка подачи заявок.

Техническая реализация

Функция интегрирована непосредственно в интерфейс Figma без необходимости внешних плагинов или расширений. Это обеспечивает бесшовную интеграцию с существующими рабочими процессами дизайнеров.

Система использует контекстное понимание дизайн-документов для выполнения команд, что позволяет избежать ошибок, характерных для универсальных ИИ-помощников.

Влияние на рабочие процессы

Внедрение текстового редактирования может кардинально изменить скорость создания дизайнов. Задачи, которые ранее требовали множественных кликов и точного позиционирования, теперь выполняются одной командой.

Потенциальные применения:

• Быстрое создание адаптивных версий интерфейсов

• Массовое обновление стилей в больших проектах

• Генерация A/B-тестовых вариаций

• Автоматизация рутинных операций дизайна

Конкуренция и позиционирование

Figma первой среди крупных дизайн-платформ интегрировала полноценное текстовое редактирование. Конкуренты вроде Adobe XD и Sketch пока предлагают лишь базовые ИИ-функции.

Это решение укрепляет позиции Figma как технологического лидера в области collaborative design и может стать конкурентным преимуществом в борьбе за корпоративных клиентов.

Монетизация и перспективы

На этапе альфа-тестирования функция бесплатна, но Figma планирует объявить модель ценообразования при широком релизе. Вероятно, "Prompt to edit" станет premium-функцией для Enterprise-клиентов.

Стратегические цели:

• Повышение продуктивности дизайнеров

• Снижение барьера входа для non-designers

• Интеграция в workflow DevOps команд

• Автоматизация design system maintenance

Технологические вызовы

Основные сложности связаны с пониманием дизайнерского контекста и намерений пользователя. ИИ должен корректно интерпретировать команды типа "сделать более современным" или "адаптировать под мобильные".

Также критично обеспечить обратимость операций и предотвращение случайного повреждения сложных дизайн-систем.

Я Сима, продуктовый дизайнер в Альфа-Инвестициях, ex ВТБ, Helper

• Менторю дизов, тестирую бесплатную платформу для обучения дизайнеров - регайтесь для получения доступов) https://soulandsense.ru/work

• Собираю обратную связь на дизайн приложений в закрытом чате «Меня бесит этот дизайн» @badbaddesign

• Веду телеграм канал, где пишу о дизайне, работе в Альфе, книнах и жизни https://t.me/simsimdesign

В IT уже всех много, поэтому хотим предложить вам альтернативу — дизайн. Тут тоже много чего связано с технологиями, а зарплаты не хуже. У нас тут есть витрина курсов, чтобы вы посмотрели и подумали:

— UX/UI дизайн

— Продуктовый дизайн

— Графический дизайн

— Коммуникационный дизайн

— Веб-дизайн

А если хотите разработку, аналитику, менеджмент или чего еще, заглядывайте сюда

Сидишь на работе, смотришь в окно и понимаешь, что вся эта рутина — не твое. И если в такие моменты возникает желание творить — значит, оно не случайно. Осталось найти ему верное применение.

А если не знаете, с чего начать — мы собрали подборку курсов по творческим направлениям. Может, что-то откликнется:

— Графический дизайн. Логотипы, айдентика и крутые визуалы для брендов.

— Иллюстрация. Персонажи, комиксы и арты — от скетчей до цифры.

— Гейм-дизайн. От механик и сюжетов до баланса и геймплея.

— Видеомонтаж. Кино, клипы и динамичные ролики из хаоса кадров.

— 3D-моделирование. Объёмные объекты, персонажи и целые миры с нуля.

Сохраняйте — пригодится, когда захочется попробовать что-то новенькое. А еще больше курсов найдете здесь.

Слишком много BIPV
(не бывает)

Тут сегодня PV-Magazine прислал новость, что некий японский стартап Monochrome Co., Ltd., который я не смог найти (потому что, баран, учил английский в школе) выпустил новый вид BIPV-модулей «серебряного цвета».

«Пф, ну, подумаешь! Серебряного. Их можно «раскрасить» в любой цвет», - подумал я, а потом, как понял, когда открыл новость на сайте! Оказывается, эти модули офигенно подходят не для фасадов, а именно для крыш в виде «солнечной крыши», но не в виде solar-tile, а как обычные модули, но с закосом под оцинкованную крышу. Смело. И свежо.

Однако, цены кусаются – 236 долларов за один 75-ваттный модуль, как мне кажется, дороговато. Если перевести в рубли – это порядка 19к руб. А обычный 75-ваттный модуль можно купить за +/-9к руб. Но вот вытянутость его – шикарный дизайнерский ход: 1915х384 мм – очень похоже на то, как раньше покрывали крыши оцинковкой.

Короче, модули для тех, кто хочет эстетики и красоты и не считает денег.

Спасибо @Arseniy_K за подгон сайта с картинками. Жаль, что в пост можно только одну вставить

Берешь вакансию мечты и откликаешься

Вместо того, чтобы

• начать с откликов на менее интересные позиции для тренировки прохождения собесов, чтобы прокачать soft skills

• пройти как можно больше тех.собесов и тестовых заданий, чтобы прокачать hard skills

• корректировать резюме и CV после каждого полученного фидбека от рекрутеров и нанимающих менеджеров

Гузель, дизайнер цифровых продуктов в Альфа-Банке,  решила пойти вопреки всем «правильным» инструкциям и карьерным гайдам и написала об этом статью.

Если вы уже год наблюдаете, как в бигтехе открываются и закрываются классные вакансии, но так и не откликаетесь, то тогда статья «АНТИ-План по устройству в бигтех, или Как всё пошло не по плану» точно для вас!

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

Собрались как-то UX-исследователь и эксперт по клиентскому опыту RUTUBE и решили разработать методологию, чтобы обосновано отвечать на вопрос: «Почему вы считаете, что именно это важно для пользователей?». Что из этого получилось, смотрите в выступлении на конференции Research Expo.

Наталия Александрова и Карина Пфайфле любят нестандартные задачи, поэтому смогли разработать «калькулятор для бэклога», который помогает вычислить, какая из доработок действительно сделает жизнь пользователя чуть лучше. В основе решения — комбинация экспертных оценок, анализа вторичных данных (отзывов пользователей и результатов исследований), а также эвристик юзабилити.

Больше о том, как разрабатывают медиасервисы, читайте в телеграм-канале Смотри за IT. Там делимся опытом и рассказываем о жизни в цифровых активов «Газпром-Медиа Холдинга» таких, как PREMIER, RUTUBE и Yappy.

Как сделать так, чтобы дизайнер и фронтендер не ругались

Противостояние дизайнеров и разработчиков носит уже почти легендарный характер. Этой теме посвящены десятки статей, видосов и докладов. Однако мы в компании уверены: чтобы лучше понимать друг друга, нужно просто следовать элементарным правилам.

1. Больше общаться.

Будет круто проводить кросс-функциональные встречи, потому что единое информационное поле — всегда хорошо. Можно даже назначить «дежурных» по взаимодействию — это ответственные люди от разработки и от дизайна, которые будут время от времени срезаться и обсуждать наболевшие вопросы.

Кроме того, если подключать фронтендера на этапе разработки прототипа, он сразу сможет подсказать, что будет сделать легко, а что сложно.

2. Следить за актуальностью UI-кита.

Это база. Чтобы всем было удобно работать, в макете должен быть UI-кит. Разработчик сразу будет видеть, какие шрифты и UI-элементы возникнут в проекте. И конечно, UI-кит важно оперативно обновлять и сообщать об этом отделу фронтенда.

3. Внедрять общий процесс на всех уровнях.

Во-первых, стоит настроить взаимное ревью: разработчик смотрит дизайн, прежде чем взять его в работу, а дизайнер — готовую страницу. Во-вторых, полезно использовать общие чек-листы. Например, у нас макет нельзя передавать дальше, пока не отрисованы все состояния. И в-третьих, хотя бы иногда нужно проводить совместные ретроспективы.

Общее же правило, как и в любой коммуникации — быть готовыми к компромиссам и доверять друг другу. Подробнее о правилах коммуникации между отделами дизайна и фронтенда мы рассказали в нашем блоге.

Дизайн-культура в InfoWatch: что и почему мы решили менять

За последние два года подход к дизайну в компании изменился – от оформления интерфейсов мы перешли к полноценному дизайн-процессу. Под «дизайн‑культурой» часто понимают что‑то абстрактное. На практике все проще: дизайн‑культура начинается не тогда, когда у вас есть Figma и дизайн‑система, а когда вся команда (не только дизайнеры!) начинает думать о пользователе.

О нашем опыте на этом пути, о том, что там с человеческим фактором, повышением доверия и прозрачностью процессов в новой статье рассказывает ведущий дизайнер интерфейсов Вадим Корольков.

6 книг, которые на меня повлияли. Из 300+ прочитанных

Делюсь подборкой любимых книг. Прочитал я не мало, поэтому было не просто выбрать лучшие. Но я постарался:

Антихрупкость (Нассим Талеб)

Почему не нужно пытаться предсказывать будущее и оценивать риски. Лучше: создать антихрупкую систему, готовую ко всему.

Вспомнить все (Арнольд Шварценеггер)

Биография Арнольда – спортсмена, бизнесмена, политика и актера. Показывает, как ставить цели и добиваться результатов в разных сферах.

Размышления (Марк Аврелий)

Философские заметки римского императора. Читать не просто, но мысли заложены важные, которые помогут жить и в современном мире.

Как работать по 4 часа в неделю (Тим Феррисс)

Помогает вырваться из офисного рабства и зарабатывать не за просиженные часы, а результат работы. 

Легко не будет (Бен Хоровиц)

История создания и развития бизнеса. Не такая красивая, как бывает в биографиях, зато реалистичная – показывает, как устроен мир.

Принципы (Рэй Далио)

Биография успешного инвестора и его советы по построению жизни и компании. Рэй смотрит на все, как на механизм. Очень здравый подход.

Есть еще множество другие книг, которые мне близки. В основном биографии: Стив Джобс, Илон Маск, Уилл Смит, Альберт Эйнштейн, Фил Найт, Ричард Брэнсон, Эдвард Сноуден, Говард Шульц, Уоррен Баффетт и др.

А какие книги повлияли на вас?

Вы не просили, но мы это сделали!

Вы когда-нибудь сталкивались с продуктом, который внешне работает безупречно и не вызывает нареканий у пользователей, но внутри команды становится постоянным источником стресса? Вроде все работает, жалоб нет, но столько сил уходит на поддержку, что проще переделать с нуля, чем каждый квартал латать старое. Именно такой кейс мы разобрали в статье: «развернули наизнанку» карты отделений и банкоматов, убрали баги под капотом, избавившись от устаревших паттернов и случайных доработок.

Это история не столько про дизайн, сколько про командные дискуссии, внутреннюю «магию» и вечный поиск баланса между новыми фичами и качеством старого функционала. Читайте полный бэкстейдж в статье «Редизайн, которого никто не просил, — а в итоге все довольны» на Хабре и узнайте, как на практике совершенствовать даже те продукты, которые внешне кажутся идеальными.

Ахиллесова пята патента на промышленный образец

Допустим, ваша компания что-то производит. К примеру, корпуса для серверных шкафов или детские площадки.

Скорее всего, с внешним видом изделия вы работаете в два этапа:

Первый. По вашей просьбе художник создает дизайн изделия и передает вам право на получение патента.

Второй. Вы получаете патент на промышленный образец и запускаете изделие в работу.

Вам кажется, что все законно.

Но через какое-то время вы получаете претензию. В ней просьба перестать использовать чужой дизайн. Отправитель вам не знаком и требует денег.

Возникают два вопроса:

1. Возможны ли ситуации, когда у дизайна изделия появляется еще один автор?

2. Защищает ли вас патент на промышленный образец от притязаний "нового" автора?

Ответ на первый вопрос: да, такие ситуации возможны.

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

В этом случае на свет появляется соавтор вашего дизайна. Он не давал вам разрешение на получение патента и защищает свои интеллектуальные права.

Другой пример. Ваш дизайнер фактически ничего не создавал: он подсмотрел внешний вид изделия в интернете и выдал его за свой труд.

В этом случае к вам обращается настоящий автор дизайна, защищая результаты своей интеллектуальной деятельности.

Ответ на второй вопрос: в описанной ситуации промышленный образец вас не защищает.

Все дело в разнице правовых режимов - авторские права защищаются по нормам авторского права, промышленный образец берегут нормы патентного права.

Разные правовые режимы не заходят на половину друг друга.

В примере выше налицо авторское право. Вы будете отбиваться от претензии, используя главу 70 Гражданского кодекса РФ.

Важно! Разборки с подателем претензии сами по себе не повлекут аннулирование вашего патента.

Поговорите с вашим адвокатом. Он предложит минимум два варианта выхода, если автор обвинил вас в посягательстве на его дизайн.

Попадались ли вам в интернете картинки, похожие на дизайн ваших изделий?

Сложности перевода (локализации) люстры

Буквально до этого года я старался использовать импортное программное обеспечение в оригинальном, если это англицкий интерфейс, исполнении. И дело не в том, что я адепт иностранных языков, вовсе нет. Это связанно с тем, что подавляющее большинство обучающих уроков иллюстрируется и объясняется в англицком интерфейсе. Когда твоё меню переведено с убогого и куцего на великий и могучий, то хрен порой разберёшься, вообще, о каком пункте меню идёт речь.

Но в этом году так получилось, что я перешёл на русский Adobe Illustrator - вот.

По ходу своей деятельности я непрерывно слышал, что локализация приложений - это зло. И я столкнулся с этим злом. Победил, конечно. Но противостояние было мучительным и долгим. Несколько часов. Пока я не попросил знакомого посмотреть, что я делаю не так, вообще. Знакомый быстро разъяснил мне, что я пользуюсь не тем языком и прислал скрин своей люстры.

Найдите 10 отличий:

Компания Range Rover впервые с 1970 года обновила визуальную айдентику и представила свой новый минималистичный логотип из двух вертикальных букв «R» — одна из них инвертирована. Новый знак дополняет классический логотип, но не заменяет его.

В компания отметили, что ребрендинг приурочен к выходу первого электромобиля Range Rover, который ожидается в конце 2025 года. Новый логотип будет использоваться в рекламных материалах, на этикетках, аксессуарах и элементах интерьера.

Где учиться дизайну

Привет! Мы на Хабр Карьере собираем сотни онлайн-курсов для тех, кто хочет освоить специализации в IT или digital или прокачивать навыки, чтобы, например, расти в квалификации.

Сегодня собрали подборку обучений для тех, кто хочет учиться дизайну с нуля и для тех, кто уже в профессии, но чувствует, что хочет прокачать навыки. Вообще все курсы по специализации можно посмотреть здесь, а ниже оставляем ссылки по ключевым навыкам:

— UX/UI дизайн

Проектирование удобного и понятного интерфейса. UX отвечает за логику и поведение, UI — за внешний вид. Вместе делают цифровой продукт понятным и приятным в использовании.

— Продуктовый дизайн

Комплексный подход: дизайн, аналитика, пользовательский опыт и цели бизнеса. Продуктовый дизайнер думает не только о кнопках, но и о том, как продукт решает задачи людей и приносит прибыль.

— Графический дизайн

Создание визуального контента: от постеров и логотипов до иллюстраций и айдентики. Помогает донести идею через форму, цвет и композицию.

— Коммуникационный дизайн

Дизайн, который работает на смысл: как визуально передать сообщение, усилить бренд и сделать коммуникацию понятной. На стыке маркетинга и дизайна.

— Веб-дизайн

Разработка внешнего вида сайтов и веб-приложений. Включает структуру страниц, визуальные элементы и адаптацию под разные устройства — всё, чтобы пользователю было удобно.

А еще мы всегда говорим, что кроме хард-скилов важно прокачивать софты — такие курсы на маркетплейсе тоже есть. А если хочется поменять вообще все, то там же вы можете найти обучение в другой сфере. Просто переходите в раздел и выбирайте, чему хотите научиться.

А чтобы вы могли проверить качество курсов, мы собираем отзывы о тех, кто уже прошел обучение — так что читайте и выбирайте лучшее для себя.

→ Смотреть курсы по всем специализациям

Прощайте, танцы с бубном! Figma наконец-то добавила эффект стекла iOS 26

Дизайнеры, кто помнит, как мы страдали, пытаясь повторить "стеклянный" эффект из новенького iOS 26 в Фигме? Эти попытки создать блюр при помощи костылей, которые съедали все нервы...

Отныне можем выдохнуть.

Только что Figma Desktop встретила меня радостным попапом: "БРООО! ОНО ВЫШЛО!".

Речь идёт о новом фильтре "Glass Effect" (см. превью), который теперь официально доступен. И даже есть коммьюнити-проект от Apple с пояснениями, как им пользоваться.

Если коротко: Figma добавили отдельный фильтр во вкладке "Effects". Но учтите: работает он только на фреймах. На обычных шейпах применяться не будет.

Бьюсь об заклад, что в ближайшее время в Pinterest появится куча новых проектов с использованием этого эффекта. Мне вот только интересно, что разработчикам делать? Уже есть спецы могущие перевести этот эффект в код?

Andrew Yaros воссоздал Apple Lisa. Это один из первых ПК, где появился курсор, иконки и окна в привычном нам виде. Визуальная система, типографика и поведение интерфейса сохранены точно как в оригинале.

Lisa стоила 9995 долларов, не выдержала конкуренции, но задала основу, по которой до сих пор строится графический интерфейс. Теперь её можно запустить в пару кликов и буквально вернуться в момент, когда интерфейсы только начали обретать форму.

Обожаю эстетику, в которой всё подчинено структуре: минимум элементов, монохром, строгость. Залипла уже на пол часа. Ностальгируем с удовольствием тут

Эстетика-юзабилити

Всем привет, на связи Вадим, я BI-аналитик и хочу затронуть тему интересную для меня тему. Мой канал в тг: https://t.me/breaking_data

В UI/UX-дизайне и BI-аналитике в частности есть такой эффект - эстетика-юзабилити. Основывается он том факте, что люди воспринимают "привлекательные" продукты как "удобные" и "полезные", даже если никаких отличий от аналогов нет. Важно отметить, что данный эффект работает только в тех случаях, когда никаких значимых технических или функциональных отличий у продуктов нет.

Подсмотрел этот термин у @nastengraph в отношении dataviz'a, но его вполне можно экстраполировать и на другие сферы. Не хочу быть Тайлером Дерденом, но мы живем в мире фаст-фуда. Уйма компаний построены лишь на факте того, что их Бренд или продукт были более "привлекательными" для потребителей:
Telegram - на момент его выхода уже существовал What's Up и был монополистом.
Apple с Iphone - десятки и сотни брендов, боровшиеся за первенство, но все решил пользовательский опыт. Сегодня в целом трудно представить как рынок смартфонов (читать "рынок монополий"), мог быть зеленым, где не было яркого лидера.
Яндекс - долгое время в лидерах российских браузеров был Рамблер, кто-то вообще помнит что это?
FaceBook - да, сегодня этому явлению трудно подобрать определение, но когда-то это был ультимативнопрорывной продукт, затмивший остальные соцсети.

Все вышеперечисленные компании - это IT/Tech сектор. Можно разобрать и более низкоуровневые примеры бытовой жизни.

Например, почему мы выбираем одну кофейню, хотя рядом может быть дешевле и вкуснее? Часто — из-за атмосферы, шрифта в меню, музыки, света и логотипа на стаканчике. Та же история с супермаркетами, где "упаковка" важнее продукта. Или с автомобилями, где бренд и "статус" и составляют ценность.

Что это значит?
Визуальная подача - имеет значение. В аналитике, жизни, при создании своих проектов всё это не только «про красоту», но и про доверие, удобство.

Мораль: эстетика — это не просто "украшение". Это часть восприятия юзабилити. Не только в BI, где «понятный» отчет часто означает «эффективный» отчет, или любом другом продукте. Красота может и не спасти плохой продукт, но точно может дать хороший шанс среднему (Хотя Феррари до сих пор покупают, возможно, силы эстетики еще изучены в недостаточной степени)