Как дизайн построил самую успешную компанию в мире
<img src="https://habrastorage.org/getpro/habr/upload_files/7e4/150/1b9/7e41501b940f61293ceff34656e1f0cb.png" /><p>Представьте следующую ситуацию. На дворе 1997 год, самый бум технологического прогресса, а твоя компания теряет почти 2 миллиарда после череды неудачных решений. Стоимость акций падает с 70$ в 1991 году до 14$ в 1996. Кажется, это конец некогда самому амбициозному стартапу столетия. Но не все так однозначно</p> <a href="https://habr.com/ru/articles/992802/?utm_campaign=992802&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Кейс-малютка по проектированию интерфейсов
<img src="https://habrastorage.org/getpro/habr/upload_files/e21/798/600/e21798600b97e857d514d1e6351d07c1.png" /><p>Сегодня задача очень простая: надо в карточке контрагента добавить флаг «Работает с НДС». Ну, тут всё просто. Открываю Axure, иду на страницу редактирования контрагента и вставляю там чек-бокс между полями «ИНН» и «Заметки».</p><p>Опытные разработчики сразу по картинке увидят, в чём косяк такого решения. А я вот что-то зазевался. И пошёл дальше, в карточку контрагента…</p> <a href="https://habr.com/ru/articles/992308/?utm_campaign=992308&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Учимся предсказывать конверсию в завершение опроса. Часть 1
<img src="https://habrastorage.org/getpro/habr/upload_files/616/91b/ad4/61691bad430c0a16cdef1d0393b602a1.png" /><p>Всем привет! На связи Ульяна Айкович и Даниил Гурин — исследователи «БКС Мир инвестиций». Сегодня мы хотим поделиться результатами нашего небольшого, но довольно смелого эксперимента — попытки предсказать конверсию в прохождение опросов.</p><p>Каждый исследователь знает, как трудно удержать внимание респондентов. Особенно в опросах. Один лишний вопрос, одна лишняя картинка в анкете или лишняя минута времени для заполнения опроса — и человек закрывает вкладку. А ведь каждый ответ на вес золота. Поэтому мы решили разобраться: что именно определяет, дойдет ли человек до конца опроса или бросит его на полпути? Можем ли мы заранее это предсказать?</p><p>В статье более подробно рассказали о первой итерации нашего эксперимента!</p> <a href="https://habr.com/ru/articles/991710/?utm_campaign=991710&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Статья, полезные ссылки и литература</a>

