{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Пользовательский интерфейс",
    "_rss_description": "Принципы и методы Решение по-эпловски Ховер из овер",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "6748",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/apple-music-modal-search\/",
            "title": "Модальный поиск в Музыке Эпла мешает послушать песню",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/apple-music-modal-special-place.png\" width=\"402\" height=\"874\" alt=\"\" \/>\n<\/div>\n<p>Вот мне понадобилось срочно послушать конкретную песню. Это мой обычный сценарий: просто вдруг я понял, что сейчас мне надо именно это.<\/p>\n<p>Так и что? Дурацкое приложение Музыка на Айфоне не находит песню, потому что зачем-то ищет её в Эпл-музыке, на которую я, разумеется, не подписан — и не находит. И это каждый раз так! Хотя там и искать не надо, потому что песня есть в моей фонотеке в соседней вкладке.<\/p>\n<p>Урок для дизайнеров: разделение поиска на части мешает жить. Если что-то есть, оно должно просто находиться, а не требовать от пользователя, чтобы он что-то там переключал.<\/p>\n<p>Вы скажете: но для бизнеса важнее показывать Эпл-музыку!  Во-первых, ничто не мешает её показывать без переключателя. А во-вторых: так а что ж дизайнеры настолько тогда тупые, что не находят мне эту песню в Эпл-музыке и не предлагают купить, если даже предположить, что они коммерческие интересы преследуют?<\/p>\n",
            "summary": "Вот мне понадобилось срочно послушать конкретную песню. Это мой обычный сценарий: просто вдруг я понял, что сейчас мне надо именно это",
            "date_published": "2026-06-10T02:00:33+05:00",
            "date_modified": "2026-06-10T01:58:33+05:00",
            "tags": [
                "Айтюнс",
                "модальность",
                "пользовательский интерфейс",
                "Эпл"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/apple-music-modal-special-place.png",
            "_date_published_rfc2822": "Wed, 10 Jun 2026 02:00:33 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6748",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/apple-music-modal-special-place.png"
                ]
            }
        },
        {
            "id": "6745",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/window-classic-theme\/",
            "title": "Классическая тема Виндоус",
            "content_html": "<p>А помните, когда появился Виндоус Экс-пи со своей мультяшной темой оформления из «Телепузиков», можно было зайти в настройку и вернуть классическую тему?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/window-classic-theme@2x.jpg\" width=\"426\" height=\"436\" alt=\"\" \/>\n<\/div>\n<p>Разумеется, это делалось самым первым шагом после установки системы.<\/p>\n<p>На Маке опции «вернуть вменяемый дизайн без маркетинговых свистоперделок» никогда не было, и нам нравилось думать, что на Маке стандартный дизайн хорош сам по себе. Но ведь вообще-то это уже много лет как неправда. Ладно Тахое, это экстремальный пример; но ведь даже Биг Сур уже всё поломал. И я чё-то щас подумал, что в Микрософте кто-то в 2000-м году додумался, что придурь маркетологов не должна неустранимо влиять на опыт пользователей. Пусть ради скриншотов в рекламе рисуют что хотят, но для нормальных-то людей должен быть способ это всё выключить. Понимаете, нашёлся какой-то рассудительный человек?<\/p>\n<p>Так а чё, можно уже пора признать, что и Эплу такая фича нужна тоже?<\/p>\n",
            "summary": "А помните, когда появился Виндоус Экс-пи со своей мультяшной темой оформления из «Телепузиков», можно было зайти в настройку и вернуть классическую тему?",
            "date_published": "2026-06-05T01:33:56+05:00",
            "date_modified": "2026-06-05T01:33:53+05:00",
            "tags": [
                "Виндоус",
                "Мак",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/window-classic-theme@2x.jpg",
            "_date_published_rfc2822": "Fri, 05 Jun 2026 01:33:56 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6745",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/window-classic-theme@2x.jpg"
                ]
            }
        },
        {
            "id": "6743",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-201\/",
            "title": "На интерфейсном курсе: как использовать вариативную жирность для сочетания разных кеглей в строке",
            "content_html": "<p>В разборе задания на вёрстку виджета показываю, как компенсировать разницу кеглей с помощью разницы жирности. Пара минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/t78UFJfjh94?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 201 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 сентября 2024 года.<\/p>\n<p>Открыта запись на курс c 6 июня по 5 июля!<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n<p>Это лучший курс об интерфейсе. За месяц узнаете то, что не узнали бы за пять лет «исследований».<\/p>\n",
            "summary": "В разборе задания на вёрстку виджета показываю, как компенсировать разницу кеглей с помощью разницы жирности",
            "date_published": "2026-06-04T14:34:12+05:00",
            "date_modified": "2026-06-04T14:34:09+05:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "типографика",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-t78UFJfjh94-cover.jpg",
            "_date_published_rfc2822": "Thu, 04 Jun 2026 14:34:12 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6743",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-t78UFJfjh94-cover.jpg"
                ]
            }
        },
        {
            "id": "6741",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-200\/",
            "title": "Фрагменты интерфейсного курса",
            "content_html": "<p>За те годы, что <a href=\"https:\/\/bureau.ru\/educenter\/ui-online\/\">мой интерфейсный курс<\/a> идёт в онлайне, я выложил уже <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui-course-frags\/\">почти две сотни фрагментов с наших семинаров<\/a>. Они уже сами представляют собой неплохую базу материала, правда, не очень структурированного. Пришло время навести хотя бы немного порядка.<\/p>\n<p>Разобрал 200 фрагментов, потом разберу ещё.<\/p>\n<p>Сборная солянка:<\/p>\n<ul>\n  <li>№ 1. <a href=\"https:\/\/www.youtube.com\/watch?v=xzUNC_VGNFk\">Разбираем пару таблиц, заглядываем к Мильчину, потом смотрим и двигаем форму<\/a><\/li>\n  <li>№ 2. <a href=\"https:\/\/www.youtube.com\/watch?v=_Jv9dT2B7Nc\">Обсуждаем тафтианские точки во времени в расписаниях, разбираем кусок формы для Ай-ОСа<\/a><\/li>\n  <li>№ 19. <a href=\"https:\/\/www.youtube.com\/watch?v=5VCi1KN7WdE\">Чёткие края фоток, выбор стеклопакетов и нелинейное анду в Фотошопе<\/a><\/li>\n  <li>№ 26. <a href=\"https:\/\/www.youtube.com\/watch?v=Pc0GryUpCgM\">ФИО как в паспорте и эффект японской квартиры<\/a><\/li>\n  <li>№ 89. <a href=\"https:\/\/www.youtube.com\/watch?v=eLOGLY3_h7U\">Прямоугольнизация дизайна и свобода, которую даёт фотошоп<\/a><\/li>\n  <li>№ 119. <a href=\"https:\/\/www.youtube.com\/watch?v=Hwi6ddaRZ38\">О дизайне переключателя (segmented control) и положении кнопки<\/a><\/li>\n  <li>№ 138. <a href=\"https:\/\/www.youtube.com\/watch?v=GNxf6DAZR-Q\">Разное про кассу в магазине<\/a><\/li>\n  <li>№ 146. <a href=\"https:\/\/www.youtube.com\/watch?v=CSvgFqJ8p1Q\">Разбор конфигуратора окон и как классифицировать сообщения об ошибках<\/a><\/li>\n  <li>№ 184. <a href=\"https:\/\/www.youtube.com\/watch?v=Gpc_mkSvv4A\">Эпицентрический дизайн и понятность с первого раза<\/a><\/li>\n  <li>№ 189. <a href=\"https:\/\/www.youtube.com\/watch?v=VHJsb_XZajA\">Фиттс плачет от размера кнопок, а пицца могла быть крупнее<\/a><\/li>\n<\/ul>\n<p>Почти самостоятельные лекции:<\/p>\n<ul>\n  <li>№ 3. <a href=\"https:\/\/www.youtube.com\/watch?v=LBBWjtEHLxU\">Папочка comparisons, листаю и комментирую после лекций об информационном дизайне<\/a> (это впоследствие превратилось в самостоятельную лекцию в блоке об информационном дизайне)<\/li>\n  <li>№ 33. <a href=\"https:\/\/www.youtube.com\/watch?v=du6SqjjLEzQ\">Физические радиокнопки, рукоятки в самолёте, фотоаппарат Фуджифильм<\/a><\/li>\n  <li>№ 37. <a href=\"https:\/\/www.youtube.com\/watch?v=SwyTvRljimM\">Блиц-пересказ куска питерского доклада про интерфейсы и Ворлд-Чесс<\/a><\/li>\n  <li>№ 46. <a href=\"https:\/\/www.youtube.com\/watch?v=JTqRG_7e3O8\">Про сложное цветовое кодирование и триаду Мейксенара<\/a><\/li>\n  <li>№ 55. <a href=\"https:\/\/www.youtube.com\/watch?v=3q0HH7mUMYA\">Соответствие между логической структурой и выразительными средствами и дизайн-системы<\/a><\/li>\n  <li>№ 167. <a href=\"https:\/\/www.youtube.com\/watch?v=V5StnSF_7sc\">Опрятность прячет проблемы<\/a><\/li>\n<\/ul>\n<p>Метод:<\/p>\n<ul>\n  <li>№ 30. <a href=\"https:\/\/www.youtube.com\/watch?v=-np87CaMjKs\">Метод «Например»<\/a><\/li>\n  <li>№ 40. <a href=\"https:\/\/www.youtube.com\/watch?v=MuDea0wOabA\">Сценка со звонком в пиццерию<\/a><\/li>\n  <li>№ 126. <a href=\"https:\/\/www.youtube.com\/watch?v=ro4EBiCJ1iE\">Решение существует<\/a><\/li>\n  <li>№ 200. <a href=\"https:\/\/www.youtube.com\/watch?v=c14ftireNvs\">Разбираем каждый сценарий отдельно<\/a><\/li>\n<\/ul>\n<p>Формы:<\/p>\n<ul>\n  <li>№ 4. <a href=\"https:\/\/www.youtube.com\/watch?v=bPSaKS1bbsE\">Двигаем простенькую форму регистрации, чтобы стало поаккуратнее<\/a><\/li>\n  <li>№ 5. <a href=\"https:\/\/www.youtube.com\/watch?v=OMJV8exdbnU\">Избавляемся от рамки, наводим порядок в корзине, упрощаем поля адреса, мочим звёздочки<\/a><\/li>\n  <li>№ 11. <a href=\"https:\/\/www.youtube.com\/watch?v=how0mkG7ui4\">Первое впечатление, синтаксис и язык формы заказа с доставкой<\/a><\/li>\n  <li>№ 15. <a href=\"https:\/\/www.youtube.com\/watch?v=c91KziF01sQ\">Верстаем, сокращаем, верстаем, сокращаем, верстаем, сокращаем форму<\/a><\/li>\n  <li>№ 28. <a href=\"https:\/\/www.youtube.com\/watch?v=GrkuX84kKeo\">Улучшаем форму обратной связи Букинг.кома<\/a><\/li>\n  <li>№ 35. <a href=\"https:\/\/www.youtube.com\/watch?v=dckw7tqm1M4\">Первое впечатление от формы<\/a><\/li>\n  <li>№ 50. <a href=\"https:\/\/www.youtube.com\/watch?v=oepQvJtNgUU\">Упорядочиваем вёрстку формы<\/a><\/li>\n  <li>№ 52. <a href=\"https:\/\/www.youtube.com\/watch?v=hPGiFsdTKa8\">Расстояние между полями и сокращение подписей<\/a><\/li>\n  <li>№ 53. <a href=\"https:\/\/www.youtube.com\/watch?v=IR0zLLBf65Y\">Редизайним форму настройки сложной логики<\/a><\/li>\n  <li>№ 63. <a href=\"https:\/\/www.youtube.com\/watch?v=KbZAeVFaEcU\">Добавление нескольких телефонов в форме<\/a><\/li>\n  <li>№ 84. <a href=\"https:\/\/www.youtube.com\/watch?v=phraobT9Ufk\">Разбираем мелочи в форме регистрации<\/a><\/li>\n  <li>№ 85. <a href=\"https:\/\/www.youtube.com\/watch?v=DnTeUK1OqLQ\">Исправляем форму формы, ну и немножко содержание<\/a><\/li>\n  <li>№ 103.<a href=\"https:\/\/www.youtube.com\/watch?v=b4NPKYiT9n4\">Плейсхолдеры в каждом поле — это как иконки у каждого пункта меню<\/a><\/li>\n  <li>№ 104. <a href=\"https:\/\/www.youtube.com\/watch?v=dqnYrhXSMms\">Подробный разбор сложной формы<\/a><\/li>\n  <li>№ 108. <a href=\"https:\/\/www.youtube.com\/watch?v=9RUUtqehkyU\">Кирпичная кладка и другие недостатки формы<\/a><\/li>\n  <li>№ 118. <a href=\"https:\/\/www.youtube.com\/watch?v=9kB6CfCE0aM\">Обозначение обязательных и необязательных полей<\/a><\/li>\n  <li>№ 130. <a href=\"https:\/\/www.youtube.com\/watch?v=ublwi2BmrH0\">Как сделать сетку в форме<\/a><\/li>\n  <li>№ 143. <a href=\"https:\/\/www.youtube.com\/watch?v=VlEbVJGgGXw\">Не надо ставить элементы формы под главную кнопку<\/a><\/li>\n  <li>№ 145. <a href=\"https:\/\/www.youtube.com\/watch?v=WjX759lGaHI\">У Гугля плохой дизайн<\/a><\/li>\n  <li>№ 154. <a href=\"https:\/\/www.youtube.com\/watch?v=YIwCjtdp5Y4\">Форма слишком сложная<\/a><\/li>\n  <li>№ 156. <a href=\"https:\/\/www.youtube.com\/watch?v=5gxBJOV4yzA\">Размеры и кнопка в форме<\/a><\/li>\n  <li>№ 159. <a href=\"https:\/\/www.youtube.com\/watch?v=rMnnM3o_JXo\">Поле поиска — это не часть полей формы<\/a><\/li>\n  <li>№ 182. <a href=\"https:\/\/www.youtube.com\/watch?v=ni3Hn1Mj9tw\">Фотошоплю форму смотреть бесплатно<\/a><\/li>\n  <li>№ 199. <a href=\"https:\/\/www.youtube.com\/watch?v=bO0BpVjKp2c\">Сложная форма и сложный текст<\/a><\/li>\n<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/web-forms\/\">веб-формы<\/a><\/p>\n<p>Элементы интерфейса:<\/p>\n<ul>\n  <li>№ 60. <a href=\"https:\/\/www.youtube.com\/watch?v=NdBt_Oqydk4\">Рассуждения о текстовых кнопках<\/a><\/li>\n  <li>№ 67. <a href=\"https:\/\/www.youtube.com\/watch?v=WqFfT7yDMJg\">Меняем табы на переключалку и настраиваем вёрстку<\/a><\/li>\n  <li>№ 72. <a href=\"https:\/\/www.youtube.com\/watch?v=IV2nVMcaQ7U\">Представляем выбор внятно радиокнопками<\/a><\/li>\n  <li>№ 76. <a href=\"https:\/\/www.youtube.com\/watch?v=wihXJHHK3yo\">Так это кнопка или ссылка? Оказывается, это радиокнопка!<\/a><\/li>\n  <li>№ 114. <a href=\"https:\/\/www.youtube.com\/watch?v=n4Cb774L2_U\">Что не так с аккордеоном<\/a><\/li>\n  <li>№ 116. <a href=\"https:\/\/www.youtube.com\/watch?v=9tewBcFm-1M\">Как назвать чупа-чупс<\/a><\/li>\n  <li>№ 144. <a href=\"https:\/\/www.youtube.com\/watch?v=ZFLMkM02lp8\">Три вида серенького текста в поле<\/a><\/li>\n  <li>№ 147. <a href=\"https:\/\/www.youtube.com\/watch?v=FusPcntg-oI\">Показываю старинные радиокнопку и чекбокс<\/a><\/li>\n  <li>№ 151. <a href=\"https:\/\/www.youtube.com\/watch?v=mMTivJldcAQ\">Про хоум-индикатор<\/a><\/li>\n  <li>№ 169. <a href=\"https:\/\/www.youtube.com\/watch?v=hpnt4JyiU2o\">У прямоугольника недостаточно признаков поля<\/a><\/li>\n  <li>№ 185. <a href=\"https:\/\/www.youtube.com\/watch?v=mei6ZHz5cRU\">Крутилка значит «программа думает»<\/a><\/li>\n<\/ul>\n<p>Интерфейс:<\/p>\n<ul>\n  <li>№ 9. <a href=\"https:\/\/www.youtube.com\/watch?v=gUklbkeDdYg\">Незаконно упрощаем, упаковываем несколько полей в одно и обсуждаем тестирование<\/a><\/li>\n  <li>№ 16. <a href=\"https:\/\/www.youtube.com\/watch?v=99o_4c7HTUk\">О важности дефолтных значений в калькуляторе, о нежелательных связях из-за сетки<\/a><\/li>\n  <li>№ 44. <a href=\"https:\/\/www.youtube.com\/watch?v=2aQnKL5nLUw\">Упрощаем экран успешного заказа пиццы<\/a><\/li>\n  <li>№ 61. <a href=\"https:\/\/www.youtube.com\/watch?v=-zzLglJ9bEc\">Упрощаем первый экран кассы самообслуживания, добавляем кнопку «У меня булка»<\/a><\/li>\n  <li>№ 74. <a href=\"https:\/\/www.youtube.com\/watch?v=aLETIvOafg0\">Так это форма или мастер?<\/a><\/li>\n  <li>№ 75. <a href=\"https:\/\/www.youtube.com\/watch?v=zngun6Kw1q4\">Точно описываем поведение интерфейса для разработчиков<\/a><\/li>\n  <li>№ 77. <a href=\"https:\/\/www.youtube.com\/watch?v=U_9t3-mJXp0\">Жму синюю кнопку на автомате, не читая<\/a><\/li>\n  <li>№ 83. <a href=\"https:\/\/www.youtube.com\/watch?v=D0zKnGG10tY\">Уважать ли интерфейсные традиции разных платформ?<\/a><\/li>\n  <li>№ 86. <a href=\"https:\/\/www.youtube.com\/watch?v=wq4MQNpFrbg\">Не надо ничего активировать<\/a><\/li>\n  <li>№ 97. <a href=\"https:\/\/www.youtube.com\/watch?v=jwbEj5v3bu8\">Ширина и прокрутка на десктопе<\/a><\/li>\n  <li>№ 101. <a href=\"https:\/\/www.youtube.com\/watch?v=pn_X2x_8XPo\">Елена Семёновна и валидация ввода<\/a><\/li>\n  <li>№ 105. <a href=\"https:\/\/www.youtube.com\/watch?v=Ew75feYtGMs\">Как именно работает взаимодействие?<\/a><\/li>\n  <li>№ 107. <a href=\"https:\/\/www.youtube.com\/watch?v=GBj17b4l10s\">Как делать, чтобы программа не тормозила<\/a><\/li>\n  <li>№ 109. <a href=\"https:\/\/www.youtube.com\/watch?v=-8neywtnhT8\">Двухпанельный интерфейс<\/a><\/li>\n  <li>№ 115. <a href=\"https:\/\/www.youtube.com\/watch?v=Tq8Rh7GPqhM\">Мир пользователя<\/a><\/li>\n  <li>№ 121. <a href=\"https:\/\/www.youtube.com\/watch?v=xKPaH3XiW-4\">О связях сущностей в сложных системах<\/a><\/li>\n  <li>№ 122. <a href=\"https:\/\/www.youtube.com\/watch?v=XvPjm7mQ0n8\">Думать из мира пользователя<\/a> (продолжение из 115)<\/li>\n  <li>№ 149. <a href=\"https:\/\/www.youtube.com\/watch?v=UENZW1gNjpU\">Двойная обратная связь<\/a><\/li>\n  <li>№ 150. <a href=\"https:\/\/www.youtube.com\/watch?v=crgZi_CW6xU\">Зелёный значит «всё хорошо»<\/a><\/li>\n  <li>№ 153. <a href=\"https:\/\/www.youtube.com\/watch?v=9E-iYfjEqg0\">В играх всё иначе<\/a><\/li>\n  <li>№ 155. <a href=\"https:\/\/www.youtube.com\/watch?v=cG6jewXdWL4\">Кнопка «Сохранить» — плохой знак<\/a><\/li>\n  <li>№ 168. <a href=\"https:\/\/www.youtube.com\/watch?v=ax1BrxWlcOw\">Что делать, пока ЭВМ думает медленно?<\/a><\/li>\n  <li>№ 177. <a href=\"https:\/\/www.youtube.com\/watch?v=UNctbi4hCCk\">Пошаговый интерфейс только кажется простым<\/a><\/li>\n  <li>№ 179. <a href=\"https:\/\/www.youtube.com\/watch?v=ftiQbv2dNYE\">Мы не заставим пользователя перепроверить данные, если ему самому это не надо<\/a><\/li>\n  <li>№ 180. <a href=\"https:\/\/www.youtube.com\/watch?v=XY6DONMlpUo\">Вопрос о грани, после которой нужна пошаговость<\/a><\/li>\n  <li>№ 190. <a href=\"https:\/\/www.youtube.com\/watch?v=Zgh2vUkXMKk\">Перегруз в интерфейсе и отзывы на курс в конце<\/a><\/li>\n  <li>№ 191. <a href=\"https:\/\/www.youtube.com\/watch?v=EdfE1-DSFL4\">На карте происходит «что-то странное»<\/a><\/li>\n  <li>№ 196. <a href=\"https:\/\/www.youtube.com\/watch?v=VimbYcfrH44\">Хорошее решение задачи со вводом адреса<\/a><\/li>\n  <li>№ 198. <a href=\"https:\/\/www.youtube.com\/watch?v=aAiy4npM_ks\">Кажется, с некоторыми привычками нет смысла бороться<\/a><\/li>\n<\/ul>\n<p>Таблицы:<\/p>\n<ul>\n  <li>№ 8. <a href=\"https:\/\/www.youtube.com\/watch?v=IvzDUzH-Sk0\">Сверхплотная упаковка шапки таблицы и вёрстка карманного словаря<\/a><\/li>\n  <li>№ 10. <a href=\"https:\/\/www.youtube.com\/watch?v=mE0pZIVgJLE\">Что не позволено базе данных, то позволено обычной таблице<\/a><\/li>\n  <li>№ 29. <a href=\"https:\/\/www.youtube.com\/watch?v=N2LINRApqmg\">Круговая диаграмма для красоты, табличка для пользы дела<\/a><\/li>\n  <li>№ 39. <a href=\"https:\/\/www.youtube.com\/watch?v=MgwYwu3wkk4\">Дизайн универсальных таблиц с непредсказуемым содержимым<\/a><\/li>\n  <li>№ 65. <a href=\"https:\/\/www.youtube.com\/watch?v=oz571oi6w24\">Живые спарклайны в таблице<\/a><\/li>\n  <li>№ 102. <a href=\"https:\/\/www.youtube.com\/watch?v=QyHEWiMR_0A\">Как выравнивать цифры в таблицах<\/a><\/li>\n  <li>№ 112. <a href=\"https:\/\/www.youtube.com\/watch?v=zSJijCINU58\">Собираем табличку с диапазоном и разной точностью<\/a><\/li>\n  <li>№ 113. <a href=\"https:\/\/www.youtube.com\/watch?v=ZDvDnJ1HSP0\">Рекомендую жирную, а не бледную шапку в таблице<\/a><\/li>\n  <li>№ 117. <a href=\"https:\/\/www.youtube.com\/watch?v=PBzl0pIUqk0\">Горизонтальная прокрутка в таблицах<\/a><\/li>\n  <li>№ 142. <a href=\"https:\/\/www.youtube.com\/watch?v=tOiNW_F_PH4\">Про динамические таблицы<\/a><\/li>\n  <li>№ 157. <a href=\"https:\/\/www.youtube.com\/watch?v=36V12nuC0kY\">Иерархия в таблице<\/a><\/li>\n  <li>№ 171. <a href=\"https:\/\/www.youtube.com\/watch?v=0F-zmFtcWwI\">Повышаем плотность таблиц<\/a><\/li>\n  <li>№ 181. <a href=\"https:\/\/www.youtube.com\/watch?v=wbMlHzWf5Ww\">Сначала подлежащее, затем сказуемое<\/a><\/li>\n<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/tables\/\">таблицы<\/a><\/p>\n<p>Графики, диаграммы, инфографика:<\/p>\n<ul>\n  <li>№ 34. <a href=\"https:\/\/www.youtube.com\/watch?v=u682Zi8_FBk\">Визуализация помогает увидеть закономерности<\/a><\/li>\n  <li>№ 43. <a href=\"https:\/\/www.youtube.com\/watch?v=BvugvUfyXmg\">Объясняю про тафтианские 45 градусов на графике<\/a><\/li>\n  <li>№ 94. <a href=\"https:\/\/www.youtube.com\/watch?v=8986vOikHRk\">Если данных мало, то и график не нужен<\/a><\/li>\n  <li>№ 95. <a href=\"https:\/\/www.youtube.com\/watch?v=WSXYgIwdziI\">Рассуждения про инфографику и её задачи<\/a><\/li>\n  <li>№ 98. <a href=\"https:\/\/www.youtube.com\/watch?v=9pf94f8Mz7Q\">Когда визуализация потрачена впустую<\/a><\/li>\n  <li>№ 110. <a href=\"https:\/\/www.youtube.com\/watch?v=qsDWBf-xcVs\">В чём проблема интерактивных графиков<\/a><\/li>\n  <li>№ 111. <a href=\"https:\/\/www.youtube.com\/watch?v=wJJdSn4Vk-Q\">Нужны не круговые диаграммы, а таблица<\/a><\/li>\n  <li>№ 132. <a href=\"https:\/\/www.youtube.com\/watch?v=Urn9TDalPg4\">Дискуссия о задачах инфографики<\/a><\/li>\n  <li>№ 134. <a href=\"https:\/\/www.youtube.com\/watch?v=zMmO0bWqELQ\">Музыкальная нотация и чтение с листа<\/a><\/li>\n  <li>№ 172. <a href=\"https:\/\/www.youtube.com\/watch?v=Oz3A44Em8ms\">Толщина — носитель цвета<\/a><\/li>\n  <li>№ 192. <a href=\"https:\/\/www.youtube.com\/watch?v=5dr0TiVhLSE\">Не выделяй второстепенное «как второстепенное»<\/a><\/li>\n<\/ul>\n<p>Редактура в дизайне:<\/p>\n<ul>\n  <li>№ 7. <a href=\"https:\/\/www.youtube.com\/watch?v=1DdsndXWHSE\">Механически редактируем примечание к таблице<\/a><\/li>\n  <li>№ 24. <a href=\"https:\/\/www.youtube.com\/watch?v=bxSu-Vx0Nz8\">Отступления от синтаксиса интерфейса и линейки в таблицах<\/a><\/li>\n  <li>№ 49. <a href=\"https:\/\/www.youtube.com\/watch?v=H3UvwkQH8_o\">Редактура привела к радиокнопке<\/a><\/li>\n  <li>№ 66. <a href=\"https:\/\/www.youtube.com\/watch?v=-6LaXViTWzc\">Исследование о тексте в интерфейсе Эпла (1980-е)<\/a><\/li>\n  <li>№ 70. <a href=\"https:\/\/www.youtube.com\/watch?v=Zphn9ixcd0U\">Показать примечание в контексте и заодно сократить<\/a><\/li>\n  <li>№ 80. <a href=\"https:\/\/www.youtube.com\/watch?v=AmuCRWsSdpA\">Редактируем интерфейс конфигуратора окон<\/a><\/li>\n  <li>№ 92. <a href=\"https:\/\/www.youtube.com\/watch?v=bYk0_q6tWLA\">Поле «Комментарий для курьера»<\/a><\/li>\n  <li>№ 96. <a href=\"https:\/\/www.youtube.com\/watch?v=1l35NtOBogE\">Жирный против курсива<\/a><\/li>\n  <li>№ 120. <a href=\"https:\/\/www.youtube.com\/watch?v=H-tk4IhJWnA\">Непонятный выбор и названия кнопок<\/a><\/li>\n  <li>№ 127. <a href=\"https:\/\/www.youtube.com\/watch?v=oJkMBxIeLE0\">Редактируем регистрацию на вымышленном сайте<\/a><\/li>\n  <li>№ 129. <a href=\"https:\/\/www.youtube.com\/watch?v=5e2pwuF8raQ\">Формулировки ошибок в форме<\/a><\/li>\n  <li>№ 135. <a href=\"https:\/\/www.youtube.com\/watch?v=ERNjOfUbXZY\">Сокращаем текст про почту<\/a><\/li>\n  <li>№ 176. <a href=\"https:\/\/www.youtube.com\/watch?v=dlnCTOPoov4\">На элементах интерфейса не надо писать что угодно<\/a><\/li>\n<\/ul>\n<p>Вёрстка:<\/p>\n<ul>\n  <li>№ 17. <a href=\"https:\/\/www.youtube.com\/watch?v=td6deeU-7kU\">Срисовываем экран интерфейса у Эпла, чтобы выглядело нормально<\/a><\/li>\n  <li>№ 42. <a href=\"https:\/\/www.youtube.com\/watch?v=sXRWQ05cO3I\">Улучшаем эстетику с помощью контраста и прямоугольности<\/a><\/li>\n  <li>№ 73. <a href=\"https:\/\/www.youtube.com\/watch?v=49DSUMomhNE\">Верстаем интерфейс конструктора окон<\/a><\/li>\n  <li>№ 78. <a href=\"https:\/\/www.youtube.com\/watch?v=JFKJHdQJvNQ\">Неудачные выравнивательные связи<\/a><\/li>\n  <li>№ 99. <a href=\"https:\/\/www.youtube.com\/watch?v=yj5dFy9HQ-Y\">Комментирую вёрстку окна<\/a><\/li>\n  <li>№ 160. <a href=\"https:\/\/www.youtube.com\/watch?v=UeSCu7MFeAw\">Двигаем иконки в виджете<\/a><\/li>\n  <li>№ 161. <a href=\"https:\/\/www.youtube.com\/watch?v=a0HYHigmUx8\">Вписываем кусок карты в виджет<\/a><\/li>\n  <li>№ 162. <a href=\"https:\/\/www.youtube.com\/watch?v=cbpDb3k_t5k\">Чистим виджет от шума<\/a><\/li>\n  <li>№ 164. <a href=\"https:\/\/www.youtube.com\/watch?v=AebU9xyd-QI\">Виджет умного дома с иконками<\/a><\/li>\n  <li>№ 173. <a href=\"https:\/\/www.youtube.com\/watch?v=EaSKacTWobU\">Срисовываем большой круг для виджета<\/a><\/li>\n  <li>№ 174. <a href=\"https:\/\/www.youtube.com\/watch?v=aV65V1H4w3I\">Срисовываем виджет погоды<\/a><\/li>\n  <li>№ 187. <a href=\"https:\/\/www.youtube.com\/watch?v=5GEpr9nRh3s\">Зачем делать виджеты на Ай-ОСе похожими на системные<\/a><\/li>\n  <li>№ 193. <a href=\"https:\/\/www.youtube.com\/watch?v=Oos6g8k6JKA\">Зачем делать виджеты на Ай-ОСе непохожими на системные<\/a><\/li>\n  <li>№ 197. <a href=\"https:\/\/www.youtube.com\/watch?v=vOJQS3p_tiw\">Фотошопленье виджета автомобиля<\/a><\/li>\n<\/ul>\n<p>Эстетика:<\/p>\n<ul>\n  <li>№ 12. <a href=\"https:\/\/www.youtube.com\/watch?v=kmlb272BAdo\">Как делать градиенты в инфографике<\/a><\/li>\n  <li>№ 13. <a href=\"https:\/\/www.youtube.com\/watch?v=29GAdT6dXBA\">Упаковка таблицы, симультанный контраст и борьба за красоту цветов<\/a><\/li>\n  <li>№ 27. <a href=\"https:\/\/www.youtube.com\/watch?v=X1v54YA8g7c\">Cкруглённое поле поиска и ужасный шрифт Мирьяд-про<\/a><\/li>\n  <li>№ 79. <a href=\"https:\/\/www.youtube.com\/watch?v=58GldX-JZig\">Улучшаем дизайн кнопки<\/a><\/li>\n  <li>№ 81. <a href=\"https:\/\/www.youtube.com\/watch?v=rlCxhBCxJww\">Классические признаки поля ввода и кнопки<\/a><\/li>\n  <li>№ 87. <a href=\"https:\/\/www.youtube.com\/watch?v=ox38_G9lQuo\">Вспомогательные линии — тоньше и скромнее<\/a><\/li>\n  <li>№ 91. <a href=\"https:\/\/www.youtube.com\/watch?v=hieOe3wu-7E\">Аналогия между элементами интерфейса и буквами шрифта, которые можно взять готовые<\/a><\/li>\n  <li>№ 93. <a href=\"https:\/\/www.youtube.com\/watch?v=hh1oSLA0XaE\">Задисейбленность кнопки<\/a><\/li>\n  <li>№ 140. <a href=\"https:\/\/www.youtube.com\/watch?v=Z8C1RMcR2fk\">Выбор цветов для интерфейса<\/a><\/li>\n  <li>№ 141. <a href=\"https:\/\/www.youtube.com\/watch?v=E40xHhr73Ig\">Шрифты с засечками в интерфейсе<\/a><\/li>\n  <li>№ 148. <a href=\"https:\/\/www.youtube.com\/watch?v=X7mBhTG08xA\">Настраиваем толщины линий<\/a><\/li>\n  <li>№ 152. <a href=\"https:\/\/www.youtube.com\/watch?v=hvv_ohLK1xU\">Много стилей и плохие тени<\/a><\/li>\n  <li>№ 188. <a href=\"https:\/\/www.youtube.com\/watch?v=jPUT-JErNAY\">Делаем кнопку в виджете<\/a><\/li>\n  <li>№ 194. <a href=\"https:\/\/www.youtube.com\/watch?v=ddETnquJ9XA\">Историческая справка по эстетике и пара слов о чекбоксе<\/a><\/li>\n  <li>№ 195. <a href=\"https:\/\/www.youtube.com\/watch?v=bJScwOfbbww\">Рассуждение про экономию выразительных средств на примере формы<\/a><\/li>\n<\/ul>\n<p>Ход:<\/p>\n<ul>\n  <li>№ 6. <a href=\"https:\/\/www.youtube.com\/watch?v=BKu6wqOvgfg\">Ставим красную блямбу рядом с таблицей<\/a><\/li>\n  <li>№ 20. <a href=\"https:\/\/www.youtube.com\/watch?v=CaiDj7OOUbc\">Изображаем нестандартную конструкцию окна символом<\/a><\/li>\n  <li>№ 25. <a href=\"https:\/\/www.youtube.com\/watch?v=N2Qk697fe24\">Чтобы пользователь нажал, можно написать «Жми!» <\/a><\/li>\n  <li>№ 71. <a href=\"https:\/\/www.youtube.com\/watch?v=TAg6cnGIsh4\">Запрещаю выравнивание по центру<\/a><\/li>\n  <li>№ 183. <a href=\"https:\/\/www.youtube.com\/watch?v=laiarbyW__Y\">Дедубликация элементов<\/a><\/li>\n<\/ul>\n<p>Бизнесовое и продуктовое:<\/p>\n<ul>\n  <li>№ 23. <a href=\"https:\/\/www.youtube.com\/watch?v=xq7ntaU6FTU\">Как продать подписку на «Афишу»<\/a><\/li>\n  <li>№ 32. <a href=\"https:\/\/www.youtube.com\/watch?v=qeyRl3IVSGQ\">Закоулки интерфейса можно просто не делать<\/a><\/li>\n  <li>№ 38. <a href=\"https:\/\/www.youtube.com\/watch?v=k6iyy4vJ1Co\">Продаём окна, объясняя разницу профилей<\/a><\/li>\n  <li>№ 47. <a href=\"https:\/\/www.youtube.com\/watch?v=6rDKRg6SlVc\">Аккуратное внедрение нового дизайна без ущерба привычкам<\/a><\/li>\n  <li>№ 48. <a href=\"https:\/\/www.youtube.com\/watch?v=MhdZzXw_Tzc\">Что, если на реализацию хорошего интерфейса нет времени<\/a><\/li>\n  <li>№ 56. <a href=\"https:\/\/www.youtube.com\/watch?v=3polv_KHa5g\">Разделяем сценарии оплаты частично, ровно по счёту и впрок<\/a><\/li>\n  <li>№ 57. <a href=\"https:\/\/www.youtube.com\/watch?v=TeolvcH5f_8\">Соблазняем человека пиццей, а не текстом «Ваша корзина пуста»<\/a><\/li>\n  <li>№ 59. <a href=\"https:\/\/www.youtube.com\/watch?v=UcIjtMreNHA\">Постоянные напоминания о цене могут мешать покупать<\/a><\/li>\n  <li>№ 64. <a href=\"https:\/\/www.youtube.com\/watch?v=PQzVzgYfvfQ\">Вопросы клиента к интерфейсу кассы самообслуживания<\/a><\/li>\n  <li>№ 82. <a href=\"https:\/\/www.youtube.com\/watch?v=2qV6CCRT6lA\">Заранее спросить у клиента про сео и персональные данные<\/a><\/li>\n  <li>№ 88. <a href=\"https:\/\/www.youtube.com\/watch?v=Mt45AuwOnvA\">Убрал шум — добавь сигнал!<\/a><\/li>\n  <li>№ 90. <a href=\"https:\/\/www.youtube.com\/watch?v=-GHjDFHWrBA\">Классно упростить себе задачу<\/a><\/li>\n  <li>№ 100. <a href=\"https:\/\/www.youtube.com\/watch?v=yTIrl1jnEHU\">Программисты могли бы подумать о пользе для бизнеса<\/a><\/li>\n  <li>№ 106. <a href=\"https:\/\/www.youtube.com\/watch?v=3fzeLHVhvy0\">Оговорка, что интерфейс — это не всё<\/a><\/li>\n  <li>№ 136. <a href=\"https:\/\/www.youtube.com\/watch?v=qh5BmDJ48yI\">Дисейблить ли кнопку с точки зрения канонов интерфейса и бизнеса?<\/a><\/li>\n  <li>№ 175. <a href=\"https:\/\/www.youtube.com\/watch?v=NqKDGROn8AQ\">Работа дизайнера — разобраться в теме<\/a><\/li>\n  <li>№ 178. <a href=\"https:\/\/www.youtube.com\/watch?v=bId3ORgHipo\">Не отвлекай ценой и сроками от конфигурирования<\/a><\/li>\n<\/ul>\n<p>Инструмент:<\/p>\n<ul>\n  <li>№ 18. <a href=\"https:\/\/www.youtube.com\/watch?v=vHCy9izr0v4\">Последовательное волшебство в интерфейсе Фотошопа<\/a><\/li>\n  <li>№ 41. <a href=\"https:\/\/www.youtube.com\/watch?v=NF8fC2Cp8iU\">Перерисовываю и улучшаю кусок интерфейса в Фигме с помощью компонентов<\/a><\/li>\n  <li>№ 45. <a href=\"https:\/\/www.youtube.com\/watch?v=H3CF-RG9lIc\">Режимы наложения слоёв с овощами и фруктами<\/a><\/li>\n  <li>№ 54. <a href=\"https:\/\/www.youtube.com\/watch?v=uILlCs5L_mY\">Секреты встроенной скриншотилки на Маке<\/a><\/li>\n<\/ul>\n<p>Работа над дизайном и подача:<\/p>\n<ul>\n  <li>№ 36. <a href=\"https:\/\/www.youtube.com\/watch?v=czu2l7RfEWs\">Оставляйте введённый запрос в поле поиска и рисуйте клавиатуру<\/a><\/li>\n  <li>№ 58. <a href=\"https:\/\/www.youtube.com\/watch?v=2tANVy6u2TQ\">Не описывайте макеты и не делайте «невозможные» макеты<\/a><\/li>\n  <li>№ 128. <a href=\"https:\/\/www.youtube.com\/watch?v=zCldGigmk04\">Что не так с ваерфреймами<\/a><\/li>\n  <li>№ 139. <a href=\"https:\/\/www.youtube.com\/watch?v=tqfe5-w0VPo\">Сначала презентуйте линейно, а потом уже рисуйте диаграммы<\/a><\/li>\n  <li>№ 158. <a href=\"https:\/\/www.youtube.com\/watch?v=WjHJhh6K7dk\">Важность подачи дизайна<\/a><\/li>\n  <li>№ 165. <a href=\"https:\/\/www.youtube.com\/watch?v=uCssgVrDCqM\">Крутой интерфейс кассы и крутая его презентация<\/a><\/li>\n  <li>№ 170. <a href=\"https:\/\/www.youtube.com\/watch?v=mlqnrYCBqr0\">Дизайн дизайна, или как расположить макеты на холсте<\/a><\/li>\n<\/ul>\n<p>Разное интересное:<\/p>\n<ul>\n  <li>№ 14. <a href=\"https:\/\/www.youtube.com\/watch?v=tYJMrY5zWlo\">Как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10<\/a><\/li>\n  <li>№ 21. <a href=\"https:\/\/www.youtube.com\/watch?v=fPVmyMbixXw\">Что бы я поменял в дизайне Бёрдвью спустя девять лет<\/a><\/li>\n  <li>№ 22. <a href=\"https:\/\/www.youtube.com\/watch?v=7Mc6IaaXNsc\">Технические ограничения и дизайн для будущего<\/a><\/li>\n  <li>№ 31. <a href=\"https:\/\/www.youtube.com\/watch?v=bCMAOeqapDI\">Двусмысленная иконка и проверка венгерским языком<\/a><\/li>\n  <li>№ 51. <a href=\"https:\/\/www.youtube.com\/watch?v=SQQLWeCaHs8\">Глючная обработка ввода пользователя в интерфейсе Сафари<\/a><\/li>\n  <li>№ 62. <a href=\"https:\/\/www.youtube.com\/watch?v=4JzD6d9V0nU\">Что делать, если клиент хочет фигню?<\/a><\/li>\n  <li>№ 68. <a href=\"https:\/\/www.youtube.com\/watch?v=x6RbJD24N6o\">Благодарности и в чём польза теории<\/a><\/li>\n  <li>№ 69. <a href=\"https:\/\/www.youtube.com\/watch?v=JoA5JZcBoS0\">Что делать дизайнеру, если разработчики напрограммили всю магию?<\/a><\/li>\n  <li>№ 123. <a href=\"https:\/\/www.youtube.com\/watch?v=zoN15-R2gQ8\">Благодарности<\/a><\/li>\n  <li>№ 124. <a href=\"https:\/\/www.youtube.com\/watch?v=gCTCA_dQOp4\">Мастрид ли Тафти?<\/a><\/li>\n  <li>№ 125. <a href=\"https:\/\/www.youtube.com\/watch?v=35uwvF6SZb8\">Как я отношусь к войсикам и кружочкам<\/a><\/li>\n  <li>№ 131. <a href=\"https:\/\/www.youtube.com\/watch?v=2PC5L3tv6fA\">Когда нужны моноширинные цифры<\/a><\/li>\n  <li>№ 133. <a href=\"https:\/\/www.youtube.com\/watch?v=o2DjvI6nVts\">Плакаты и бумага, которая горит<\/a><\/li>\n  <li>№ 137. <a href=\"https:\/\/www.youtube.com\/watch?v=dfe9kO0a054\">Почему я не могу дать список дизайнеров, за которыми надо следить<\/a><\/li>\n  <li>№ 163. <a href=\"https:\/\/www.youtube.com\/watch?v=K98thEFlCng\">Про компасную стрелку, стороны света и смелость<\/a><\/li>\n  <li>№ 166. <a href=\"https:\/\/www.youtube.com\/watch?v=GLfjVm4Douk\">Как быть с пустой лепёшкой<\/a><\/li>\n  <li>№ 186. <a href=\"https:\/\/www.youtube.com\/watch?v=FgiSFN03tgQ\">Фотки сделать превьюшками и поставить наверх<\/a><\/li>\n<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 6 июня — 5 июля.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "За те годы, что мой интерфейсный курс идёт в онлайне, я выложил уже почти две сотни фрагментов с наших семинаров",
            "date_published": "2026-05-29T01:27:45+05:00",
            "date_modified": "2026-05-29T01:28:42+05:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Fri, 29 May 2026 01:27:45 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6741",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6735",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/fresh-ideas-wont-help\/",
            "title": "Если интерфейс плохой, дело не в недостатке идей",
            "content_html": "<p>Оказался участником обсуждения некоего интерфейса. Пригласивший меня человек говорил, что им нужны свежие идеи. Мол, интерфейс плохой, и мы никак не можем придумать, как улучшить — уже всех дизайнеров в компании попросили предложить свои варианты, а всё равно чё-то не то. Говорит, может, ты каких-то ещё свежих идей принесёшь.<\/p>\n<p>Разумеется, как всегда оказалось, что дело не в недостатке свежих идей. Дело в том, что никто не хочет делать обычную работу проектировщика: выделять сценарии, применять теорию близости и закон Фиттса, редактировать текст. Хороший интерфейс появляется не в результате озарения, а в результате вдумчивого проектирования. Но, похоже, большинству людей это кажется скучным и занудным, и они мечтают, чтобы у них хороший интерфейс появился как-нибудь чудом.<\/p>\n",
            "summary": "Оказался участником обсуждения некоего интерфейса. Пригласивший меня человек говорил, что им нужны свежие идеи",
            "date_published": "2026-05-18T22:44:05+05:00",
            "date_modified": "2026-05-18T22:43:05+05:00",
            "tags": [
                "пользовательский интерфейс",
                "сценарный подход"
            ],
            "_date_published_rfc2822": "Mon, 18 May 2026 22:44:05 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6735",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6729",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/toasts-obstruct\/",
            "title": "Тосты загораживают интерфейс",
            "content_html": "<p>Плохим интерфейсом являются так называемые «тосты» — уведомления, временно выезжающие из-под низа. Разумеется, они являются частным случаем попапа, а значит, согласно теореме Горбунова о попапах, это самое тупое, что можно сделать.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/instagram-toasts@2x.jpg\" width=\"613\" height=\"655\" alt=\"\" \/>\n<\/div>\n<p>Когда публикуешь фотографию в экстремистской соцсети, а потом готовишься опубликовать ещё одну, соцсеть решает уведомить тебя тостом об успехе предыдущей публикации, и этот тост загораживает синюю кнопку публикации или перехода к следующему шагу. Очень точным движением тост можно смахнуть вниз, но если не научиться этому, то остаётся просто ждать несколько секунд, пока он исчезнет.<\/p>\n<p>Можно представить интерфейс, в котором уведомление именно такого вида и именно в этом месте будет наиболее удобно, но если такой вид уведомлений становится частью дизайн-системы и показать его становится вопросом одной строчки кода, то он неизбежно начнёт использоваться везде, ведь разработка кастомного удачного уведомления будет расцениваться как нецелесообразная трата ресурсов. Поэтому в хорошей дизайн-системе такого элемента просто не должно быть.<\/p>\n",
            "summary": "Плохим интерфейсом являются так называемые «тосты» — уведомления, временно выезжающие из-под низа. Разумеется, они являются частным случаем попапа, а значит",
            "date_published": "2026-05-12T20:54:18+05:00",
            "date_modified": "2026-05-12T20:57:57+05:00",
            "tags": [
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/instagram-toasts@2x.jpg",
            "_date_published_rfc2822": "Tue, 12 May 2026 20:54:18 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6729",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/instagram-toasts@2x.jpg"
                ]
            }
        },
        {
            "id": "6728",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/sort-vs-filter\/",
            "title": "Сортировка и фильтрация",
            "content_html": "<p>Заметил, что многие дизайнеры интерфейса не отличают сортировку и фильтрацию. Говорят: «тут можно отсортировать квартиры по конкретному району». Иногда это просто оговорка и на понимание не влияет. Но в моей жизни такие разговоры чаще всего случаются как раз в обсуждении деталей поведения сложных интерфейсов. За неверным выбором слов часто скрывается и недопонимание сути, а как следствие — фиговое проектирование.<\/p>\n<p>Сортировка — это когда у вас есть массив данных, и вы выбираете в каком порядке показывать эти данные: по убыванию цены, по возрастанию рейтинга или по дате изменения.<\/p>\n<p>Фильтрация — это когда у вас есть массив данных, и вы выбираете, какую его часть показать: только у моря и с завтраком, с массой в пределах от 0,5 до 3 масс Солнца или только содержащие подстроку «жопа».<\/p>\n<p>Если у вас 1183 записи, то как их ни сортируй, их останется 1183, а при фильтрации будет показана только их часть.<\/p>\n<p>Значения какого-то поля у многих записей могут совпадать, скажем, у сотни треков в музыкальной коллекции может быть один и тот же исполнитель. Тогда сортировка может быть вложенной, например треки можно отсортировать по названию исполнителя; внутри исполнителя — по дате релиза; внутри релиза — по произвольному порядковому номеру трека в релизе. Дать пользователю управлять такими нюансами в интерфейсе — нетривиальная задача.<\/p>\n<p>Ещё замечу, что когда мы говорим «сортировать по тому-то», мы можем иметь в виду как само поле, которое используется для упорядочивания (по имени), так и принцип этого упорядочивания (по убыванию, по алфавиту). Мы можем брать даже какую-то производную поля и уже её упорядочивать, например, можно отсортировать студентов по убыванию длины имени или города по возрастанию населения.<\/p>\n<p>Строго говоря, сортировка по алфавиту это тоже сортировка по производной поля: мы упорядочиваем по возрастанию порядковых номеров букв в алфавите. Причём это сортировка вложенная: все слова, у которых первая буква одинаковая, мы ещё сортируем по возрастанию порядковых номеров вторых букв в алфавите и так далее. Разумеется, мы об этом не задумываемся, когда говорим «сортировать по алфавиту», но это полезно понимать для стройности мыслей при проектировании сложных систем.<\/p>\n<p>Путаница между сортировкой и фильтрацией возникает потому, что и то и другое связано с полями отображаемых записей. Какая-нибудь вклада «новые» в интерфейсе может как сортировать сообщения по времени, например, показывать более новые в начале, так и фильтровать их, например, показывать только добавленные с прошлого раза.<\/p>\n<p>Отсортировать по району можно: сначала показать записи из Аннина, потом из Бутова, потом из Внукова. Придётся ещё решить, как сортировать записи уже внутри района, ведь их явно будет много в каждом. Но вот отсортировать «по конкретному району» невозможно: это всё равно что отсортировать всех по конкретному росту 172 см.<\/p>\n<p>Когда вы проектируете систему, в которой люди будут работать со сложными данными, у вас должны быть сценарии использования, связанные с необходимостью взгляда на эти данные под разным углом, и понимание буквального смысла каждого из этих углов. Если вы путаетесь в сортировке и фильтрации, скорее всего, у нас нет ясности о том, что именно человек сможет увидеть в интерфейсе и каким образом он этого добьётся.<\/p>\n",
            "summary": "Заметил, что многие дизайнеры интерфейса не отличают сортировку и фильтрацию. Говорят: «тут можно отсортировать квартиры по конкретному району»",
            "date_published": "2026-05-12T11:58:59+05:00",
            "date_modified": "2026-05-12T11:58:51+05:00",
            "tags": [
                "пользовательский интерфейс",
                "ясность"
            ],
            "_date_published_rfc2822": "Tue, 12 May 2026 11:58:59 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6728",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6727",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/github-desktop-verify-identity\/",
            "title": "Гитхаб-десктоп зачем-то пытается верифицировать идентичность",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/github-desktop-verify-identity@2x.jpg\" width=\"617\" height=\"344\" alt=\"\" \/>\n<\/div>\n<p>Гитхаб-десктоп зачем-то всё время пытается верифицировать идентичность какого-то своего сервера. И если у него это не получается, то он мне об этом сообщает, фокусируя собственное окно поперёк всего.<\/p>\n<p>А мне вообще насрать, дорогой, я даже не смотрел в тебя последние две недели! Ну не побегу я щас разбираться, чего тебе не хватает или почему не работает интернет.<\/p>\n<p>Да и даже если бы я что-то делал в Гитхаб-десктопе прямо сейчас. Дался ему этот сервер! Я не пользуюсь гитхабом, у меня репозиторий вообще в другом месте.<\/p>\n",
            "summary": "Гитхаб-десктоп зачем-то всё время пытается верифицировать идентичность какого-то своего сервера. И если у него это не получается, то он мне об этом сообщает",
            "date_published": "2026-05-10T20:20:51+05:00",
            "date_modified": "2026-05-10T20:20:40+05:00",
            "tags": [
                "модальность",
                "пользовательский интерфейс",
                "привычка"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/github-desktop-verify-identity@2x.jpg",
            "_date_published_rfc2822": "Sun, 10 May 2026 20:20:51 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6727",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/github-desktop-verify-identity@2x.jpg"
                ]
            }
        },
        {
            "id": "6725",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/saved-for-later\/",
            "title": "Интерфейсное место для отложенного на потом",
            "content_html": "<p>Интерфейсы постоянно донимают людей и что-то им предлагают, как назойливые торговцы на популярных пляжах. И часто у них встречаются кнопки типа «Потом», «В другой раз», «Не сейчас».<\/p>\n<p>Понятно, что обычно это просто такое «Нет», которое как бы оставляет авторам моральное право спросить ещё раз. Как если бы ты позвал девушку на свидание, а ей было бы запрещено говорить «нет»; максимум «в другой раз».<\/p>\n<p>Но я снова хочу рассмотреть случай, когда я действительно заинтересовался предложением и хочу его изучить, просто не сейчас. Проблема, напомню, в том, что когда у меня будет время, я нигде ваше предложение не найду.<\/p>\n<p>Раз уж у всех операционных систем уже есть подсистема уведомлений, то что, если мы там предусмотрим стандартное место для всего, что «Не сейчас»? Чтобы я хотя бы смог вернуться и найти там то, что ранее отмёл.<\/p>\n<p>Если я жму «Потом», то я хочу сам контролировать, когда это потом наступит, а не ждать, что какая-то внешняя сила решит, когда пристать ко мне снова.<\/p>\n",
            "summary": "Интерфейсы постоянно донимают людей и что-то им предлагают, как назойливые торговцы на популярных пляжах",
            "date_published": "2026-05-09T20:26:28+05:00",
            "date_modified": "2026-05-09T09:08:36+05:00",
            "tags": [
                "пользовательский интерфейс"
            ],
            "_date_published_rfc2822": "Sat, 09 May 2026 20:26:28 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6725",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6717",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/kak-vlezat-k-polzovatelyu-so-svoey-fignyoy\/",
            "title": "Как влезать к пользователю со своей фигнёй",
            "content_html": "<p>Есть разные способы рассказывать пользователю о своих новых фичах, часть из них плохие, а часть — нормальные. Предлагаю простой критерий для отделения плохих вариантов от нормальных без использования слова «попап» и вообще интерфейсных терминов и моральных оценок. Важно понять суть конфликта и использовать действующие силы максимально эффективно.<\/p>\n<p>Вот вы сообщаете, что у вас что-то новое, приглашаете этим воспользоваться.<\/p>\n<p>Вопрос: есть ли у пользователя очевидная возможность всё-таки продолжить делать то, за чем он пришёл, <i>не теряя ваше сообщение?<\/i> Вот почему это важно для бизнес-целей вашего сообщения.<\/p>\n<p><b>Если пользователь может продолжить своё, только отклонив ваше,<\/b> то у сообщения очень мало шансов заинтересовать, ведь желание его закрыть огромно — всё внимание направлено на избавление, а не на суть сообщения. Получается, вы вызываете раздражение у <i>каждого<\/i> пользователя, но за эту цену обращаетесь лишь <i>к немногим<\/i>.<\/p>\n<p>Более того, рассмотрим отдельно этих немногих, кто всё-таки успел заинтересоваться. Им теперь нужно <i>выбирать<\/i> между вашим сообщением и тем, что они хотели изначально! Им нужно и то и то, но они вынуждены взять что-то одно. Ваше сообщение должно не просто заинтересовать и пробиться сквозь раздражение; оно должно разгромно выиграть конкуренцию с изначальным намерением пользователя! Получается абсурд: для пользователя лучше, чтобы ваше сообщение оказалось бесполезным, тогда он хотя бы просто отмахнётся от него и испытает меньше страданий.<\/p>\n<p>Если пользователь может продолжить своё, только отклонив ваше, вы вызываете максимум раздражения и получаете минимум полезного эффекта.<\/p>\n<p><b>Если пользователь может продолжить своё, не отклоняя ваше,<\/b> то на пользователя никак не давит необходимость сделать выбор. Ваше сообщение не мешает ему продолжать делать своё дело, а значит его внимание не тратится на избавление от вашего сообщения. Освободившееся внимание может быть потрачено на суть сообщения, а значит сообщение с большей вероятностью заинтересует.<\/p>\n<p>Более того, все те, кого ваше сообщение заинтересовало, смогут воспользоваться предложением в нём, причём независимо от того, выиграло ли оно конкуренцию с исходным планом. Если выиграло разгромно, пользователь с радостью пойдёт за вами. Если просто заинтересовало, пойдёт или сначала за вами, потом по своим делам, или наоборот. Если вообще не заинтересовало, оно вызвало намного меньше раздражения, потому что ничему не помешало.<\/p>\n<p>Если пользователь может продолжить своё, не отклоняя ваше, вы вызываете минимум раздражения и получаете максимум полезного эффекта.<\/p>\n<p>Итак, не так важно, какие именно элементы интерфейса вы используете. Просто проверьте, вынуждаете ли вы пользователя отмахиваться от вас или всё-таки даёте себе шанс получить достаточное внимание.<\/p>\n",
            "summary": "Есть разные способы рассказывать пользователю о своих новых фичах, часть из них плохие, а часть — нормальные",
            "date_published": "2026-04-22T22:42:39+05:00",
            "date_modified": "2026-04-22T22:45:33+05:00",
            "tags": [
                "дизайн продуктов",
                "пользовательский интерфейс"
            ],
            "_date_published_rfc2822": "Wed, 22 Apr 2026 22:42:39 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6717",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6703",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/skeleton-state\/",
            "title": "«Скелет» как состояние компонента и экрана",
            "content_html": "<p>Столкнулся с дизайн-системой, где у всех компонентов отрисованы состояния «скелет» — это типа как выглядит элемент, пока он не загрузился. Дизайнеры вообще говорили «скелетон», но скелетон — это такой бобслей для одиночек, а skeleton — это скелет. С этим состоянием есть проблема, сейчас объясню.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/skeleton@2x.png\" width=\"478\" height=\"156\" alt=\"\" \/>\n<\/div>\n<p>Пока экран приложения загружается, вместо индикаторов загрузки хорошо показывать скелет экрана. Тогда вместо того, чтобы привлекать внимание к тормозам, мы создаём у пользователя впечатление, что экран почти загрузился. Секундные задержки перестают ощущаться, человек успевает сориентироваться на экране.<\/p>\n<p>Так что же не так с состоянием компонента «скелет»? То, что скелет — это состояние экрана целиком, а не отдельного компонента. (Если уж на то пошло, у компонента может быть состояние «кость», а не «скелет».)<\/p>\n<p>Во-первых, рисование отдельных скелетных состояний компонентов провоцирует дизайнеров на рисование излишне детализированных скелетов экранов. Вот Вконтакте например:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/vk-skeleton-detailed@2x.png\" width=\"1024\" height=\"844\" alt=\"\" \/>\n<\/div>\n<p>Зачем столько мусора? Чтобы показать, что экран ещё грузится, достаточно такого:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/vk-skeleton-sane@2x.png\" width=\"1024\" height=\"844\" alt=\"\" \/>\n<\/div>\n<p>Да и ещё спокойнее можно.<\/p>\n<p>Во-вторых, во время загрузки экрана он обычно не знает, какие именно компоненты на нём будут, чем они будут наполнены, какого они будут размера. То есть даже непонятно, какие именно компоненты в этом состоянии «скелет» туда ставить, приходится выдумывать. В то же время, если какие-то элементы на экране нужны независимо от подгружаемых данных, скажем, кнопки навигации, то их стоит сразу показывать в нормальном виде, безо всяких скелетов.<\/p>\n<p>В-третьих, даже если представить, что сам набор элементов известен сразу, а подгружается только их наполнение, то получается довольно неприятный эффект, когда во время загрузки на экране в случайные моменты появляются разные блоки, постоянно что-то прыгает, отталкивает то, что ниже. То есть даже в этом случае лучше нарисовать весь экран в скелетном состоянии, а когда загрузилось достаточно данных для его стабильного построения — тогда показать всё на своих местах.<\/p>\n",
            "summary": "Столкнулся с дизайн-системой, где у всех компонентов отрисованы состояния «скелет» — это типа как выглядит элемент, пока он не загрузился",
            "date_published": "2026-03-31T12:38:47+05:00",
            "date_modified": "2026-04-01T00:35:20+05:00",
            "tags": [
                "обратная связь",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/skeleton@2x.png",
            "_date_published_rfc2822": "Tue, 31 Mar 2026 12:38:47 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6703",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/skeleton@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/vk-skeleton-detailed@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/vk-skeleton-sane@2x.png"
                ]
            }
        },
        {
            "id": "6636",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/kniga-andreya-markelova-putevoditel-po-knopkam\/",
            "title": "Книга Андрея Маркелова «Путеводитель по кнопкам»",
            "content_html": "<p>Прочитал книгу Андрея Маркелова <a href=\"https:\/\/alpinabook.ru\/catalog\/book-putevoditel-po-knopkam\/\" class=\"nu\">«<u>Путеводитель по кнопкам<\/u>»<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/putevoditel-po-knopkam.jpg\" width=\"1200\" height=\"1200\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Картинка с сайта издательства<\/div>\n<\/div>\n<p>Никогда не слышал об Андрее Маркелове, а он вдруг написал большую книгу об интерфейсе.<\/p>\n<p>В целом книга полезная, и я рекомендую её прочитать всем дизайнерам интерфейса после того, как они прочитают <a href=\"https:\/\/bureau.ru\/projects\/book-ui\/\">мою книгу<\/a>.<\/p>\n<p>И всё же к книге есть вопросы. Во-первых, я несогласен с некоторыми мыслями:<\/p>\n<ul>\n  <li>Андрей пишет, что «не видит повода не делать ховер у кнопки». А повод такой: это лишнее мельтешение. Дизайн должен быть таким, что я без ощупывания понимал, где кнопка. Если это непонятно, нужно улучшить дизайн кнопки. А если понятно, то нафига ей ещё и ховер?<\/li>\n  <li>Называет «ошибкой», когда в дизайн-системах полям предусматривают состояние «в фокусе». Вот это поворот! В обоснование говорит, что на Маке это всё равно не работает. Так надо починить Мак, а не ломать всё остальное, Андрей!<\/li>\n  <li>В чекбоксах Андрей зачем-то вводит вариант на плашке с обводкой вокруг чекбокса вместе с его текстом. Типа у других элементов есть некое прямоугольное воплощение, и поэтому, чтобы в дизайн-системе у всех был одинаковый набор вариантов, пусть и у чекбоксов тоже будет. Но ведь дизайн-система должна отвечать задачами дизайна, а не наоборот. Чекбокс на плашке — лишнее усложнение и загрязнение. В отдельных случаях группу чекбоксов можно завернуть в филдсет, если хочется.<\/li>\n  <li>Пишет, что радиокнопки и чекбоксы в интерфейсах смешались, но типа ничё страшного, ведь из контекста и так понятно. Но ведь должно быть понятно и без контекста. В этом смысл разных элементов управления, чтобы было сразу видно, что с ними делать, чтобы не приходилось гадать «из контекста». Кроме того, он дальше сам рассуждает, что мол пользователи не замечают эту проблему так же, как мозг автоматически исправляет опечатку. Ну так определись с аналогией: это опечатка или правильная орфография, ёлки? А то выходит, что опечатки это окей, раз всё понятно из контекста.<\/li>\n  <li>В главе про выпадающий список пишет, что в системе Виндоус выпадающий список называется комбобоксом (что?), хотя спустя всего несколько страниц вдруг сам вспоминает, что комбобокс — это поле ввода со встроенным списком вариантов.<\/li>\n  <li>Горизонтальный переключатель, который segmented control, Андрей по-русски называет «Сегмент кнопок». Ни разу за всю жизнь не встречал такого термина у русскоговорящих дизайнеров. Я вообще всегда думал, что в segmented control сегментами называют отдельные варианты. Типа, «сегментированный» элемент, из нескольких сегментов состоит. А он называет всю эту штуку «сегментом». В каких-то местах, что ещё более странно, «сегментом кнопок» он называет и просто группу кнопок, каждую из которых можно включать независимо (как например включатели жирности-курсива-подчёркивания в редакторах).<\/li>\n<\/ul>\n<p>Во-вторых, книга написана как-то по-дурацки:<\/p>\n<ul>\n  <li>Рассказывая об истории интерфейсов, Андрей вводит какие-то эпохи, «наши эры». И мало того, что он зачем-то это придумал, так ещё и меня вынуждает в эту игру играть. Он вдруг между делом пишет что-то, что вид радиокнопок изменился в Средневековье, а я должен понять, что он имеет в виду под этим Средневековьем. Разумеется, не листаю назад, где он это объяснял, а просто пропускаю это предложение, как лишённое смысла.<\/li>\n  <li>Андрей пишет, что что-то там встречается «в живой природе» или даже буквально «in vivo». Имеется в виду, в жизни, в настоящих интерфейсах. Графомания.<\/li>\n  <li>О себе Андрей пишет в третьем лице («автор уверен, что»), но иногда вдруг съезжает в первое («я»), что делает очень комичным использование третьего. Иногда это буквально в соседних предложениях, как например в начале страницы 75.<\/li>\n  <li>В книге встречается несуществующее слово «троеточие» (знак «...» называется «многоточием»).<\/li>\n<\/ul>\n<p>Прочие наблюдения:<\/p>\n<ul>\n  <li>Когда делают ввод всяких пинкодов, где каждая цифра вводится в своё отдельное поле, он это называет «Сегмент полей». Это снова очень странно, слово сегмент по-русски не может так работать, но вообще полезно, конечно, дать этой штуке название. Наверное, сегментированное поле может быть какие-то условно-рабочим вариантом.<\/li>\n  <li>Андрей рассказывает о пользе нескольких вариантов внешнего вида вкладок в одной дизайн-системе, что позволяет организовать их наглядную иерархию. Это классная мысль, которую я до этого нигде не встречал. Это очень похоже на то, как делают иерархию заголовков в хорошем издании.<\/li>\n  <li>Элементы управления окном в Вижене-про расположены снизу, и он их называет «подоконником», это клёво.<\/li>\n  <li>Было интересно про контролы в «Ньютоне» и всякие старые интерфейсы.<\/li>\n<\/ul>\n<p>Когда в десятый раз встречаешь в книге пример, аналогию или замечание как в моей книге, начинаешь думать, что Андрей её прочитал и она запала ему в душу!<\/p>\n",
            "summary": "Прочитал книгу Андрея Маркелова «Путеводитель по кнопкам»",
            "date_published": "2026-03-28T23:18:50+05:00",
            "date_modified": "2026-03-30T10:45:10+05:00",
            "tags": [
                "книги",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/putevoditel-po-knopkam.jpg",
            "_date_published_rfc2822": "Sat, 28 Mar 2026 23:18:50 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6636",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/putevoditel-po-knopkam.jpg"
                ]
            }
        },
        {
            "id": "6691",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/start-typing-x\/",
            "title": "Начните вводить Х",
            "content_html": "<p>Иногда встречаю подписи у полей типа «Начните вводить Х». Имеется в виду, что не нужно вводить целиком. Только начнёшь печатать «Пу», и оно там как-то угадает и поможет дописать, что это «Улица Пушкина».<\/p>\n<p>Очень хорошо, что поле угадывает и помогает, но не нужно хвастаться этим в подписи. А то выходит, что первые два слова подписи рассказывают не о содержании, а о типе и поведении элемента интерфейса.<\/p>\n<p>Если у вас поле, куда надо ввести адрес, оно должно называться «Адрес». То, что в него нужно «вводить», должно быть и так ясно, ведь это поле! Если неясно, нарисуйте поле нормально. А то, что достаточно «начать», я и так увижу, когда начну вводить, а оно подскажет. Я же в любом случае начну? Ну и всё.<\/p>\n",
            "summary": "Иногда встречаю подписи у полей типа «Начните вводить Х». Имеется в виду, что не нужно вводить целиком",
            "date_published": "2026-03-21T12:43:49+05:00",
            "date_modified": "2026-03-21T13:37:11+05:00",
            "tags": [
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам"
            ],
            "_date_published_rfc2822": "Sat, 21 Mar 2026 12:43:49 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6691",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6688",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/trust-the-user\/",
            "title": "Доверяй пользователю",
            "content_html": "<p>На Маке окно можно задвинуть вниз за границу экрана, чтобы из-под низа торчал только заголовок. Но при каких-то условиях система, видимо, считает это «ошибкой» пользователя и исправляет её: окно вдруг снова оказывается целиком на экране. Наверное пользователь поставил так окно случайно и потерял его? Сейчас я ему помогу всё сделать правильно!<\/p>\n<p>Эффект, разумеется, противоположный. То, что оно теперь вылезло целиком, сделало его невидимым среди десятка других подобных окон. Я же ищу его среди торчащих снизу ушей, ведь я оставлял его именно там!<\/p>\n<p>Пользователю надо доверять. Если ты сделал фичу и человек ей воспользовался, не надо вдруг решать, что он это сделал случайно, и ломать фичу. Или не давай «плохую», на твой взгляд, фичу вовсе, или не мешай ей пользоваться.<\/p>\n<p>На днях по работе было подобное обсуждение. Пользователь может закрепить некоторые строчки в списке. Но вот проблема: «если он в фильтрах выбрал что-то другое, эти строчки могут сбить его с толку, ведь они не соответствуют фильтру, так что давайте их тогда откреплять». Да с чего? Он же сам их закрепил! Смысл закрепления в том, чтобы видеть их всегда, несмотря ни на что! Если мы считаем, что закрепление мешает поиску, значит надо сделать их в разных частях интерфейса. Но абсурд же сначала давать человеку закреплять, а потом вдруг решать, что нам виднее, и откреплять.<\/p>\n<p>См. также:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/let-me-click\/\">Дай нажать<\/a><\/li>\n<\/ul>\n",
            "summary": "На Маке окно можно задвинуть вниз за границу экрана, чтобы из-под низа торчал только заголовок. Но при каких-то условиях система, видимо, считает это «ошибкой» пользователя и исправляет её",
            "date_published": "2026-03-19T23:26:26+05:00",
            "date_modified": "2026-03-19T23:25:57+05:00",
            "tags": [
                "пользовательский интерфейс",
                "студентам"
            ],
            "_date_published_rfc2822": "Thu, 19 Mar 2026 23:26:26 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6688",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6685",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/posadochny-v-rayaneyre\/",
            "title": "Посадочный в Раянэйре",
            "content_html": "<p>В продолжение темы <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/pyatyorochka-zhiznmart\/\">загрузки Пятёрочки и Жизнь-марта<\/a> — Андрей Пулин прислал скриншот приложения Раянэйра, если его запустить, когда оно требует обновления. Посадочный всё равно доступен:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ryanair-care.jpg\" width=\"402\" height=\"874\" alt=\"\" \/>\n<\/div>\n<p>Много вопросов вызывают приложения, которым настолько надо обновиться, что они перестают работать, но уж хотя бы так.<\/p>\n",
            "summary": "В продолжение темы загрузки Пятёрочки и Жизнь-марта — Андрей Пулин прислал скриншот приложения Раянэйра, если его запустить, когда оно требует обновления",
            "date_published": "2026-03-18T11:42:42+05:00",
            "date_modified": "2026-03-18T11:41:03+05:00",
            "tags": [
                "пользовательский интерфейс",
                "сценарный подход"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ryanair-care.jpg",
            "_date_published_rfc2822": "Wed, 18 Mar 2026 11:42:42 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6685",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ryanair-care.jpg"
                ]
            }
        },
        {
            "id": "6684",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/pyatyorochka-zhiznmart\/",
            "title": "Загрузка Пятёрочки и Жизнь-марта",
            "content_html": "<p>У магазина «Пятёрочка» есть приложение. Я понятия не имею, зачем магазину приложение, да и не сказать, что интересуюсь этим вопросом. Единственное, зачем я им пользуюсь — показать скидочный куаркод на кассе. Разумеется, именно этот сценарий в приложении реализован максимально через жопу.<\/p>\n<p>Вот вам раскадровка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/pyatyorochka-loading.jpg\" width=\"2412\" height=\"874\" alt=\"\" \/>\n<\/div>\n<p>Когда запускаешь приложение, оно показывает тупую заставку и о чём-то усиленно думает. Потом вылезает уведомление о медленном соединении (с орфографической ошибкой). Через какое-то время начинает грузиться главный экран. Там куча каких-то разделов, все из которых не нужны. Спустя ещё несколько секунд главный экран продолжает грузиться уже иначе: снизу появляются красные кружочки (прогрузились, видимо), зато сверху исчезают иконки (разгрузились обратно, видимо). Напоминаю, что всё это время кассир ждёт, что ты ему покажешь куаркод.<\/p>\n<p>Соединение восстановлено! Ну надо же! Благодаря этому удалось загрузить квадратик, в котором в будущем появится куаркод (но не сам куаркод, конечно, ведь это огромные объёмы данных). О, вот и куаркод. Ура? Ну нет конечно, такой маленький куаркод не просканируется, проверено. В него ещё надо нажать, чтобы он увеличился. Жму! Из-под низа выезжает панелька, где в будущем появится увеличенный куаркод. Казалось бы, он же уже загрузился, почему он не показывается сразу? Ну почему-почему, много вопросов задаёшь. Люди в очереди с понимаем ждут.<\/p>\n<p>Каждому из этих решений наверняка есть объяснение. Со стороны-то легко критиковать. А вот если бы я разобрался во всех нюансах, то и сам бы понял, что нельзя было сделать иначе.<\/p>\n<p>Но вот приложение магазина «Жизнь-март». Знаете как там выглядит заставка при запуске? А вот так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/zhiznmart-loading.jpg\" width=\"402\" height=\"874\" alt=\"\" \/>\n<\/div>\n<p>Просто сразу подносишь к сканеру и скидка срабатывает.<\/p>\n<p>Хм. Да, наверное, всё-таки можно сделать нормально.<\/p>\n",
            "summary": "У магазина «Пятёрочка» есть приложение. Я понятия не имею, зачем магазину приложение, да и не сказать, что интересуюсь этим вопросом",
            "date_published": "2026-03-17T15:19:06+05:00",
            "date_modified": "2026-03-17T15:22:20+05:00",
            "tags": [
                "пользовательский интерфейс",
                "сценарный подход"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/pyatyorochka-loading.jpg",
            "_date_published_rfc2822": "Tue, 17 Mar 2026 15:19:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6684",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/pyatyorochka-loading.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/zhiznmart-loading.jpg"
                ]
            }
        },
        {
            "id": "6679",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-60\/",
            "title": "Думаем дальше № 60 — «Тоталитарная секта тестировщиков гипотез» с Михаилом Руденко",
            "content_html": "<p>С Михаилом Руденко говорим о привычках, пороге входа, навязывании решений дизайнером и учитывании пожеланий пользователей.<\/p>\n<p>Все выпуски подкаста:<br \/>\n<a href=\"https:\/\/podcasts.apple.com\/us\/podcast\/думаем-дальше\/id1744862171\">Эпл<\/a> · <a href=\"https:\/\/www.youtube.com\/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d\">Ютюб<\/a> · <a href=\"https:\/\/music.yandex.com\/album\/29069497\">Я.Музыка<\/a> · <a href=\"https:\/\/open.spotify.com\/show\/7i4OkUq55wAC1iyZYEshmi\">Спотифай<\/a> · <a href=\"https:\/\/thinkon.mave.digital\">Мейв<\/a> · <a href=\"https:\/\/cloud.mave.digital\/51724\">РСС для подкастного приложения<\/a><\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n  <tr>\n    <td style=\"text-align: right\">0:00<\/td>\n    <td style=\"text-align: left\">Спор о поведении пробела в аудиоредакторах<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">26:43<\/td>\n    <td style=\"text-align: left\">Оказывается, мы спорили зря<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">31:55<\/td>\n    <td style=\"text-align: left\">Нужно ли снижать порог входа в сложные продукты<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">40:41<\/td>\n    <td style=\"text-align: left\">Илья защищает точку зрения Михаила. Разговор о картине мира пользователя и навязывании правильных решений<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">48:14<\/td>\n    <td style=\"text-align: left\">История про импортозамещённый мессенджер<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">54:36<\/td>\n    <td style=\"text-align: left\">Как спрашивать, что хотят пользователи, и как интерпретировать их пожелания<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">58:42<\/td>\n    <td style=\"text-align: left\">Искусство спора<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:00:47<\/td>\n    <td style=\"text-align: left\">Операторы эволюции, девелопмент со смыслом и почему не нужно использовать лучшие практики<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:16:20<\/td>\n    <td style=\"text-align: left\">Приложение принципа Юма к продуктовым метрикам<\/td>\n  <\/tr>\n<\/table>\n",
            "summary": "С Михаилом Руденко говорим о привычках, пороге входа, навязывании решений дизайнером и учитывании пожеланий пользователей",
            "date_published": "2026-03-11T19:05:00+05:00",
            "date_modified": "2026-03-11T19:04:52+05:00",
            "tags": [
                "дизайн продуктов",
                "Думаем дальше",
                "исследования",
                "пользовательский интерфейс"
            ],
            "_date_published_rfc2822": "Wed, 11 Mar 2026 19:05:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6679",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6674",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/napishi-otlozhennoe-soobschenie\/",
            "title": "Напиши отложенное сообщение",
            "content_html": "<p>В телеге можно написать отложенное сообщение — придёт адресату в указанное время. При этом есть такой сценарий: просишь человека о чём-то, а он сейчас не может сделать, и просит ему напомнить завтра утром. Тогда ты сразу же пишешь сообщение на завтра утром, мол, «напоминаю» (сам при этом утром спишь).<\/p>\n<p>Но поскольку все про это знают, то иногда сам адресат может сказать не «напомни», а прямо «будь добр, напиши отложку!». И вот это уже бред, ведь получается, что он использует интерфейс установки самому себе напоминалки через текст в чате!<\/p>\n<p>По-моему, в телеге должна появиться функция «напомнить об этом сообщении». То есть тебе что-то написали, ты жмёшь на это сообщение и прям сам выбираешь, когда тебе о нём же ещё раз уведомление прислать. А другую сторону не трогаешь этим.<\/p>\n",
            "summary": "В телеге можно написать отложенное сообщение — придёт адресату в указанное время. При этом есть такой сценарий",
            "date_published": "2026-03-06T23:01:31+05:00",
            "date_modified": "2026-03-06T23:01:18+05:00",
            "tags": [
                "пользовательский интерфейс",
                "сценарный подход",
                "Телеграм"
            ],
            "_date_published_rfc2822": "Fri, 06 Mar 2026 23:01:31 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6674",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6672",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/minus-plus-trashcan\/",
            "title": "Настройка количества товаров с мусоркой",
            "content_html": "<p>Иногда встречается такой дизайн элемента для настройки количества товаров в корзине, где вместо минуса рисуют мусорку — мол, товар уже удалится, а не просто уменьшится количество:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/minus-plus-trashcan@2x.png\" width=\"107\" height=\"36\" alt=\"\" \/>\n<\/div>\n<p>Сначала это кажется логичным, ведь уменьшение количества и удаление — разные вещи, и выглядеть должны по-разному. Возможно, кто-то из дизайнеров в этом видит возможность дополнительно предупредить об удалении. Наверное, кому-то просто кажется остроумной такая динамичность.<\/p>\n<p>Но вообще-то хорошо бы, чтобы при уменьшении количества до нуля, товар не удалялся сразу: у пользователя должно быть право на ошибку и возможность вернуть товар обратно. Если же удаление товара неотменяемое, то превращение минуса в мусорку не поможет предотвратить ошибку; тогда надо дисейблить минус, а кнопку удаления ставить отдельно. Что касается остроумности, то это только в голове дизайнера мусорка — частный случай минуса для одного значения, но для пользователя изначально никакого минуса нет, а есть лишь эта мусорка, ведь обычно количество будет «1 шт.».<\/p>\n<p>Короче, не рекомендую так делать. Элемент хуже узнаётся, ощущается нестабильным и не решает никакой задачи.<\/p>\n",
            "summary": "Иногда встречается такой дизайн элемента для настройки количества товаров в корзине, где вместо минуса рисуют мусорку — мол, товар уже удалится, а не просто уменьшится количество",
            "date_published": "2026-03-03T11:31:29+05:00",
            "date_modified": "2026-03-03T11:23:18+05:00",
            "tags": [
                "пользовательский интерфейс",
                "привычка"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/minus-plus-trashcan@2x.png",
            "_date_published_rfc2822": "Tue, 03 Mar 2026 11:31:29 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6672",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/minus-plus-trashcan@2x.png"
                ]
            }
        },
        {
            "id": "6665",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/auto-try-same-password\/",
            "title": "Попробовать тот же пароль к другому вайфаю",
            "content_html": "<p>Вот пример обычного, неэкзотического сценария, который и Мак, и Айфон полностью игнорируют: когда знаешь пароль от вайфая, но не уверен в самой сети.<\/p>\n<p>Такое бывает в кафешках и отелях. Есть куча похожих сетей с подчёркиваниями, разной заглавностью, приписками типа «гест», «фри», «опен», «лобби», «ворк», «5ггц», «3-й этаж», а тебе дали только пароль. Тыкаешь в одну сеть, вводишь пароль, а он не подходит, или сама сеть еле живая. Пробуешь другую — спрашивает пароль заново. Казалось, ну сделайте тупой правило: если я пытаюсь подключиться к закрытой сети, а за последние пять минут я уже к какой-то пробовал подключиться, попробуйте молча тот же пароль. Но нет.<\/p>\n<p>И это пример фичи, про которую Стив Джобс рассказал бы на презентации вот так же с примером, и все бы аплодировали, что только Эпл такие штуки делает. Безо всякого ликвид-гласса, вообще ноль видимых элементов интерфейса на экране. Сейчас искусство просто подумать о пользователе и сделать удобно, без особых фанфар, утеряно.<\/p>\n",
            "summary": "Вот пример обычного, неэкзотического сценария, который и Мак, и Айфон полностью игнорируют: когда знаешь пароль от вайфая, но не уверен в самой сети...",
            "date_published": "2026-02-21T16:22:22+05:00",
            "date_modified": "2026-02-21T16:21:26+05:00",
            "tags": [
                "пользовательский интерфейс",
                "сценарный подход"
            ],
            "_date_published_rfc2822": "Sat, 21 Feb 2026 16:22:22 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6665",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}