RU

Plyloom новая версия (0.14). Работа над удобствами и мысли про OKF (Open Knowledge Format)

В статье речь пойдет немножко про OKF (Open Knowledge Format) и мои мысли про позиционирование инструмента Plyloom.net относительно него, а также пр…

карта знанийинтерфейсUXdraw.ioдиаграммыофлайнвизуализацияokfknowledge graph
Хабр — Управление
RU

Одна большая цифра: как финтехи переделывают главный экран вокруг баланса

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

финтехмобильный банкглавный экранUXUIредизайнRevolutбанковское приложение
Habr
RU

Что проверить в админке: шесть уроков промышленной визуализации

График скрывает выброс, старые показания выглядят свежими, а «Готово» означает только принятую команду. Шесть проверок для внутренних интерфейсов и…

дашбордыинтерфейсывизуализация данныхSCADAHMIUXтестирование
Habr
RU

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

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

продуктовый дизайнUXГосуслугигосударственные сервисыкрасивые номераавтомобильные номераWordstatпродуктовые гипотезыservice designурбанистика
Habr
RU

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

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

РазработкамаркетплейсыдизайнUXUICXмакетыпроектирование интерфейса
Habr
RU

Как я ускорил страницу с демо-видео: сжатие видео, автоплей и страница в 400 КБ вместо изначальных 3,1 МБ

Для главной страницы я сделал минутное видео с четырьмя главами: можно посмотреть всё демо или сразу перейти к интересующей функции. Плеер работает…

оптимизация сайтапроизводительностьHTML videoautoplaypreloadFFmpegLighthouseLCPWebPUX
Habr
RU

Как показать 24 соседних листа? Паспарту спешит на помощь

В статье расскажу про то как боролся с переместившимся клубком запутанных сущностей. Также поделюсь идеями и новостями по прототипу. Читать далее

схемыкарты знанийвизуализация графовраскладка графаUXинтерфейсыофлайнPlyLoom
Habr
RU

Звук Windows 95 написал человек, который ни разу не пользовался ПК

Двадцать четвертого августа девяносто пятого года Microsoft выкатила Windows 95 с рекламой под Start Me Up от Rolling Stones, очередями у магазинов…

Brian EnoWindows 95The Microsoft Soundambientзвук запускаUXзагрузкасаунд-дизайнигровые логотипыистория IT
Habr
RU

Сделал сыну тренажёр слепой печати, потому что существующие показались ему скучными

Этой осенью сын пошёл в пятый класс, и я заметил странную вещь: со смартфоном он на «ты», а за обычной клавиатурой теряется. Мы попро…

ReactTypeScriptpet-projectслепая печатьклавиатурный тренажёрUXанализ ошибоканимация
Habr
RU

Мои три уровня проектирования UX для финтеха

Три уровня проектирования, на которых мы строим фундамент UX для финтех сервисов: 1) Регуляторный уровень; 2) Операционная прозрачность; 3) Уровень…

UXРегуляцияНеобанкиФинтехДизайн продуктапроектирование интерфейсовпроектирование взаимодействиябанкингприложения
Habr
RU

Зачем я добавил диван в калькулятор ремонта

У ремонта есть неприятная привычка: ответ на один вопрос почти сразу порождает следующий. Посчитал плитку, теперь хочется понять, как она ляжет возл…

строительные калькуляторывеб-разработкаNext.jsUXвизуализацияраскладка плиткираскладка ламината2.5DAI-ассистентпоисковый трафик
Habr
RU

Один «+», восемь дверей и борщ: уменьшаем трение в приложениях

Человек уже решил записать еду. Но вместо ввода приложение предлагает поиск, штрихкод, фото, AI, рецепт, избранное — и ещё несколько дверей. Я сравн…

UXмобильная навигацияпользовательские сценарии
Habr
RU

Заметки как чаты: почему я перестал искать папку и начал искать сообщение

Всем привет я Артур Валиев, пятничная статья, поехали. Я каждый день кидаю заметки не в специальное приложение, а в Избранное в Telegram — просто по…

TelegramUXпроизводительностьанимациирендерингC++SQLiteFTS5Reactandroid
Habr
RU

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

Я сделал браузерную стратегию про котов в стиральных машинах и обнаружил, что пересчитать поле гораздо легче, чем объяснить человеку,…

геймдевбраузерная играигровая механикаUXJavaScriptискусственный интеллектпроцедурные правила
Habr
RU