Переехали из многоэтажного монстра в уютную субурбию: как мы улучшаем процесс онбординга
<img src="https://habrastorage.org/getpro/habr/upload_files/20a/58e/4b3/20a58e4b367982c469356237716516f9.jpeg" /><p>Привет, Хабр! Как вы думаете, с чего начинается путь <s>самурая</s> пользователя? Правильно, с онбординга. Онбординг — это не просто анкета «для галочки», а первый диалог продукта с пользователем. От того, насколько он понятен и предсказуем, зависят и конверсия в заявки, и нагрузка на службу поддержки. </p><p>Меня зовут Лена, я работаю дизайнером интерфейсов в ЮMoney. В этой статье делюсь опытом проведения A/B-тестирования изменений процесса онбординга на сайте для B2B-клиентов. Вдруг те же «слепые зоны» и сложные формы есть и в ваших продуктах? Наши решения окажутся вам полезны и помогут улучшить клиентский путь.</p> <a href="https://habr.com/ru/articles/991712/?utm_campaign=991712&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Продуктовая колористика: основы работы с цветом
<img src="https://habrastorage.org/getpro/habr/upload_files/13f/f4f/2d8/13ff4f2d82992a4221655c582e9826cf.png" /><p>Первая часть из микро-цикла статей о продуктовой колористике, который поможет дизайнерам, работающим с интерфейсами, глубже изучить вопросы колористики и её системности в продукте</p> <a href="https://habr.com/ru/articles/991464/?utm_campaign=991464&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Правила выживания дизайнера на заводе: от Figma к ГОСТам
<img src="https://habrastorage.org/getpro/habr/upload_files/967/32e/2dc/96732e2dcb028594153402b3814cc62f.jpg" /><p>Пока вы спорите о скруглении углов в новой дизайн-системе и попиваете лавандовый раф, где-то в Челябинске ослепленный бликами от раскаленной стали оператор пытается разглядеть ваш элегантный серый шрифт на мониторе 2012 года выпуска. Спойлер: у него не получается. </p><p>Дизайнеры, приходящие из разных сфер в Heavy Digital, совершают одни и те же ошибки. Они становятся очевидными только тогда, когда ты снимаешь белые кроссовки, надеваешь каску, проходишь инструктаж по технике безопасности и заходишь в реальный цех.</p><p>С 2020 года я набила достаточно шишек, пытаясь подружить стерильную эстетику Figma с суровой реальностью ГОСТов и промышленных мониторов.&nbsp;</p><p>Добро пожаловать в цех! Разберем по полочкам, как не провалить проект на этапе компонентов.</p> <a href="https://habr.com/ru/articles/991372/?utm_campaign=991372&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Лучшие нейросети для генерации изображений — Рейтинг ИИ для создания фото и картинок в 2026 году
<img src="https://habrastorage.org/getpro/habr/upload_files/744/ccb/813/744ccb8135df6d3e341ad96c4265b9f8.jpeg" /><p>Нейросети для создания фото и картинок — это больше «не игрушка для социальных сетей», а олицетворение сегментированного рынка продуктов, каждый из которых имеет как свои сильные стороны, так и слабости. Сложность в выборе также создают понятные неудобства, обусловленные наличием коммерческих лицензий и способами оплаты. Впрочем, в Сети достаточно информации, как обходить ограничения, а для вашего удобства мы составили рейтинг лучших нейросетей для фото и картинок 2026 года, в котором есть и универсальные решения!&nbsp;</p><p>Для объективности мы прогнали всех участников рейтинга, создав простой и незамысловатый промпт, чтобы также оценить простоту работы с нейросетями с «колокольни» начинающих пользователей.&nbsp;</p> <a href="https://habr.com/ru/articles/989602/?utm_campaign=989602&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Я сгенерировал 1000 авто, FLUX.2 как инструмент дизайнера
<img src="https://habrastorage.org/getpro/habr/upload_files/55b/b51/fd1/55bb51fd1a16e70019bf516481a76a5d.jpg" /><p>Представьте, что вы дизайнер. Вам предлагают сделать концепт авто и показывают фотографии BMW, но вы ужасно рисуете автомобили и вообще учились не для этого. Но таск уже закреплен за вами, что же делать? Пора тестировать нейросети, а конкретно FLUX.2.</p><p>Я сгенерировал более 1000 авто в различных тестах, по которым мы и пройдемся в этом посте, а в конце придумаем менее уродливую семерку BMW.</p> <a href="https://habr.com/ru/articles/991194/?utm_campaign=991194&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Смерть от тысячи кликов. Как «просроченный» UX убивает B2B-системы и что с этим делать
<img src="https://habrastorage.org/getpro/habr/upload_files/c70/2ee/439/c702ee4394a043fde9de8e091db28a93.jpg" /><p>Привет, меня зовут Александр Попов, я работал в «Цифре» старшим продуктовым дизайнером. </p><p>Представьте, что вы заходите на кухню за утренним кофе и чувствуете... <em>этот</em> запах. Запах тлена и легкой безысходности. Заглядываете в холодильник, а там, в самом дальнем углу, притаился йогурт. Судя по дате годности, он старше, чем ваша первая любовь, и видел Ленина. Знакомая ситуация? Точно то же самое происходит с UX, особенно в суровом мире B2B-платформ, где интерфейсы могут не меняться десятилетиями. Этот «просроченный» UX не просто дурно пахнет — он активно пытается испортить вам жизнь, карьеру и веру в человечество.</p> <a href="https://habr.com/ru/articles/991168/?utm_campaign=991168&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как я подготовился к первому whiteboard + бонус: интервью с дизайн лидом Т-Банка про найм
<img src="https://habrastorage.org/getpro/habr/upload_files/929/f17/556/929f17556ea3eb07806efe718b6049d6.jpeg" /><p><strong>Кому будет полезно:</strong>&nbsp;дизайнерам, готовящимся к whiteboard, особенно тем, кто сталкивается с этим форматом впервые.</p><p><strong>Что внутри:</strong>&nbsp;личный опыт прохождения whiteboard в Т-Банке и инсайды от лида, который проводит десятки таких собеседований.</p><p><strong>Главный вывод:</strong>&nbsp;whiteboard проверяет не решение, а ваше мышление, умение задавать вопросы и работать в диалоге.</p><p>Я Андрей - продуктовый дизайнер в Т-Банке, до этого был в Госуслугах.<br> <br> Мой первый whiteboard был на собеседовании именно сюда.До этого у меня всегда были либо тестовое задание, либо разбор кейсов. Все проходило довольно привычно. Здесь же рекрутер сам предложил пообщаться, о смене работы я не думал.</p><p>Дальше была стандартная цепочка: скрининг, техсобеседование, портфолио. А потом HR сказал: "Договоримся о дате whiteboard". Для меня это было в новинку.</p><p>Конец квартала, праздники, переносы. До запланированной даты оставалось довольно много времени.</p><p>Я понял, что просто прийти и как-нибудь решить не получится. Начал читать все подряд: статьи, треды, чужие истории. Сначала в голове была каша — слишком много подходов и советов. Потом постепенно стало понятно, как вообще работает формат. И главное — стало ясно, что одной теории недостаточно. Нужно тренироваться.</p> <a href="https://habr.com/ru/articles/991020/?utm_campaign=991020&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Прозрачность как главный UX-принцип: что не должен скрывать интерфейс инженерных продуктов
<img src="https://habrastorage.org/getpro/habr/upload_files/4fb/730/a05/4fb730a05c76770a27eb6110c3de5454.png" /><p>Привет, Хабр! Меня зовут Ксения Ершова. Я работаю UX-проектировщиком <a href="https://selectel.ru/services/cloud/managed-databases/?utm_source=habr.com&amp;utm_medium=referral&amp;utm_campaign=cloud_article_transparentux_300126_content" rel="noopener noreferrer nofollow">облачных баз данных</a> в Selectel. В этой статье я подробнее расскажу, почему минималистичный подход в инженерных продуктах ошибочен и покажу на своем кейсе, почему важнее всего — прозрачность. Заглядывайте под кат!</p> <a href="https://habr.com/ru/articles/990496/?utm_campaign=990496&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн за 5 минут. Дайджест января 2026
<img src="https://habrastorage.org/getpro/habr/upload_files/5d2/316/33a/5d231633af1e25b2347b98023bc7c810.png" /><p>Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight. И хотя год только-только успел разогнаться, я уже насчитал 9 новостей и находок из мира дизайна, достойных внимания:</p><p>1. Виртуальный музей ЮНЕСКО с украденными произведениями искусства.<br>2. Статистика Shopify за 2025 год в формате интерактивного сайта.<br>3. Сайт Voltpile — победитель DesignRush как лучший сайт января.<br>4. Брендинг DTFA от студии Zamora.<br>5. Новое приложение бренда MONOCHROME для iOS.<br>6. Новая айдентика для радио NRG от Студии Лебедева.<br>7. MTV Rewind — сайт-память об ушедшем канале.<br>8. Сборник классных микро-UI взаимодействий Detail.<br>9. Подборка инфографики за 2025 год от Тани Мисютиной.</p> <a href="https://habr.com/ru/articles/990560/?utm_campaign=990560&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Погнали</a>

