Обновить

Дизайн

Сначала показывать
Порог рейтинга
Уровень сложности

Дизайн‑система как инструкция для AI

Уровень сложностиСредний
Время на прочтение6 мин
Охват и читатели7.5K

Дизайн-система передаёт AI решения команды через правила, примеры и проверки. На кейсах Builder и Miro разбираю, почему наличия документации ещё недостаточно и что помогает связать инструкцию с результатом.

Читать далее

Новости

Мудборд с нуля: коллаж, нейросеть, ручная доводка

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели8.6K

Мудборд — то, что имеет дословный перевод как «доска настроения», — имеет некоторые проблемы с точки зрения собственной реализации, поскольку картинки, используемые в композиции, должны подходить по духу: причём как визуально, так и логически. Если целью является передача настроения, то необходимо внедрение и визуального стиля (создание единой цветовой концепции), и разработанная логическая составляющая, на поверхности которой она будет находиться.

Мы живём в эпоху цифровых технологий. Я в данный момент занимаюсь созданием пакета приложений на русском языке, распространяющемся по принципу открытого исходного кода по GPL-3.0 или MIT. Так или иначе текущее положение дел принуждает российского пользователя быть цифровым анархистом, находя всё новые и новые варианты решения текущих задач с помощью использования открывающихся средств, постепенно заменяющих предыдущие. Системы защиты современного так называемого закрытого ПО, как и парадигма, в которой работают частные компании, не позволяют массовому пользователю использовать предыдущие, уже некогда устоявшиеся решения на практике в работе или бизнесе, отчего юзер приходит к более узким инструментам. Именно такое настроение мне хотелось передать в мудборде, что станет «флагом» и символом моей текущей деятельности.

Прежде всего работа с образами: технологии, всемирная сеть (веб-сеть), сервера узкоспециализированных инструментов и масштабные дата-центры, метод блокчейна и криптовалюта как его следствие. Собственно, всё то, что сегодня преображается, приземляется в юридической плоскости, становится из анархистского инструментария частью повседневной жизни, находит инструменты своей регуляции и установления конкретного порядка. Если раньше любой мог запустить дома свой сервер, организовать пересылку веб-страниц через него к пользователям его личного веб-сайта на его домене, запустить майнинг криптовалюты на неком подобии тостера и хранить её на десятках разных децентрализированных кошельках, то сегодня гораздо более распространена аренда технических средств, работа через облако, начали торжествовать централизированные средства с понятными (прежде всего — привычными) механизмами своей работы. Я говорю о централизированных биржах и арендуемых сейчас веб-разработчиками (веб-мейкерами) дата-центрах, как о более перспективных средствах распространения цифровых решений в том смысле, что они создают относительно безопасную среду.

Читать далее

Зачем рассчитывать эргономику станка и при чём здесь промышленный дизайн?

Время на прочтение6 мин
Охват и читатели7.6K

Представим себе обычного рабочую ситуацию. Есть база данных, в ней лежат какие-то значения, но ей абсолютно невозможно пользоваться. Нужно быстро выгрузить информацию в форму, чтобы быстро закончить с одной задачей и переходить к другой, но вместо этого Вы по полчаса ждёте, чтобы ваша форма подгрузила данные, параллельно осознаёте, что это время могли потратить ещё на что-то – этот факт очень сильно злит – ещё и начальство давит мол "Быстрее – сроки горят!". Именно так и ощущается плохая и непроработанная эргономика изделия. Сейчас, когда вопрос квалифицированных человеческих ресурсов стоит особо остро именно эргономика изделия, которая входит в его промышленный дизайн занимает если не решающую, то ключевую роль.

Читать далее

Делаем веб-дизайнерские референсы с помощью ИИ

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели7.9K

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

Читать далее

Рейтинг нейросетей для видео: сравнил 12 моделей на одном промпте (октябрь 2026)

Время на прочтение13 мин
Охват и читатели10K

Двенадцать нейросетей для видео прогнали на одном промпте: 8 секунд, 720p, по одному прогону (одной генерации) на модель. Первым по сумме баллов вышел Luma Ray 3.14: 9,1 из 10, две минуты, 5 токенов, дешевле всех в списке. Лучшую картинку показала Seedance 2.5, и она же самая дорогая: 138,7 токена, в 27 раз дороже лидера.

Читать далее

Как редизайнить B2B‑продукт и не сломать привычные сценарии пользователей

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели11K

Привет, Хабр! Меня зовут Даша, я продуктовый дизайнер в Okdesk. В этой статье расскажу, как мы обновляли интерфейс зрелого B2B‑продукта при ограниченных возможностях для пользовательских исследований и без сложных инструментов продуктовой аналитики. Покажу, как выбирали сценарии для редизайна, проверяли решения и постепенно внедряли изменения, чтобы не сломать привычки наших пользователей.

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

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

Читать далее

Nano Banana 2.1 vs Nano Banana 2: три одинаковых промпта и то, что видно на картинках

Время на прочтение11 мин
Охват и читатели19K

Google выпустила Nano Banana 2.1 и обещает улучшения «по всем фронтам»: качество, текст в кадре, консистентность персонажей при многократном редактировании, инфографика. Я прогнал три одинаковых промпта через Nano Banana 2 и 2.1 и посчитал результаты по чек-листу. Новая версия выиграла не там, где обещали.

Сразу оговорюсь про масштаб: это не бенчмарк. Три задачи, по одному прогону на модель, один оценщик. Такой прогон показывает, где искать разницу, а не измеряет её. Числа Google я привожу отдельно, и отдельно отмечаю: независимых замеров на 8 октября 2026 года нет, все издания о релизе ссылаются на одну таблицу разработчика.