Голос из машины

Есть в общении с современными нейросетями странность, которая особенно заметна в голосовом режиме. Человек слышит интонации, паузы, с…

искусственный интеллектнейросетиChatGPTLLMголосовые интерфейсычеловеко-машинное взаимодействиефилософия ИИсознаниеэффект присутствияUX
Habr
RU

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

Первые проблемы мы заметили, когда добавили скелетоны загрузки. С виду всё было красиво: плавная анимация, приятные цвета в тон интерфейсу. Мы думал…

продуктовая разработкаMVPпользовательское поведениеUXпродуктовые гипотезыuser researchproduct discoveryWorkHub
Habr
RU

Тёмные паттерны: как закон в России впервые прямо запрещает манипулятивный дизайн

В 2025–2026 году в России впервые появились законы, которые прямо запрещают тёмные паттерны — предустановленные галочки, подписки-ловушки, склеенные…

тёмные паттерныdark patternsUXманипулятивный дизайнзакон о платформенной экономике289-ФЗ376-ФЗзащита прав потребителейрегулирование дизайнаФАС
Habr
RU

Внедрение AI в дизайн-процесс: что реально работает, а что пока только обещано

Разбор того, где AI на самом деле прижился в дизайн-процессе, а где пока только обещания. На пяти реальных источниках — от интервью с дизайнерами At…

AI в дизайнедизайн-процессдизайн-системыFigma MCPCursorUXдизайн-агентыclaude
Habr
RU

Пошаговая инструкция по внедрению скелетон-загрузки в ваше приложение

В этой статье в блоге ЛАНИТ хочу поделиться опытом нашей команды по внедрению скелетон-загрузки в приложение с семилетней историей. Мы столкнулись с…

дизайнинтерфейсыпроектированиеотзывчивость интерфейсазагрузкагайдопытUXUI
Habr
RU

Яндекс.Музыка: как нарисовать красивые метрики, испортив продукт

В связи с жёсткой ситуацией на рынке, в глаза особенно бросаются продуктовые косяки. С одной стороны, жёсткая конкуренция н…

яндекс.музыкаперсонализациярекомендацииуправление продуктомUX
Habr
RU

Один комментарий на Хабре — и ещё один пакет для Django Admin

Недавно я опубликовал на Хабре статью о небольшом пакете django-scroll-to-top , который добавляет кнопку «Наверх» в проекты на Django. Сам пакет реш…

DjangoDjango AdminPythonopen sourcePyPIUXcookieплагины Djangoадминистративная панельdjango admin collapse apps
Habr
RU

Архитектура продолжений: как в цифровой среде одни ходы становятся легче других

Интерфейс можно описывать не только через доступные действия, но и через продолжения, которые он делает более лёгкими. В статье предлагается рамка “…

интерфейсыUXusabilityцифровая средаархитектура продолженийследующий ходвниманиеchoice architectureaffordanceцифровая грамотность
Habr
RU

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

Я объясняла, что такое доступный дизайн, наверное, сто раз. В статьях, на созвонах, в комментариях. И каждый раз ловила одну и ту же реакцию: люди к…

доступностьaccessibilityинклюзивный дизайнсимулятордальтонизмконтрастUXWCAGслабовидящиеинтерфейс
Habr
RU

Баллада о том, как мы за 7 рублей продлили сезон самокатов на месяц

Короткий операционный кейс о том, как дешёвые строительные перчатки продлили сезон самокатов примерно на месяц и напомнили, что не все продуктовые п…

шерингаренда самокатовпродуктовая аналитикаюнит-экономикаоперационкасезонностьUXкейсшеринг-экономика
Habr
RU

LazyWeb: бесплатный MCP на 257 тысяч экранов, который чинит говнодизайн агентов и их хозяев

Когда агент рисует интерфейс «из головы», он выдаёт усреднённое из обучающих данных: безопасные цвета, layout, который вы видели тысячу раз. Я устал…

LazyWebMCPUXUIдизайнAI-агентыClaude CodeCodexdesign-researchvibe-coding
Habr
RU

От папки с созвонами до 5K+ юзеров: как pet-проект «для себя» встретился с реальными пользователями

Записать созвон — легко. Сложнее потом найти, где именно обсуждали сроки, бюджет и того самого человека, которого нужно было добавить в копию письма…

распознавание речиpet-проектыразработка продуктаUXстартапыличный опыт.запись экранаии
Habr