Оформление листинга и превью товаров в интернет-магазине: 7 ключевых правил UX
<img src="https://habrastorage.org/getpro/habr/upload_files/ee2/483/213/ee248321301574544fe2e785688f8adf.jpg" /><p>Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в&nbsp;KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.</p><p>Сегодня публикую материал из внутренней базы знаний — обо всём, что касается правильной работы с листингами. Вы узнаете, почему важно уделить внимание листингам товара с точки зрения UX, что обязательно должно быть в превью карточек товаров, почему стоит избегать функционала «Быстрый просмотр» и чем его заменить.</p> <a href="https://habr.com/ru/articles/989866/?utm_campaign=989866&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Кислотные ловушки: как неправильный угол на печатной плате может «съесть» вашу дорожку
<img src="https://habrastorage.org/getpro/habr/upload_files/6ce/328/edc/6ce328edced74dccdcd41fc0d1af4e37.jpeg" /><p>Сегодня поговорим об одной из тех коварных проблем, которую не увидишь невооруженным глазом, но которая способна тихо и методично «убивать» вашу печатную плату уже после производства. Речь пойдет о кислотных ловушках (acid traps). Это не брак оборудования, а прямое следствие некоторых решений на этапе проектирования. Давайте разберемся, что это, почему возникает и как этого легко избежать. </p> <a href="https://habr.com/ru/articles/989794/?utm_campaign=989794&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Тесты первого клика: как знание статистики помогает делать правильные выводы?
<img src="https://habrastorage.org/getpro/habr/upload_files/25d/ed5/e02/25ded5e02681d801a45a03cb5362b646.jpg" /><p>На связи Ульяна Айкович, UX-исследователь и адепт статистики из БКС Мир Инвестиций. Сегодня я расскажу, в каких случаях применять статистические тесты, как легко реализовать их в гугл-таблицах, а также, как интерпретировать результат этих тестов. Не бойтесь, будет много практики и совсем немного важной теории.</p><p>В статье детально расскажем, как и когда применять биноминальный и χ²-тесты на наших кейсах.</p> <a href="https://habr.com/ru/articles/989462/?utm_campaign=989462&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