Читать далее

Дизайн-тренажер: куда ведет кнопка «Назад»

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели4.3K

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

Читать далее

За что я бы добровольно платил государству

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели7.8K

Красивые автомобильные номера, легальная тонировка и именная лавочка в любимом парке. Я посмотрел, как такие сервисы работают в других странах, проверил спрос через Wordstat и попробовал представить, как они могли бы выглядеть внутри Госуслуг.

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

Я продуктовый дизайнер, поэтому мне стало интересно посмотреть на эту задачу немного с другой стороны. Можно ли придумать дополнительные государственные сервисы, за которые человек заплатит добровольно, потому что сам этого хочет?

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

Читать далее

Почему нельзя слепо копировать Ozon, Amazon и Taobao: интерфейс покупки начинается не с UI

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели7.1K

Если вы варитесь в разработке и особенно в е-ком сегменте, значит в вашем таск-трекере точно появлялась задача в духе «сделай как на Wildberries, Ozon или Яндекс Маркете». 

Когда продакт-менеджер хочет показать свой обширный кругозор и «глобальное» видение рынка, туда же прицепом могли отправиться отдельные элементы из Taobao, Shein или Amazon (но это не точно). 

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

Почему так? 

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

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

Читать далее

Окно в свет: почему Windows названа Windows, а иконки — иконками

Время на прочтение8 мин
Охват и читатели4.9K

Эта статья родилась из долгих и, в конечном счёте, не очень успешных поисков. Я искал источники, которые отвечали бы на простой вопрос: почему? Почему тот или иной продукт, знак, образ назван и изображён именно так — не что именно изображено (с этим всё более‑менее ясно), а почему именно это и почему именно так.

Читать далее

Аниме‑плеер на лапках

Уровень сложностиСредний
Время на прочтение16 мин
Охват и читатели5.3K

«Вставил ссылку, вижу сериал со всеми сериями, выбрал озвучку, смотрю». С этой фразы началась Lapka, локальный аниме-плеер. Статья о решениях, из которых она сложилась, по сериям, как в аниме.

Знакомый, которому я дал её потрогать, сказал так:
>> Прикольно: нода крутится, парсит, а воспроизводит будто локальные файлы.

Код Lapka писала модель Claude Fable 5.1, и техническая сторона за ней. На мне продукт: как Lapka ведёт себя и как выглядит. Часть решений предложила модель.

Читать далее

Дизайн на службе извлечения прибыли

Уровень сложностиСредний
Время на прочтение89 мин
Охват и читатели11K

~90 минут чтения безусловно большой временной отрезок для статьи на Хабр, потому, если хочется сразу к сути, то читать надо следующие разделы:

Аннотация;

Долгая вводная;

Глава 7. «Музыка на льдинах»

Заключение.

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

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

Читать далее

Ближайшие события

Скорость визуального восприятия: правда и мифы

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели7.7K

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

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

Читать далее

Как дизайнеру найти работу: что я поняла по обе стороны найма

Время на прочтение8 мин
Охват и читатели1.2K

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

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

Читать далее

Дизайн за 5 минут. Дайджест сентября 2026

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели6.4K

Привет, Хабр!

На связи Андрей, продуктовый дизайнер Garage Eight.

В сентябре обновлений было много: новые модели, интерфейсные фичи, библиотеки и несколько свежих айдентик. Остальные находки месяца — ниже.

1. Иконки для Cursor

2. Opus 5.5 + GPT-6 Astra

3. iPhone Duo

4. iOS 27 updated icons

5. beUI Pro + GSAP + Torph

6. Figma releases

7. KEEN

8. Xsolla

Погнали!

Ребрендинг по-американски: 7 примеров неудачной смены логотипа

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели10K

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

Читать далее

Почему хорошего UX недостаточно: дизайнеру нужно уметь объяснять свои решения

Уровень сложностиСредний
Время на прочтение9 мин
Охват и читатели5.4K

Долгое время мне казалось, что сильное дизайн‑решение должно говорить само за себя. Если сценарий логичный, интерфейс понятный, состояния продуманы, а решение опирается на исследования — зачем дополнительно его «продавать»? Но когда я оказалась в продуктовой команде, а не на проектах фриланса, оказалось, что качество самого макета — только часть задачи.

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

И для меня здесь есть несколько важных выводов.

Читать далее

AI + UX‑писатель = AI‑редакция для 10+ команд

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели4.9K

Почему интерфейсный текст — это функциональная логика, а не финальное «украшение» макетов; как один UX‑писатель масштабирует качество на 10+ команд через AI‑редакцию и где проходят строгие границы применимости нейросетей в сложных B2B/B2C‑системах.

Разобраться

Как мы создали ИИ-агент для дизайн-системы

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели4.3K

Всем привет! Меня зовут Юля Федорова, я UX-редактор команды дизайн-системы FinAI в Сбере. Наша дизайн-система (далее по тексту ДС) — это набор компонентов и паттернов, из которых разные продуктовые команды собирают сервисы финансовой платформы в едином визуальном стиле.

За несколько лет у ДС выросла масштабная документация. И чем больше она становилась, тем очевиднее была проблема: знанием стало тяжело пользоваться. В этой статье я пошагово расскажу, как мы с командой сделали ИИ-агент, который помогает дизайнерам и продуктовым командам соблюдать требования ДС, что уже получилось и над чем ещё нужно поработать. Кода в статье не будет, речь пойдёт именно про процесс создания агента.

Читать далее
1
23 ...