Дизайн

Привет, Хабр! На связи Андрей, продуктовый дизайнер Garage Eight. И хотя год только-только успел разогнаться, я уже насчитал 9 новостей и находок из мира дизайна, достойных внимания:

1. Виртуальный музей ЮНЕСКО с украденными произведениями искусства.
2. Статистика Shopify за 2025 год в формате интерактивного сайта.
3. Сайт Voltpile — победитель DesignRush как лучший сайт января.
4. Брендинг DTFA от студии Zamora.
5. Новое приложение бренда MONOCHROME для iOS.
6. Новая айдентика для радио NRG от Студии Лебедева.
7. MTV Rewind — сайт-память об ушедшем канале.
8. Сборник классных микро-UI взаимодействий Detail.
9. Подборка инфографики за 2025 год от Тани Мисютиной.

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.

Сегодня публикую материал из внутренней базы знаний — обо всём, что касается правильной работы с листингами. Вы узнаете, почему важно уделить внимание листингам товара с точки зрения UX, что обязательно должно быть в превью карточек товаров, почему стоит избегать функционала «Быстрый просмотр» и чем его заменить.

Сегодня поговорим об одной из тех коварных проблем, которую не увидишь невооруженным глазом, но которая способна тихо и методично «убивать» вашу печатную плату уже после производства. Речь пойдет о кислотных ловушках (acid traps). Это не брак оборудования, а прямое следствие некоторых решений на этапе проектирования. Давайте разберемся, что это, почему возникает и как этого легко избежать.

На связи Ульяна Айкович, UX-исследователь и адепт статистики из БКС Мир Инвестиций. Сегодня я расскажу, в каких случаях применять статистические тесты, как легко реализовать их в гугл-таблицах, а также, как интерпретировать результат этих тестов. Не бойтесь, будет много практики и совсем немного важной теории.

В статье детально расскажем, как и когда применять биноминальный и χ²-тесты на наших кейсах.

Привет! Меня зовут Светлана Моторкина, я Head of Design в компании Friflex. Тренды в интерфейсах появляются регулярно, но, увы, большинство из них не проходит проверку продом. В этой статье я рассмотрю интерфейс не как набор визуальных приемов, а как систему: от цвета и формы до доступности, анимации и новых сценариев с AI.

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

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

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

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

Таблицы в отчетах — это обычно строгие строки, столбцы, цифры, статусы. Их сила в структуре и предсказуемости. Но как только появляются вложения (PDF, сканы, договоры), возникает дилемма:

Всем привет, я Лена, исследовательница в команде Облака Mail. Изучаю опыт пользователей и помогаю командам делать наши сервисы удобнее и понятнее. Управляю проектом UX-мониторинга core-сценариев продуктов Mail.

В этой статье хочу рассказать о том, как мы переосмыслили место исследователя в продуктовой команде и как нам удалось пересмотреть UX-долг*, также о том, как этот подход помог нам стать источником для формирования продуктового бэклога на примере нашей небольшой команды.

Ко мне часто обращаются с вопросом: «У нас высокочастотная плата, помогите выбрать материал!» А начинаешь разбираться — и оказывается, что плата-то не высокочастотная, а высокоскоростная. Путаница в этих терминах — частая история, но она может дорого обойтись: заказать плату из дорогущего радиочастотного материала для цифрового интерфейса — это как отправиться в магазин за хлебом на спортивном Ferrari.

Давайте на пальцах разберем, в чем принципиальная разница и почему это важно для вашего проекта, кошелька и нервов.

Всем привет! Меня зовут Саша, и последние 12 лет моя жизнь — это дизайн. Сегодня я руковожу дизайн-командой в KISLOROD, а в прошлом — помогал крупным брендам и миллионным сервисам обрести их уникальный голос и форму.

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

В этой статье перечислим основные элементы, которые позволяют нам повышать качество поиска в клиентских проектах.

Привет! Я Даня Платонов - руководитель группы UX-исследований в «БКС Мир инвестиций». Это первая статья нашей команды, мы начинаем делиться интересным и познавательным из нашей работы. И начать я хочу с самых начал. А именно — с вопроса «кто я?», который каждому продуктовому исследователю не лишне себе иногда задавать.

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

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

Привет, меня зовут Григорий, я Senior UX Researcher в Атоме и занимаюсь основным интерфейсом автомобиля и разработкой прототипа для тестирований.
Наша сфера меняется очень быстро и просто быть в курсе – недостаточно. Если специалист уже «встал на крыло» и сформировал свой мыслительный шаблон, ему становится сложно воспринимать и применять новые подходы, а это тормозит дальнейший рост в профессии.

Мне такое не подходит. Чтобы не ржаветь и регулярно выглядывать за пределы привычного, ищу разную/профессиональную литературу, которая подбрасывает новые идеи.

Расскажу, что из последнего меня особенно зацепило.  

Привет, Хабр! Я Кирилл, занимаюсь дизайном и цифровой иллюстрацией, часто работаю с генеративной графикой. За последнее время успел перепробовать кучу разных платформ — от бесплатных Web UI до платных сервисов вроде Midjourney. Но, как это обычно бывает, идеальный инструмент так и не нашелся. Одни оказываются слишком дорогими — пока дойдешь до десятой итерации картинки, уже выжжешь весь лимит токенов. Другие же страдают от неудобного интерфейса и абсолютно непредсказуемого результата.

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

Всем привет! Я – аналитик 1С, и, благодаря своей работе, часто сталкиваюсь с разработкой пользовательского интерфейса. За годы практики у меня сформировалось собственное видение идеального интерфейса, которым хочется поделиться. Предупреждаю: статья начнётся издалека, но потом мы перейдём непосредственно к когнитивной нагрузке.

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

Нейросети я обычно не использую – предпочитаю творить сам. Но недавно всё-таки у меня появилась задача, для которой мне потребовалась творческая коллаборация с каким-нибудь ИИ. И я решил испытать, какой лучше!

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

Почему так происходит? И главное - что именно в таблице мешает работать с ней быстро и уверенно?

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

Национальных валют существует великое множество, и выбрать среди них самые красивые непросто. Тем не менее, некоторые критерии оценки всё же существуют. Как определяют красоту банкнот разных стран, и что при этом учитывают?

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

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

В этой статье мы разберём мировые тренды технологий, и как они переплетаются с дизайном интерфейсов.

Чтобы собрать мозаику из кубиков Рубика, достаточно уметь собирать только одну сторону куба. Если у вас в распоряжении оказалось несколько десятков кубиков, вы вполне можете собрать паттерн или целую картину.  

Я создаю мозаики из кубиков Рубика больше шести лет, и в этой статье раскладываю по полочкам, как собираются эти мозаики: простые узоры и пиксельные изображения, картины для музеев, портреты для праздников и соцсетей, гигантские полотна для книги рекордов Гиннесса.

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

Мы в X5 Tech решили превратить генеративный ИИ из источника хаотичных вариаций в стабильный конвейер брендового визуала. Зафиксировали стиль, задали структуру, выстроили управление вариациями, и в итоге собрали рабочий пайплайн. Когда он заработал, скорость выросла почти вдвое, некоторые команды полностью отказались от фотостоков или значительно сократили их использование, а 40–45% визуального контента «Пятерочки» и «Чижика» теперь создается с участием ИИ.

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

Сегодня расскажем об одном из наших самых сложных и интересных проектов — SMARD.

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