8 трендов в дизайне интерфейса без эффектов ради эффектов
<img src="https://habrastorage.org/getpro/habr/upload_files/0c2/3b7/142/0c23b7142164332b44709346d3477828.jpg" /><p>Привет! Меня зовут Светлана Моторкина, я Head of Design в компании <a href="https://friflex.com/?utm_source=habr&amp;utm_medium=article&amp;utm_campaign=8+trendov" rel="noopener noreferrer nofollow">Friflex</a>. Тренды в интерфейсах появляются регулярно, но, увы, большинство из них не проходит проверку продом. В этой статье я рассмотрю интерфейс не как набор визуальных приемов, а как систему: от цвета и формы до доступности, анимации и новых сценариев с AI.</p><p>Критерий простой: помогает ли прием пользователю быстрее, точнее и спокойнее решать задачу. И выдерживает ли он длительную работу с продуктом.</p> <a href="https://habr.com/ru/articles/989142/?utm_campaign=989142&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн-тренажер: как встроить документы в отчетную таблицу, не перегрузив интерфейс
<img src="https://habrastorage.org/getpro/habr/upload_files/e3a/778/86b/e3a77886b73427527f635d07051e07b1.png" /><p><strong>Мы уже рассказали,&nbsp;</strong><a href="https://habr.com/ru/articles/985704/" rel="noopener noreferrer nofollow">как заставить таблицы работать</a><strong>, а теперь предлагаем сосредоточиться на мелочах.</strong> <strong>Разберем три варианта UI на реальном примере: почему цифровой индикатор и раскрывающийся список оказались эффективнее показа вложений прямо в строке.</strong></p><p>В корпоративных системах проблемы часто создают именно детали. Казалось бы, что может пойти не так от простой функции «прикрепить файл к строке таблицы»? Но именно такие «мелочи» ломают удобство использования, превращая отлаженный отчет в визуальный хаос, где невозможно быстро работать.</p><p>В этом дизайн-тренажере разберем реальную задачу: как отобразить прикрепленные документы в отчетной таблице, чтобы пользователь мог мгновенно оценить их наличие, понять контекст и при необходимости открыть —&nbsp;<strong>без ущерба для главной функции таблицы: быстрого сравнения и анализа данных</strong>.</p><p>Таблицы в отчетах — это обычно строгие строки, столбцы, цифры, статусы. Их сила в структуре и предсказуемости. Но как только появляются вложения (PDF, сканы, договоры), возникает дилемма:</p> <a href="https://habr.com/ru/articles/988968/?utm_campaign=988968&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Исследуем UX-долг: как мы превращали список проблем в продуктовые решения
<img src="https://habrastorage.org/getpro/habr/upload_files/31f/a35/b0a/31fa35b0affb82f6978de562100932a2.png" /><p>Всем привет, я Лена, исследовательница в команде Облака Mail. Изучаю опыт пользователей и помогаю командам делать наши сервисы удобнее и понятнее. Управляю проектом UX-мониторинга core-сценариев продуктов Mail.</p><p>В этой статье хочу рассказать о том, как мы переосмыслили место исследователя в продуктовой команде и как нам удалось пересмотреть UX-долг*, также о том, как этот подход помог нам стать источником для формирования продуктового бэклога на примере нашей небольшой команды.</p> <a href="https://habr.com/ru/articles/987888/?utm_campaign=987888&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Начнём!</a>

Скорость или частота? Проектируем печатную плату
<img src="https://habrastorage.org/getpro/habr/upload_files/642/77e/e0c/64277ee0c8514d844d9ff056b601a83e.jpg" /><p>Ко мне часто обращаются с вопросом: «У нас высокочастотная плата, помогите выбрать материал!» А начинаешь разбираться — и оказывается, что плата-то не высокочастотная, а высокоскоростная. Путаница в этих терминах — частая история, но она может дорого обойтись: заказать плату из дорогущего радиочастотного материала для цифрового интерфейса — это как отправиться в магазин за хлебом на спортивном Ferrari.</p><p>Давайте на пальцах разберем, в чем принципиальная разница и почему это важно для вашего проекта, кошелька и нервов.</p> <a href="https://habr.com/ru/articles/987756/?utm_campaign=987756&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Поиск для интернет-магазина: 24 обязательных элемента, которые помогут покупателям найти нужное и увеличат конверсию
<img src="https://habrastorage.org/getpro/habr/upload_files/042/232/4d4/0422324d448caa06a4ccc264210fa449.jpg" /><p>Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в&nbsp;KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.</p><p>Эффективность конверсионной воронки сайта во многом зависит от того, насколько хорошо реализован интерфейс и функционал разных этапов воронки с точки зрения удобства для пользователя.</p><p>В этой статье перечислим основные элементы, которые позволяют нам повышать качество поиска в клиентских проектах.</p> <a href="https://habr.com/ru/articles/987394/?utm_campaign=987394&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Метасообщение. Что значит быть исследователем и как себя позиционировать?
<img src="https://habrastorage.org/getpro/habr/upload_files/ec5/9ad/6e1/ec59ad6e1dba2f71253f0609acf78638.jpg" /><p>Привет! Я Даня Платонов - руководитель группы UX-исследований в «БКС Мир инвестиций». Это первая статья нашей команды, мы начинаем делиться интересным и познавательным из нашей работы. И начать я хочу с самых начал. А именно — с вопроса «кто я?», который каждому продуктовому исследователю не лишне себе иногда задавать.</p><p>Одна из психологических сложностей работы исследователя в том, что каждый раз, выходя на общение с респондентом в рамках качественных методов, мы строим коммуникацию с нуля. Вы можете установить правильный контакт с продуктовой командой, с бизнесом, с любыми коллегами. И этот правильный контакт будет работать на вас годами. Но с респондентами так не получится — они всегда новые и с каждым из них нужно устанавливать контакт с нуля. У вас получится это сделать, только если вы четко понимаете, кто вы и что делаете.</p><p>Почему это вообще важно? В статье подробнее расскажем про метасообщения и то, как исследователю показывать и презентовать себя.</p> <a href="https://habr.com/ru/articles/986862/?utm_campaign=986862&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Топ-5 книг для прокачки мышления и креатива в UX
<img src="https://habrastorage.org/getpro/habr/upload_files/088/e06/46d/088e0646da5f827895e05000554bf558.png" /><p>Привет, меня зовут Григорий, я Senior UX Researcher в Атоме и занимаюсь основным интерфейсом автомобиля и разработкой прототипа для тестирований.<br>Наша сфера меняется очень быстро и просто быть в курсе – недостаточно. Если специалист уже «встал на крыло» и сформировал свой мыслительный шаблон, ему становится сложно воспринимать и применять новые подходы, а это тормозит дальнейший рост в профессии.</p><p>Мне такое не подходит. Чтобы не ржаветь и регулярно выглядывать за пределы привычного, ищу разную/профессиональную литературу, которая подбрасывает новые идеи.</p><p>Расскажу, что из последнего меня особенно зацепило.&nbsp;&nbsp;</p> <a href="https://habr.com/ru/articles/986662/?utm_campaign=986662&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Поехали</a>

Как я подружился с ComfyUI: от непонятных настроек к контролируемой генерации
<img src="https://habrastorage.org/getpro/habr/upload_files/383/4fe/416/3834fe4168b8ff785ec1d27417fde1fc.jpg" /><p>Привет, Хабр! Я Кирилл, занимаюсь дизайном и цифровой иллюстрацией, часто работаю с генеративной графикой. За последнее время успел перепробовать кучу разных платформ — от бесплатных Web UI до платных сервисов вроде Midjourney. Но, как это обычно бывает, идеальный инструмент так и не нашелся. Одни оказываются слишком дорогими — пока дойдешь до десятой итерации картинки, уже выжжешь весь лимит токенов. Другие же страдают от неудобного интерфейса и абсолютно непредсказуемого результата.</p><p>И вот недавно я решил создать серию артов в разных стилях, чтобы положить в портфолио. Примерно понимал, что хочу видеть, и не хотелось тратить время на миллион попыток, чтобы получить нужный результат. Именно поэтому пришлось искать новый инструмент, с которым не нужно долго разбираться и при этом можно полностью контролировать процесс генерации. Решил рассказать, как я пришел к ComfyUI, и написать небольшую инструкцию по его запуску. Заранее прошу прощения, если вы уже видели эту публикацию в ленте — перезалил потому что по невнимательности ткнул английский в языке публикации, заодно приложил более свежие арты.</p> <a href="https://habr.com/ru/articles/985610/?utm_campaign=985610&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Когнитивная нагрузка интерфейса и почему этим нужно управлять
<img src="https://habrastorage.org/getpro/habr/upload_files/235/291/c20/235291c201c2bbe0482eb1fb52f29178.jpg" /><p>Всем привет! Я – аналитик 1С, и, благодаря своей работе, часто сталкиваюсь с разработкой пользовательского интерфейса. За годы практики у меня сформировалось собственное видение идеального интерфейса, которым хочется поделиться. Предупреждаю: статья начнётся издалека, но потом мы перейдём непосредственно к когнитивной нагрузке.</p> <a href="https://habr.com/ru/articles/986024/?utm_campaign=986024&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Нейроакварель. Тестируем разные ИИ-решения для создания эффекта живописи красками
<img src="https://habrastorage.org/getpro/habr/upload_files/377/dcb/869/377dcb869ba39cfc2887302cbecc4bad.jpg" /><p>Я цифровой художник. Я работаю в гибридном жанре между цифровой фотографией и цифровой живописью. С помощью различных фильтров и эффектов в растровом редакторе я отрисовываю сказочные сюжеты поверх собственных фото. Сейчас у меня есть <a href="https://georgykurakin.artstation.com/" rel="noopener noreferrer nofollow">собственный сайт</a> на базе ArtStation, <a href="https://vk.com/fairytalephotos" rel="noopener noreferrer nofollow">творческая страничка ВК</a> и творческая страничка в одной из цукерберговских соцсетей.</p><p>Нейросети я обычно не использую – предпочитаю творить сам. Но недавно всё-таки у меня появилась задача, для которой мне потребовалась творческая коллаборация с каким-нибудь ИИ. И я решил испытать, какой лучше!</p> <a href="https://habr.com/ru/articles/984186/?utm_campaign=984186&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн-тренажер: как заставить таблицы работать
<img src="https://habrastorage.org/getpro/habr/upload_files/a30/164/b43/a30164b436774f303b7778bcadacd26a.png" /><p><strong>Представьте: в отчете о продажах появляется таблица. Формально - все на месте. Данные корректные, структура логичная, визуальный порядок соблюден. Но стоит открыть документ, как чтение превращается в маленький квест: взгляд блуждает, сравнивать показатели не очень удобно, главное не сразу считывается.</strong></p><p><strong>Почему так происходит? И главное -&nbsp;что именно в таблице мешает работать с ней быстро и уверенно?</strong> </p><p>Предлагаем сначала взглянуть на пример внимательно. Подумайте, какие элементы интерфейса вы бы улучшили в первую очередь.</p> <a href="https://habr.com/ru/articles/985704/?utm_campaign=985704&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Самые красивые деньги в мире и как их выбирают
<img src="https://habrastorage.org/getpro/habr/upload_files/0d1/f9e/72c/0d1f9e72c16d63d183e6f5837893dd48.jpg" /><p>Национальных валют существует великое множество, и выбрать среди них самые красивые непросто. Тем не менее, некоторые критерии оценки всё же существуют. Как определяют красоту банкнот разных стран, и что при этом учитывают?</p> <a href="https://habr.com/ru/articles/985230/?utm_campaign=985230&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Мегатренды в дизайне интерфейсов. Технологии и наука
<img src="https://habrastorage.org/getpro/habr/upload_files/53f/74b/985/53f74b985e0332e4b0d9783a9351ed81.jpg" /><p>Пока всё человечество спорит, кто умнее — человек или робот, мы как дизайнеры уже вовсю учимся жить в симбиозе с ИИ, метавселенными и прочими технологическими новшествами.</p><p>Технологии стали частью дизайнерского инструментария, а интерфейсы — лабораторией для экспериментов с мышлением, а не только с формой.</p><p>В этой статье мы разберём мировые тренды технологий, и как они переплетаются с дизайном интерфейсов.</p> <a href="https://habr.com/ru/articles/985538/?utm_campaign=985538&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как собирают мозаики из кубиков Рубика
<img src="https://habrastorage.org/getpro/habr/upload_files/af8/05a/b17/af805ab179ba67c83ac507a7861bb39b.png" /><p>Чтобы собрать мозаику из кубиков Рубика, достаточно уметь собирать только одну сторону куба. Если у вас в распоряжении оказалось несколько десятков кубиков, вы вполне можете собрать паттерн или целую картину. &nbsp;</p><p>Я создаю мозаики из кубиков Рубика больше шести лет, и в этой статье раскладываю по полочкам, как собираются эти мозаики: простые узоры и пиксельные изображения, картины для музеев, портреты для праздников и соцсетей, гигантские полотна для книги рекордов Гиннесса.</p> <a href="https://habr.com/ru/articles/985200/?utm_campaign=985200&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Крутить далее...</a>

Как облегчить работу дизайнера с помощью ИИ и сохранить визуальный стиль
<img src="https://habrastorage.org/getpro/habr/upload_files/6e8/8f6/e00/6e88f6e0036fb64f9776ce5681623d3c.png" /><p>Представьте оркестр без нот и метронома: музыканты играют «как чувствуют», и мелодия каждый раз звучит по-другому. Так же ведет себя генерация изображений по одному промпту — красиво, но неповторяемо. В работе с брендовым визуалом это ощущается особенно: дизайнерам приходится идти дальше простой текстовой инструкции и вручную подбирать референсы, выравнивать композицию, корректировать цвет, отбирать вариации и собирать их в единый стиль.</p><p>Мы в X5 Tech решили превратить генеративный ИИ из источника хаотичных вариаций в стабильный конвейер брендового визуала. Зафиксировали стиль, задали структуру, выстроили управление вариациями, и в итоге собрали рабочий пайплайн. Когда он заработал, скорость выросла почти вдвое, некоторые команды полностью отказались от фотостоков или значительно сократили их использование, а 40–45% визуального контента «Пятерочки» и «Чижика» теперь создается с участием ИИ.</p><p>В этой статье — разбор принципов, на которых держатся пайплайны управления генерациями: как модели помогают контролировать структуру и стиль, какую роль в этом играет дизайнер и за счет чего связка ControlNet, LoRA, Style Reference и мультимодальных ИИ превращает генерации в предсказуемую систему.</p> <a href="https://habr.com/ru/articles/985394/?utm_campaign=985394&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Успешная разработка дизайна веб-сервиса для автоматической торговли криптовалютой SMARD
<img src="https://habrastorage.org/getpro/habr/upload_files/e7e/e37/c6b/e7ee37c6bec1549b00f8588bed800a1a.png" /><p>Сегодня расскажем об&nbsp;одном из&nbsp;наших самых сложных и&nbsp;интересных проектов&nbsp;—&nbsp;<a href="https://smard.club/" rel="noopener noreferrer nofollow">SMARD</a>.</p><p><strong>Стартап Smard</strong>&nbsp;— веб-сервис для автоматической торговли цифровыми активами и&nbsp;криптовалютой, над созданием которого мы&nbsp;вместе с&nbsp;командой Findev трудились более полутора лет и&nbsp;до&nbsp;сих пор продолжаем трудиться. И, как всегда, результат&nbsp;оправдывает все&nbsp;наши усилия.&nbsp;&nbsp; </p> <a href="https://habr.com/ru/articles/985452/?utm_campaign=985452&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

От ручной подготовки архивов к удобной загрузке в Экзон: упрощение массовой загрузки файлов
<img src="https://habrastorage.org/getpro/habr/upload_files/cf4/e41/e85/cf4e41e85b290967287c52b6def7f4bf.png" /><p>Я Ольга, проектирую интерфейсы для Экзон — системы управления строительными процессами. Я уже рассказывала, как упростила <a href="https://habr.com/ru/companies/exon_group/articles/980580/" rel="noopener noreferrer nofollow">массовое создание карточек документов</a>. В этой статье расскажу, как я проектировала ещё одну функцию по работе с документами: массовую загрузку файлов в уже созданные карточки. </p><p>Статья будет интересна дизайнерам и аналитикам, которые разрабатывают сложные интерфейсы. </p> <a href="https://habr.com/ru/articles/984950/?utm_campaign=984950&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Дизайн под микроскопом. История большого обновления B2B MedTech SaaS
<img src="https://habrastorage.org/getpro/habr/upload_files/3c2/a06/768/3c2a06768c002937a74470dc4ac98221.jpg" /><p>Привет! В этой статье мы – Никита Сошин, Senior продуктовый дизайнер и Team Lead проекта, и Александра Дёмина, Senior продуктовый дизайнер – во всех подробностях расскажем о том, как evilUnion сделал перезапуск платформы цифровой патоморфологии и почему этот проект нельзя назвать обычным редизайном.</p> <a href="https://habr.com/ru/articles/984768/?utm_campaign=984768&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

[Перевод] Трёхликий Будда или Великая Глитча о Цифровом Цвете. Часть 1
<img src="https://habrastorage.org/getpro/habr/upload_files/7d2/184/d03/7d2184d03b0a6af11a38f5b599712019.png" /><p>Трой Соботка, Автор Filmic и AgX, пишет в&nbsp;прологе к «The Hitchhiker's Guide to Digital Colour»: «Эта серия статей поможет вам, создателям изображений, выжить в&nbsp;мире, полном чепухи, касающейся цифрового цвета. Если вы запутались в&nbsp;цифровом цвете, это не&nbsp;ваша вина» Через цепь фундаментальных вопросов Соботка заставляет читателя отказаться от&nbsp;интуиции и принять суровую правду: цвет&nbsp;— это не&nbsp;про&nbsp;ощущение, а&nbsp;физика, математика и договорённости.</p><p>Это не&nbsp;дословный перевод, а&nbsp;интерпретация (хоть и близкая к&nbsp;оригиналу) в&nbsp;стиле Дмитрия Гайдука. И Соботка, и Гайдук работают в «низкой стилистике», превращая сложное в&nbsp;доступное. А&nbsp;формат вопросов‑ответов как&nbsp;из&nbsp;индийских притч, где каждый следующий вопрос углубляет понимание предыдущего.&nbsp;В&nbsp;эту статью вошли первые 10&nbsp;вопросов, а всего их на&nbsp;данный момент 37.</p> <a href="https://habr.com/ru/articles/984854/?utm_campaign=984854&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Ренессанс командной строки: как AI-агенты вернули нас в терминал
<img src="https://habrastorage.org/getpro/habr/upload_files/ee9/822/78c/ee982278c7a95c341b89d77a9a1b00bb.gif" /><p>В 2015 году дизайнер Golden Krishna выпустил книгу с провокационным названием "The Best Interface is No Interface", где на пальцах объяснял, почему мы слишком увлеклись экранами, кнопками и менюшками — и совершенно забыли про саму задачу, которую пытаемся решить. Идея была в том, что лучший интерфейс — это тот, которого ты вообще не замечаешь, который просто работает где-то на фоне и не требует от тебя бесконечных кликов.</p><p>Прошло десять лет, и мы действительно пришли ктому самому «отсутствию интерфейса»&nbsp;— только совсем не&nbsp;так, как&nbsp;представлял себе Krishna, и уж точно не&nbsp;через какие‑то ambient‑девайсы и IoT‑хитрости. Мы просто вернулись в&nbsp;командную строку, потому что&nbsp;теперь там появился кто‑то, кто наконец‑то нас понимает.</p> <a href="https://habr.com/ru/articles/984680/?utm_campaign=984680&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

Как сделать пак иконок для продукта с нуля до готовой библиотеки и не погрязнуть в бесконечных правках
<img src="https://habrastorage.org/getpro/habr/upload_files/425/7ce/d85/4257ced85a359d9252504751fc921f62.png" /><p>Эта статья основана на&nbsp;реальном опыте создания набора из&nbsp;250 иконок. Расскажу, как подойти к&nbsp;созданию библиотеки иконок с&nbsp;нуля: чем руководствоваться, как не&nbsp;наломать дров, где легко ошибиться и&nbsp;что делать, чтобы потом не&nbsp;пришлось всё переделывать. Покажу технические аспекты. Это сэкономит время, а&nbsp;значит&nbsp;— деньги.</p> <a href="https://habr.com/ru/articles/984420/?utm_campaign=984420&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать статью</a>

Тестирую Nano Banana на реальной UX-задаче → создать workspace и пригласить коллегу (B2B SaaS)
<img src="https://habrastorage.org/getpro/habr/upload_files/048/9e4/c5a/0489e4c5a113a9c1ff6c2735606b67c9.png" /><p>За 2025 год генеративные инструменты выросли не только по качеству, а по ощущениям в работе дизайнера (и не только для генерации КДПВ на Хабре). Я много времени провожу в AI-UI экспериментах и вижу, что решать прикладные UX задачи стало заметно проще.</p><p>Уже сейчас внятный lo-fi прототип можно получить быстрее, а дальше уже выбирать, как жить: отдавать фронтендеру, прогонять через <em>Lovable</em>, <em>Cursor</em> или <em>v0</em>, или же доводить руками до идеала.</p><p>В этой статье я проверяю подход на сценарии, который знаком почти всем, кто делал B2B продукт. <strong>Первый вход: создаём рабочее пространство и приглашаем коллегу</strong>. Сценарий кажется очевидным, но именно в таких местах обычно и прячутся мелкие детали, которые потом превращаются во времязатратные переделки.</p><p>☞ <em>Не пугайтесь 50 минутам прочтения: в статье много промптов, ИИ-ответов, всё аккуратно убрано под спойлеры → наверху только суть, остальное можно разворачивать и углубляться в детали.</em></p> <a href="https://habr.com/ru/articles/984140/?utm_campaign=984140&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Вперёд к эксперименту и выводам</a>

MDSI Solver: сервис создания двусторонних мозаик из кубиков Рубика
<img src="https://habrastorage.org/getpro/habr/upload_files/826/e08/c9f/826e08c9f5b7655c4411c633c18ffc06.png" /><p>В статье я рассказываю о программной реализации своего<a href="https://habr.com/ru/articles/981936/" rel="noopener noreferrer nofollow"> MDSI-метода (Mirror Dual-Sided Inverse)</a>, разработанного для сборки зеркальных двусторонних инверсивных паттернов на кубике Рубика. Программа MDSI Solver объединяет MDSI-метод и двухфазный алгоритм Герберта Коцембы (kociemba two-phase algorithm). MDSI-метод находит полное состояние кубика на основе двух заданных противоположных граней, а затем алгоритм Коцембы генерирует оптимальное или близкое к оптимальному решение, обычно составляющее 20 или меньше ходов для сборки паттерна.&nbsp; </p><p>Сервис MDSI Mosaic Builder конвертирует изображение в сетку из кубиков Рубика и на основе MDSI Solver генерирует для каждого куба алгоритм сборки MDSI-паттерна. Таким образом, можно любое изображение конвертировать в двустороннюю мозаику из кубиков Рубика со схемами сборки каждого кубика.</p><p>С программной реализаций MDSI-метода создание двусторонних кубических мозаик теперь не требует от пользователя продвинутых специфических знаний математики куба. Даже не обязательно уметь собирать кубик Рубика – достаточно овладеть языком его вращений, чтобы выполнять сгенерированные алгоритмы.&nbsp; </p> <a href="https://habr.com/ru/articles/984262/?utm_campaign=984262&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Крутить кубик Рубика...</a>

[Перевод] Лист формата А4 — мерило всех вещей
<img src="https://habrastorage.org/getpro/habr/upload_files/ce8/69b/fbd/ce869bfbda1b03e2b55c04df8852016d.png" /><p>Бывает, когда требуется что-то замерить, я прибегаю к простому методу, который не слишком быстр, не слишком точен, не рекомендуется ни в одном официальном стандарте — но, всё-таки, ни разу меня не подводил. Опишу его здесь, хотя, даже просто называя его «методом», я уже немного его приукрашиваю. Пожалуйста, не пользуйтесь им, если нужно повесить шкафчики на кухне или вообще что угодно, на что вам придётся ежедневно глядеть в течение ближайших десяти лет. Из измерительных инструментов нам понадобится только лист формата A4 — и всё.</p> <a href="https://habr.com/ru/articles/984284/?utm_campaign=984284&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>

GIMP: простейший итерационный деблюр
<img src="https://habrastorage.org/getpro/habr/upload_files/4bd/7f7/f15/4bd7f7f15487332a844061a36652f915.png" /><p>В сети достаточно материалов по методам восстановления резкости изображения (деблюру) с помощью специального математического аппарата. Этот аппарат включает в себя нахождение ядра размытия (ядра предполагаемого "фильтра", применённого к изображению) и проведение операции, обратной свёртке данного ядра с изображением.</p><p>Всё это хорошо, но!....</p><p>Ничего такого сложного в&nbsp;GIMP нет, особенно нахождение ядра размытия и применение ядер сложной конфигурации. Хотелось&nbsp;бы чего‑нибудь попроще, более известного и понятного, но&nbsp;чтобы можно&nbsp;было понять сам процесс и сделать это не&nbsp;прибегая к&nbsp;сторонним заумным средствам.</p><p>Исходя из&nbsp;вышесказанного, сделаем допущение, что&nbsp;наше изображение размыто «Гауссовым размыванием» и более того, радиус данного размытия известен. Довольно «нахальное» предположение, но&nbsp;хочется то по&nbsp;простому.</p><p>Для «эксперимента» используем традиционно изображение «Лена»:</p> <a href="https://habr.com/ru/articles/983796/?utm_campaign=983796&amp;utm_source=habrahabr&amp;utm_medium=rss#habracut">Читать далее</a>