{
    "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\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/rss\/",
    "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": "6857",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/timed-modes\/",
            "title": "Временные режимы",
            "content_html": "<p>Как вы, возможно, знаете, режимы в интерфейсе — это плохо. Но ещё хуже <i>временные режимы<\/i>. Такое часто встречается в бытовой технике и разных приборах.<\/p>\n<p>Режим — это состояние интерфейса, в котором одинаковые действия пользователя приводят к одинаковым результатам. В разных режимах одни и те же действия дают разные результаты. В Фотошопе — множество режимов: клик по изображению может сделать <i>что угодно<\/i> в зависимости от выбранного инструмента и его параметров. Проблема в том, что пользователь не всегда помнит, в каком режиме находится интерфейс, и из-за этого ошибается: хотел нарисовать линию, но случайно сделал градиент.<\/p>\n<p>Представим телевизионный пульт. Кнопки «влево» и «вправо» регулируют громкость, а «вверх» и «вниз» переключают каналы. Эти же четыре кнопки используются для навигации по меню. Если пользователь, находясь в меню, захочет сделать погромче и по привычке нажмёт «вправо», у него ничего не выйдет: сейчас эта кнопка означает «увеличить ширину изображения».<\/p>\n<p>Но меню в телевизоре — не просто режим, а временный режим: если десять секунд ничего не нажимать, оно закроется. Когда пытаешься настроить телевизор по инструкции, это ужасно раздражает: пока ты находишь по инструкции, куда жать дальше, меню уже исчезает и приходится начинать с начала.<\/p>\n<p>Временные режимы в автомобильных интерфейсах не только раздражают, но и опасны. Например, чтобы добавить бас, нужно открыть меню, найти эквалайзер, выбрать низкие частоты и отрегулировать их ручкой. Пока добираешься до очередного нужного пункта, на твоём светофоре загорается зелёный, и настройку приходится откладывать до следующего светофора. Скорее всего, там придётся снова пробираться через всё меню. Зная, что интерфейс не дождётся следующего светофора, ты будешь вынужден настраивать звук прямо во время движения.<\/p>\n<p>Если избежать режимов в интерфейсе невозможно, хотя бы не используйте временные режимы. Если уж пользователь передумал настраивать телевизор или эквалайзер, пусть сам нажмёт «Закрыть».<\/p>\n<p class=\"foot\">Изначально опубликовано на английском языке <a href=\"https:\/\/ilyabirman.net\/meanwhile\/all\/timed-modes\/\">в 2013 году<\/a>.<\/p>\n",
            "summary": "Как вы, возможно, знаете, режимы в интерфейсе — это плохо. Но ещё хуже временные режимы. Такое часто встречается в бытовой технике и разных приборах...",
            "date_published": "2026-10-26T21:04:33+05:00",
            "date_modified": "2026-10-26T21:03:57+05:00",
            "tags": [
                "интерфейс",
                "интерфейс бытовых приборов",
                "модальность"
            ],
            "_date_published_rfc2822": "Mon, 26 Oct 2026 21:04:33 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6857",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6856",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-208\/",
            "title": "На интерфейсном курсе: обсуждаем вёрстку формы, где вроде всё ровно, но структура непонятна",
            "content_html": "<p>У участника курса аккуратно нарисована форма, но всё-таки что-то мешает восприятию её структуры. Разбираемся, что это, и как можно исправить. 8 минут:<\/p>\n<figure class=\"e2-text-video\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/T7HH1AB7eI4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/figure>\n<p>Это фрагмент № 208 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 декабря 2024 года.<\/p>\n<p>Идёт запись на ноябрьский курс, сейчас −10%. В рассрочку это 7110 ₽ \/ мес.:<\/p>\n<p class=\"action\"><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">Почитать о курсе<\/a><br \/>\nПрограмма, отзывы, запись<\/p>\n<p>Это лучший курс об интерфейсе.<\/p>\n",
            "summary": "У участника курса аккуратно нарисована форма, но всё-таки что-то мешает восприятию её структуры. Разбираемся, что это, и как можно исправить",
            "date_published": "2026-10-24T23:11:37+05:00",
            "date_modified": "2026-10-24T23:11:25+05:00",
            "tags": [
                "веб-формы",
                "вёрстка",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-T7HH1AB7eI4-cover.jpg",
            "_date_published_rfc2822": "Sat, 24 Oct 2026 23:11:37 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6856",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-T7HH1AB7eI4-cover.jpg"
                ]
            }
        },
        {
            "id": "6855",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/razlozhit-prototip-na-makety\/",
            "title": "Разложить прототип на макеты",
            "content_html": "<p>Когда-то рисовать макеты было легко, а делать прототипы — сложно, но постепенно все научились делать и прототипы.<\/p>\n<p>Недавно я писал, что <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/designing-and-creating-explanations\/\">не люблю прототипы и хочу видеть макеты<\/a>: прототипы скрывают внутреннюю логику, а при проектировании меня интересует именно она. Даже то, как разложены макеты по холсту, уже многое говорит о том, чем думал дизайнер.<\/p>\n<p>Сейчас благодаря нейросетям делать прототипы даже проще, чем рисовать макеты. Нейросеть просто выдаёт готовый кликабельный прототип; макетов в этом процессе в принципе не было и нет. Но что толку, что она его выдаёт? Как ты поймёшь, что там всё действительно по уму сделано?<\/p>\n<p>Я всё равно хочу видеть систему целиком, а не одно её измерение, поэтому всегда прошу нейросеть разложить мне все состояния по полочкам, показать связи между ними. Да, наглядно показать всю внутреннюю логику системы стало сложнее, чем просто сгенерировать что-то кликабельное. Но если ты хочешь сделать не просто «что-то»,  а сделать чётко, то без этого никак.<\/p>\n",
            "summary": "Когда-то рисовать макеты было легко, а делать прототипы — сложно, но постепенно все научились делать и прототипы",
            "date_published": "2026-10-22T22:13:12+05:00",
            "date_modified": "2026-10-22T22:12:53+05:00",
            "tags": [
                "дизайн",
                "нейросети",
                "представление информации"
            ],
            "_date_published_rfc2822": "Thu, 22 Oct 2026 22:13:12 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6855",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6854",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/reference-2026-oct-20\/",
            "title": "Обновление справочника за 20 октября 2026",
            "content_html": "<p><a href=\"https:\/\/ilyabirman.ru\/reference\/\">Справочник<\/a> обновился.<\/p>\n<p>Во-первых, добавились подробные <a href=\"https:\/\/bureau.ru\/soviet\/20261020\/\">статьи «Выключатель» и «Слайдер»<\/a> в виде большого совета на сайте бюро.<\/p>\n<p>Во-вторых, появились ещё несколько терминов. В частности, разблокирована буква Э! Для тех, кому не нравились «Заусенцы» и «Пипка», теперь есть «Упячка». В паре мест добавились иллюстрации. Всё новое и дополненное разом показывает, если вписать в поиск заклинание «r02».<\/p>\n<p>В-третьих, при переходе по внутренним зелёненьким ссылкам стало сильно лучше понятно, куда тебе указывают, а также после таких переходов заработала браузерная кнопка «Назад».<\/p>\n<p>А ещё у справочника появился логотип.<\/p>\n",
            "summary": "Справочник обновился",
            "date_published": "2026-10-20T14:16:37+05:00",
            "date_modified": "2026-10-20T14:11:08+05:00",
            "tags": [
                "интерфейс",
                "проекты"
            ],
            "_date_published_rfc2822": "Tue, 20 Oct 2026 14:16:37 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6854",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6853",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/baku-coffee\/",
            "title": "Кофейные места Баку: где пить спешелти и работать",
            "content_html": "<p><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/coffee-places\/\">Заметка о кофейных местах<\/a> неприлично разрослась, и я решил, что пришла пора разделять города, а также добавить ключевых слов и картинок. Я беру кортадо, если не сказано иное. В случае сетей я указываю адреса только тех точек, в которых я был.<\/p>\n<div class=\"e2-js-page-break e2-text-page-break\"><\/div>\n<p>&#9642; <a href=\"https:\/\/42coffeeroasters.az\">42 Coffee Roasters<\/a>. Хагани, 73с. Кофе вкусный, вайфай есть, но не налили воду — такого я ещё не встречал нигде.<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8323.jpg\" width=\"1200\" height=\"800\" alt=\"Кофейня «42 кофе ростерс» (42 Coffee Roasters) в Баку\" \/>\n  <figcaption class=\"e2-text-caption\">Кофейня «42 кофе ростерс»<\/figcaption>\n<\/figure>\n<div class=\"e2-js-page-break e2-text-page-break\"><\/div>\n<p>&#9642; <a href=\"https:\/\/www.instagram.com\/socialbeecoffee\/?hl=en\">Social Bee<\/a>. Самеда Вургуна, 51а. Место приятное, кофе один раз сделали прекрасный, а второй раз — плохой. Внутренний балкончик с видом на окно на улицу нависает над баром. Вокруг приятный район.<\/p>\n<figure class=\"e2-text-picture\">\n  <div class=\"fotorama\" data-width=\"1200\" data-ratio=\"1.5\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8423.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8425.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n  <\/div>\n  <figcaption class=\"e2-text-caption\">Кофейня «Соушел би»<\/figcaption>\n<\/figure>\n",
            "summary": "Заметка о кофейных местах неприлично разрослась, и я решил, что пришла пора разделять города, а также добавить ключевых слов и картинок",
            "date_published": "2026-10-18T19:28:39+05:00",
            "date_modified": "2026-10-18T19:29:46+05:00",
            "tags": [
                "Баку",
                "кофе"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8323.jpg",
            "_date_published_rfc2822": "Sun, 18 Oct 2026 19:28:39 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6853",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8323.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8423.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/baku-IMG_8425.jpg"
                ]
            }
        },
        {
            "id": "6852",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nazhmite-bez-chaevyh-i-mozhno-oplachivat\/",
            "title": "Нажмите «Без чаевых» и можно оплачивать",
            "content_html": "<p>Недавно писал, что <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/sber-payment-animation\/\">терминалы Сбера красиво тормозят<\/a>, а тут по ним распространилась новая напасть: они стали клянчить чаевые.<\/p>\n<p>Пока новый интерфейс с чаевыми мне попадался раз пять, и во всех случаях кассир говорил:<br \/>\n— Нажмите «Без чаевых» и можно оплачивать.<\/p>\n<p>Интересно, для кого и чего эту фичу придумали, если даже в самих заведениях все прекрасно понимают, что это просто раздражающая помеха, и заученно инструктируют, как её обойти?<\/p>\n",
            "summary": "Недавно писал, что терминалы Сбера красиво тормозят, а тут по ним распространилась новая напасть: они стали клянчить чаевые",
            "date_published": "2026-10-18T11:25:35+05:00",
            "date_modified": "2026-10-18T11:25:16+05:00",
            "tags": [
                "дизайн продуктов",
                "интерфейс"
            ],
            "_date_published_rfc2822": "Sun, 18 Oct 2026 11:25:35 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6852",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6851",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/on-off\/",
            "title": "Включение и выключение",
            "content_html": "<p>Некоторые устройства можно включать и выключить, для чего на них есть кнопки или выключатели.<\/p>\n<p>Раньше выключатели физически замыкали и размыкали электрическую цепь. С появлением электронного управления возникли промежуточные состояния. Например, у некоторых телевизоров есть «жёсткий» выключатель на корпусе, и они включаются с пульта только когда он включён. Если выключить такой телевизор только с пульта, он переходит в режим ожидания (standby) и светит красным огоньком. У многих посудомоечных машин или электронных термометров есть отдельная кнопка включения. Всё, что она делает — включает возможность нажать следом кнопку стирки или измерения температуры.<\/p>\n<p>Необходимость управлять питанием — проявление технозависимости интерфейса. Задача пользователя — «посмотреть кино», «постирать посуду», «померить температуру», а не «подать питание на схему». Точно так же, как шахматную доску не нужно включать, чтобы сыграть, а стул — чтобы сесть, электронные приборы не должно быть нужно включать, чтобы просто пользоваться ими.<\/p>\n<p>Современная электроника может динамически переходить между разными режимами энергопотребления, не вовлекая в эти решения пользователя. Некоторые беспроводные наушники приходится включать и выключать вручную, чтобы они не разряжались зря. Эйрподсами просто пользуешься, когда нужно, а режим питания они выбирает самостоятельно.<\/p>\n<p>В случае с телевизором жёсткое отключение принципиально отличается от режима ожидания, но эти отличия несущественны для пользователя, поэтому многие современные телевизоры не имеют ни кнопки на корпусе, ни красного огонька и просто всегда управляются с пульта. Вероятно, такое повышение удобства потребовало некоторого внутренного усложнения. В случае же с термометром кнопка питания является проявлением инерции мышления, так как ровно то же, что она делает физически, может делать соседняя кнопка измерения.<\/p>\n<p>Ручное включение и выключение имеет смысл только тогда, когда с ним связаны сценарии использования. Например, пользователь может хотеть отключать камеру и микрофон физически для чувства безопасности. В приборах с неизвлекаемыми батареями физический выключатель — единственный способ гарантированно остановить действие прибора, и то, если он честно отключает всякое электропитание. Некоторые приборы шумят, светят огоньками или создают радиопомехи, что тоже может быть нежелательно и также давать пользователю повод прибор выключить жёстко. И всё же в таких случаях в первую очередь стоит думать об устранении вреда, и только если это невозможно, вводить кнопку питания.<\/p>\n<div class=\"foot\"><p>См. также:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/on-off-buttons\/\">Кнопки включения-выключения<\/a> (2016)<\/li>\n<\/ul>\n<\/div>",
            "summary": "Некоторые устройства можно включать и выключить, для чего на них есть кнопки или выключатели...",
            "date_published": "2026-10-18T00:17:06+05:00",
            "date_modified": "2026-10-20T19:15:01+05:00",
            "tags": [
                "интерфейс",
                "интерфейс бытовых приборов",
                "техника"
            ],
            "_date_published_rfc2822": "Sun, 18 Oct 2026 00:17:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6851",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6850",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/neyronka-by-molcha-sdelala-zelyony-ogonyok\/",
            "title": "Нейронка бы молча сделала зелёный огонёк",
            "content_html": "<p>Я вот подумал дальше <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/zelyony-ogonyok-chto-programma-ispravna\/\">про зелёный огонёк<\/a>.<\/p>\n<p>Представим, что задание добавить зелёный огонёк клиент даёт не дизайнеру, который потом идёт ко мне утверждать макеты, а сразу нейросети. Она послушно его добавит: аккуратно встроит с учётом правил дизайн-системы, применит какой-нибудь скилл чтобы  красиво анимировать. Всё будет сделано на высшем уровне, и клиент подумает: ну всё, дизайнеры мне не нужны. Многие клиенты уже так и думают.<\/p>\n<p>Нейросеть вряд ли станет спрашивать, зачем этот огонёк вообще и не лучше ли решить проблему иначе. Нейросети не особо сопротивляются плохим задачам. Иногда предлагают другой способ решить обозначенную проблему, но когда в запросе уже есть готовое решение — «добавь зелёный огонёк» — они его и реализуют.<\/p>\n<p>Технически уже вполне возможно научить нейросеть сомневаться и спорить. Но я думаю, что такое поведение встраивать в них не будут, потому что оно не будет пользоваться спросом. Нейросеть, которая на каждую прямую просьбу задаёт вопрос, а не фигню ли ты придумал, будет ужасно бесить. Человек хочет быстрый результат, так что пойдёт попросит «нормальную, которая просто делает и не трахает мозг».<\/p>\n<p>С людьми ровно то же самое! Я понимаю, что тоже раздражаю, когда вместо того, чтобы «просто сделать», начинаю докапываться до того, зачем меня о чём-то просят.  Но мне за это как раз и платят.<\/p>\n<p>Модель работы со всеми этими сомнениями в задаче требует участия двух сторон. Клиент должен быть готов принимать твоё сопротивление, видеть в нём смысл, а ты должен иметь волю, чтобы это сопротивления оказывать, несмотря на дискомфорт (но и отключать, если это сейчас не к месту). Клиенты тоже не любят многочасовые обсуждения и согласования понимания задачи, но идут в это, потому что знают, что без этого хорошего результата не выйдет.<\/p>\n<p>Получается, что отличие в работе с нейросетью такое. К нейросети клиент должен сам прийти с явным приглашением к сопротивлению, иначе она будет просто делать, как говорят. А к дизайнеру клиент может просто прийти с задачей, но неожиданно для себя столкнуться с сопротивлением. И тут уже искусство дизайнера в том, чтобы хорошо провести переговоры и помочь клиенту увидеть, что его сопротивление неслучайно.<\/p>\n<p>Нейросеть, конечно, тоже может освоить переговоры, и наверняка даже более искусно, чем человека. Но тут мы приходим к тому, что для этого у неё должна быть точка зрения, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/neuro-competition-2\/\">она должна сама как-то хотеть<\/a>. Но ей-то всё равно!<\/p>\n",
            "summary": "Я вот подумал дальше про зелёный огонёк",
            "date_published": "2026-10-16T14:08:34+05:00",
            "date_modified": "2026-10-16T14:13:11+05:00",
            "tags": [
                "дизайн",
                "нейросети"
            ],
            "_date_published_rfc2822": "Fri, 16 Oct 2026 14:08:34 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6850",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6849",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/zelyony-ogonyok-chto-programma-ispravna\/",
            "title": "Зелёный огонёк, что программа исправна",
            "content_html": "<p>У меня очередной пример того, как можно сделать дикий интерфейс и не заметить этого.<\/p>\n<p>Дизайнер работает над сложным внутренним продуктом, показывает интерфейс и говорит:<br \/>\n— Тут просят в уголке добавить индикатор связи с сервером, какой-то зелёный огонёк. Но в наших макетах место для такого индикатора не предусмотрено. Куда его тут приделать?<\/p>\n<p>Я как обычно перевожу тему и спрашиваю: зачем работнику знать, есть сейчас связь с сервером или нет? Выясняется, что всё реализовано так, что если работник что-то делает, а связи нет, то его действия могут не сохраниться, и тогда потом ему придётся что-то перепроверять и переделывать. Этого нужно избежать, поэтому очень важно, чтобы всегда было видно состояние связи.<\/p>\n<p>И вот здесь мне интересно, дорогие читатели: вам уже очевидно, что происходит какая-то хрень, или пока рассуждение кажется логичным?<\/p>\n<p>Я задаю следующие вопросы. Вот работник работает, у него пропал зелёный огонёк. Допустим даже, что он это заметил. Что он должен решить тогда, какого действия мы от него ждём в этом случае?<\/p>\n<p>Оказывается, если связь пропала, работник должен то ли временно перестать работать, то ли что-то перезагрузить, то ли позвать старшего, то ли ещё каким-нибудь способом разобраться с проблемой. Но в нарушение принципа <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/bez-obucheniya\/\" class=\"nu\">«<u>Без обучения<\/u>»<\/a> об этом нигде не сказано! Работник должен где-то заранее, из других источников, узнать, что отсутствие зелёного огонька означает необходимость каких-то действий, и не забыть об этом.<\/p>\n<p>Допустим теперь, наш работник всё это знает и помнит. Представьте: работа кипит, экраны сменяют друг друга, работник жмёт кнопки. И вот в уголке пропадает зелёный огонёк. Но остальные-то 99,99% экрана продолжают выглядеть так, будто всё в порядке и можно работать дальше. Мы зачем-то показываем человеку рабочий интерфейс, хотя сами уже знаем, что пользоваться им сейчас не надо; надо звать старшего и вот это всё.<\/p>\n<p>Это какой-то издевательский тест на внимательность! Вместо того чтобы явно сказать: «стой, связь потеряна, подожди или позови старшего», мы прячем эту информацию за тоньшайший намёк и надеемся, что он его считает.<\/p>\n<p>Не надо так.<\/p>\n",
            "summary": "У меня очередной пример того, как можно сделать дикий интерфейс и не заметить этого",
            "date_published": "2026-10-15T20:51:27+05:00",
            "date_modified": "2026-10-15T20:51:13+05:00",
            "tags": [
                "интерфейс"
            ],
            "_date_published_rfc2822": "Thu, 15 Oct 2026 20:51:27 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6849",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6848",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ilyabirmanru-2026-stable-menu\/",
            "title": "Стабильное меню на новом сайте",
            "content_html": "<p>У меня на сайте текущий пункт меню выделяется жирным. Обычно при таком дизайне возникают прыжки: жирное слово ведь чуть шире обычного, так что при переходах между разделами более правые пункты немного сдвигаются влево-вправо. Бывают редкие «униширинные» шрифты, где разные начертания имеют одинаковую ширину, но не ограничивать же выбор ими.<\/p>\n<p>Когда я открыл новый сайт на прошлой неделе, меню у меня прыгало, потому что я не успел докрутить, а открываться уже было пора. Но надо было решить эту проблему.<\/p>\n<p>Идея решения простая: каждый пункт меню должен всегда занимать столько места, сколько занимал бы, будь он жирным, даже когда на самом деле он не жирный. Но как это сделать?<\/p>\n<p>Можно написать скрипт, который бы как-то незаметно временно рисовал пункты жирными, измерял бы их, а потом жёстко расставлял бы пункты по стабильным позициям. При этом пришлось бы ещё отслеживать адаптивное изменение размеров шрифта при разных ширинах окна и перемерять. Напрограммировать такое с Кодексом — дело минутное, но это тяжеловесно и неэлегантно. Хочется без скрипта.<\/p>\n<p>Можно положить внутрь каждого пункта невидимую жирную копию текста, распорку. Это лишний элемент в разметке, тоже не идеально, но смириться можно. Я не нашёл решения совсем без изменения разметки, но зато нашёл, как обойтись атрибутом, без лишних элементов: слово, жирность которого нужно мерить, ставится в атрибут, а потом в ЦССе делается псевдоэлемент, контент которого берётся из этого атрибута. Так уже неплохо.<\/p>\n<p>Есть и ещё одна есть сложность: у меня же при наведении под пунктом изменяется цвет подчёркивания, и мне надо, чтобы это подчёркивание было ровно по длине пункта. Если же элемент с текстом растянется до ширины его жирной версии, подчёркивание станет торчать правее видимого конца самого текста, что коряво.<\/p>\n<p>Соответственно надо как-то так сверстать, чтобы подчёркнутая часть осталась по ширине видимого текста, а вокруг неё уже была обёртка по ширине жирного текста, которая бы влияла только на лейаут меню. При этом ради Фиттса область нажатия пункта меню у меня дотянута до середины отступа с соседним пунктом. То есть сама ссылка на самом деле больше и чем её обычный текст, и чем её жирный текст. И да, все эти отступы ещё и адаптивятся по-всякому.<\/p>\n<p>С адаптивом есть ещё и такой момент. Когда меню не влезает целиком, важно, чтобы ты хотя бы видел, что какие-то пункты ещё есть за пределами экрана. На сайте Бюро для этого <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/bureau-school-lecture-layout\/\">давно работает фокус<\/a>: если меню не влезает полностью, то расстояния между пунктами подкручиваются так, чтобы последний пункт гарантированно обрезался краем экрана, и тем намекал на продолжение. Это я тоже к запуску сделать не успел, но хотел.<\/p>\n<p>В общем, теперь всё распутал: атрибут, используемый ЦССом для измерения жирного текста, стоит у обёртки, а сам текст пункта меню стоит у элемента внутри. Любой пункт можно делать и жирным, и обычным, и подчёркивание при наведении всегда остаётся ровно под буквами. Кликать можно в отступ между пунктами, и ничего никуда не прыгает при переключении. Жирность как бы переезжает с пункта на пункт при переключении, но каждый из них остаётся на своём месте. И расстояние между пунктами растягивается так, чтобы всегда было видно, что есть ещё пункты за краем. Красота!<\/p>\n",
            "summary": "У меня на сайте текущий пункт меню выделяется жирным. Обычно при таком дизайне возникают прыжки: жирное слово ведь чуть шире обычного, так что при переходах между разделами более правые пункты немного",
            "date_published": "2026-10-14T19:27:58+05:00",
            "date_modified": "2026-10-14T20:41:05+05:00",
            "tags": [
                "веб-дизайн",
                "веб-разработка",
                "стабильность",
                "ЦСС"
            ],
            "_date_published_rfc2822": "Wed, 14 Oct 2026 19:27:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6848",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6847",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/kak-artyom-gorbunov-pokazal-mne-spravochnik-atabekova\/",
            "title": "Как Артём Горбунов показал мне справочник Атабекова",
            "content_html": "<p>Когда-то в начале моей работы в бюро Артём Горбунов рассказал мне о справочнике Атабекова:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-1.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Артём часто ссылался на него в контексте разных задач на представление информации: как расположить выноски на иллюстрации, как выбрать толщину линий или тип штриховки на диаграмме. Сначала у меня его даже не было, потом появился какой-то скан, и только спустя несколько лет я нашёл его в каком-то букинистическом магазине на окраине Москвы. И сразу сильно впечатлился.<\/p>\n<p>В каждой статье — гора знаний, многие классно иллюстрированы примерами или объяснениями. Посмотрите, какая красота:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-2.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Особенно мне нравятся вот такой фарш, как справа, когда на иллюстрации тридцать (!) картинок, а в тексте они коротко прокомментированы:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-3.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Это эталон, к которому я стремлюсь с нашим новым <a href=\"https:\/\/ilyabirman.ru\/reference\/\">справочником<\/a>. Хочется, чтобы там со временем появились все возможные элементы интерфейса и прочие детали с описанием преимуществ и недостатков.<\/p>\n",
            "summary": "Когда-то в начале моей работы в бюро Артём Горбунов рассказал мне о справочнике Атабекова",
            "date_published": "2026-10-13T16:22:47+05:00",
            "date_modified": "2026-10-14T19:28:42+05:00",
            "tags": [
                "книги",
                "фото"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-1.jpg",
            "_date_published_rfc2822": "Tue, 13 Oct 2026 16:22:47 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6847",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-1.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-2.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/atabekov-book-3.jpg"
                ]
            }
        },
        {
            "id": "6846",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/reference\/",
            "title": "Словарь-справочник проектировщика пользовательского интерфейса",
            "content_html": "<p>Представляю новый раздел на моём сайте — <a href=\"https:\/\/ilyabirman.ru\/reference\/\">Словарь-справочник проектировщика пользовательского интерфейса<\/a>. Мы запускаем его небольшой редакцией, состоящей из Александры Озкан, Настасьи Тулаевой и меня в роли главреда.<\/p>\n<p>Справочник — сверхплотное описание терминов из области проектирования интерфейса, предназначенное для профессионалов. Такая подача помогает бывалому дизайнеру вспомнить о нюансах, которые он не держит в голове, а новичку — развить внимательность и любопытство. Но кроме этого мы рассчитываем, что в справочник можно будет отправить нейросеть примерно с таким промтом: «прочитай, что там написано про все используемые в нашем интерфейсе штуки, и скажи, что нужно исправить».<\/p>\n<p>Это не просто перечень определений — их и так можно найти в интернете. К каждому термину в справочнике мы предъявляли простое требование: от его наличия должна быть польза. В редких случаях определение полезно само по себе, но чаще всего мы задавали вопрос к каждому термину так: что проектировщику нужно знать об этом? И старались дать качественный ответ.<\/p>\n<p>Сегодня открывается предварительное издание. В нём уже больше двухсот терминов, но к первому изданию будет больше, часть ещё в работе. Мы приглашаем вас начать пользоваться справочником и сказать, в чём вы видите наши упущения, чего недостаёт или что вам представляется ошибкой.<\/p>\n",
            "summary": "Представляю новый раздел на моём сайте — Словарь-справочник проектировщика пользовательского интерфейса",
            "date_published": "2026-10-13T00:26:19+05:00",
            "date_modified": "2026-10-13T00:34:02+05:00",
            "tags": [
                "интерфейс",
                "проекты",
                "релиз",
                "студентам"
            ],
            "_date_published_rfc2822": "Tue, 13 Oct 2026 00:26:19 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6846",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6845",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-207\/",
            "title": "На интерфейсном курсе: обсуждаем компоновку окна",
            "content_html": "<p>Здесь у участника курса несколько нелогично организовано окно, и я рассуждаю о том, как можно было бы переорганизовать. 5 минут:<\/p>\n<figure class=\"e2-text-video\">\n  <iframe src=\"https:\/\/www.youtube.com\/embed\/S_7m0co8zMc?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/figure>\n<p>Это фрагмент № 207 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 13 декабря 2024 года.<\/p>\n<p>Идёт запись на ноябрьский курс, сейчас −20%. В рассрочку это 6320 ₽ \/ мес.<\/p>\n<p class=\"action\"><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">Почитать о курсе<\/a><br \/>\nПрограмма, отзывы, запись<\/p>\n<p>Это лучший курс об интерфейсе. И про адаптивность там тоже есть лекция большая.<\/p>\n",
            "summary": "Здесь у участника курса несколько нелогично организовано окно, и я рассуждаю о том, как можно было бы переорганизовать...",
            "date_published": "2026-10-12T11:55:36+05:00",
            "date_modified": "2026-10-12T11:55:24+05:00",
            "tags": [
                "видео",
                "интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-S_7m0co8zMc-cover.jpg",
            "_date_published_rfc2822": "Mon, 12 Oct 2026 11:55:36 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6845",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-S_7m0co8zMc-cover.jpg"
                ]
            }
        },
        {
            "id": "6844",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ilyabirmanru-2026\/",
            "title": "9-я версия моего сайта",
            "content_html": "<p>Добро пожаловать <a href=\"https:\/\/ilyabirman.ru\/\">на мой новый сайт<\/a>:<\/p>\n<figure class=\"e2-text-picture\">\n  <a href=\"https:\/\/ilyabirman.ru\/\" class=\"e2-text-picture-link\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026.jpg\" width=\"1110\" height=\"1280\" alt=\"\" \/>\n  <\/a>\n<\/figure>\n<p>Я начал думать над новым дизайном много лет назад, но в конце лета наконец сел доделывать, и вот — открываю. Работы ещё много, но я решил, что лучше докручивать по живому, чем тянуть много месяцев. Там внутри большой задел на будущее развитие.<\/p>\n<p>Зацените адаптив от 320 до 3200 и хитрую навигацию по проектам.<\/p>\n<h2>Адаптив<\/h2>\n<p>Вот как ведёт себя адаптив на сегодняшний день (кое-что ещё буду допиливать постепенно):<\/p>\n<figure class=\"e2-text-video\">\n  <video src=\"https:\/\/ilyabirman.ru\/meanwhile\/video\/ilyabirmanru-2026-adaptive-1@loop.mp4#t=0.001\" width=\"1280\" height=\"720\" autoplay muted loop playsinline alt=\"\" \/>\n\n<\/figure>\n<p>Посмотрите, сколько всяких мелочей происходит, чтобы в каждом размере всё смотрелось хорошо и нигде нельзя было подумать, что это какой-то «неправильный» размер.<\/p>\n<p>Обычно делают типа «телефон», «десктоп поуже» и «десктоп пошире», а что там между — ну как пойдёт. Особенно достаётся всяким ширинам типа 800, на них вообще никто не смотрит. А тут нет никакого «между», есть просто континуум. Смотришь на сайт на телефоне горизонтально? Ну ок, всё равно получай идеальный вариант.<\/p>\n<p>Отдельно зацените меню:<\/p>\n<figure class=\"e2-text-video\">\n  <video src=\"https:\/\/ilyabirman.ru\/meanwhile\/video\/ilyabirmanru-2026-adaptive-2@loop.mp4#t=0.001\" width=\"1280\" height=\"720\" autoplay muted loop playsinline alt=\"\" \/>\n\n<\/figure>\n<p>Во-первых, при сужении экрана строки становятся выше, чтобы на мобиле пальцем было проще попадать. Причём там плавная кривая, чтобы нельзя было заметить, что вот с какой-то ширины они вдруг резко начали расти. И разумеется, если открыть даже на большом тач-экране, расстояния всё равно будут большими.<\/p>\n<p>Во-вторых, зацените как пункт «Илья Бирман» залипает наполовину. Фотка остаётся, чтобы всегда была ссылка на главную, а остальное начинает прокручиваться под неё, чтобы на тесной ужине́ больше влезало.<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-adaptive-mobile-landscape.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>На горизонтальном Айфоне в качестве полей используется место под камерой и такое же симметрично справа, чтобы максимум полезной ширины отдать контенту и не городить ещё дополнительные поля к этому (как делают почти все остальные). При этом всё, что прокручивается, спокойно вылезает в эти поля, не беда.<\/p>\n<p>Оказывается, оно вмещается даже в часы:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-adaptive-watch.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Тоже всё прокручивается так же. Я сам удивился, это мне в комментариях показали. Прикольно! Правда, там не всё работает, и теперь появился соблазн докрутить. Но часы рендерят так, как если бы ширина была 320, так что никаких новых приёмов там не применяется.<\/p>\n<h2>Навигация<\/h2>\n<p>Что касается навигации, то проблема в том, что многообразие моих продуктов, проектов и затей ну никак не ложится в классическую древовидную структуру сайта. Вот есть какой-нибудь <a href=\"https:\/\/ilyabirman.ru\/wireless-dj\/\">Вайрлесс-диджей<\/a>:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-1.jpg\" width=\"2272\" height=\"1760\" alt=\"\" \/>\n<\/figure>\n<p>Он вроде и продукт, но и как пример работы над интерфейсом его хочется показать. В то же время, у меня есть разные другие штуки про музыку, и хочется их всех как-то объединить в тему «штуки про музыку». Поэтому у меня страница может находиться сразу в нескольких разделах меню и состоять из нескольких строчек, провязывающих её с другими страницами. Это не говоря о том, что, как видите, она ещё сама может разделяться на подстраницы с версиями или подразделами.<\/p>\n<p>Или вот взять <a href=\"https:\/\/ilyabirman.ru\/chelyabinsk\/trams\/2025\/\">схему челябинских трамваев<\/a>:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-2.jpg\" width=\"2272\" height=\"1760\" alt=\"\" \/>\n<\/figure>\n<p>Это, конечно, схема, и хочется её показать в контексте других схем. Но она ведь и одна из работ, что я делал для Челябинска, и хочется показать её среди других работ для Челябинска. И вот теперь я так могу сделать.<\/p>\n<p>Зацените, что происходит при переключении между страницами, когда связи с другими меняются. Например, с этой страницы схемы трамваев можно уйти в адресные таблички, и тогда она уже провяжется с другими адресными табличками; а можно — в знак выделенки, и тогда она уже провяжется с другими знаками.<\/p>\n<p>Ещё моментик на стыке адаптива и навигации: когда любой строчке меню не хватает ширины и она прокручиваеся, она всегда изначально подкручивается так, чтобы выбранный пункт меню был виден. Поэтому на телефоне всегда сразу видно, где ты.<\/p>\n<p>Ну и в концах страниц проектов теперь тоже есть ссылки на связанные проекты:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-3.jpg\" width=\"2272\" height=\"1760\" alt=\"\" \/>\n<\/figure>\n<p>Расскажите, какие видите косяки в каких случаях.<\/p>\n",
            "summary": "Добро пожаловать на мой новый сайт",
            "date_published": "2026-10-10T11:41:58+05:00",
            "date_modified": "2026-10-10T12:48:21+05:00",
            "tags": [
                "адаптив",
                "дизайн",
                "навигация",
                "этот сайт"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026.jpg",
            "_date_published_rfc2822": "Sat, 10 Oct 2026 11:41:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6844",
            "_rss_enclosures": [
                {
                    "url": "https:\/\/ilyabirman.ru\/meanwhile\/video\/ilyabirmanru-2026-adaptive-1@loop.mp4",
                    "type": "video\/mp4",
                    "length": 2149861
                },
                {
                    "url": "https:\/\/ilyabirman.ru\/meanwhile\/video\/ilyabirmanru-2026-adaptive-2@loop.mp4",
                    "type": "video\/mp4",
                    "length": 603479
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-adaptive-mobile-landscape.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-adaptive-watch.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-1.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-2.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ilyabirmanru-2026-navigation-3.jpg"
                ]
            }
        },
        {
            "id": "6843",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/two-eulers-formulas\/",
            "title": "Две формулы Эйлера",
            "content_html": "<p>Можно встретить утверждение, что формула Эйлера — самая красивая формула в математике. Это вот эта:<\/p>\n<p class=\"loud\">e<sup>iπ<\/sup> = −1<\/p>\n<p>Формула прекрасная, спору нет. Но авторы утверждения о её предельной красоте иногда приводят её в таком виде:<\/p>\n<p class=\"loud\">e<sup>iπ<\/sup> + 1 = 0<\/p>\n<p>А тут уже никакой красоты. Тут и лишнее действие, и лишняя константа. Как будто кому-то показалось, что с минусом некрасиво, и он решил «поправить», прибавив единицу. Очень плохой вкус и полное игнорирование смысла ради формы.<\/p>\n",
            "summary": "Можно встретить утверждение, что формула Эйлера — самая красивая формула в математике. Это вот эта",
            "date_published": "2026-10-03T01:10:23+05:00",
            "date_modified": "2026-10-03T01:06:37+05:00",
            "tags": [
                "математика"
            ],
            "_date_published_rfc2822": "Sat, 03 Oct 2026 01:10:23 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6843",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6842",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/israel-rail\/",
            "title": "Железные дороги Израиля",
            "content_html": "<p>Сегодня — как выглядят железные дороги в Израиле.<\/p>\n<p>Типичная станция:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0067.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Другая:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0064.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>На табло, почему-то в графе Train, отмечены поезда, останавливающиеся в аэропорту:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0060.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Если на входе турникеты человеческие, то на выходе — страшные крутилки-решётки, враг не пройдёт:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2893.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Это странная станция «Тель-Авив Савидор Центральная». Из всех станций Тель-Авива эта, кажется, последняя годится на роль центральной:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0066.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>То ли дело Хашалом:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0152.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>На станции аэропорта Бен-Гурион изображён не только логотип железной дороги, но и логотип самого аэропорта, который ещё и похож на Магендавид:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0075.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>При письме справа налево скорость изображается наклоном влево.<\/p>\n<p>На скаймейках логотип нанесён перфорацией:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2907.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Еврейский «майнд зе геп»:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0070.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>От англоговорящих читаталей скрывают, что Нахария — Западная:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_1470.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Поезд до станции <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/jerusalem-2019\/\">Иерусалим Навон<\/a> останавливается «в самолётике», но чтобы понять, что речь о нём, надо сверить номер поезда:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2297.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Табло с направлением:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2298.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Красный двухэтажный поезд. Если бы не подпись станции <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/rehovot\/\">Реховот<\/a>, можно было бы подумать, что это где-то <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/friedberg-station\/\">в Германии<\/a>:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2889.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Ещё поезд:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2990e.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Внутри, на втором этаже:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2894.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Очень приятно, только всегда дубак из-за кондиционеров.<\/p>\n<p>Бывают и такие вагоны:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2904.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Следующая станция — <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/rishon-lezion-and-beer-sheva\/\">Беэр-Шева<\/a> Центральная:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2895.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>Розетки на потолке:<\/p>\n<figure class=\"e2-text-picture\">\n  <img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2995.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/figure>\n<p>С одной стороны, всё время переживаешь, чтобы зарядник не вывалился. С другой — труднее забыть.<\/p>\n<p>См. также: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/israeli-train-toilet\/\">Таблички в туалете израильского поезда<\/a>.<\/p>\n<p>Фотографии из поездок в 2017, 2018 и 2022 годах. Слетайте в Израиль!<\/p>\n",
            "summary": "Сегодня — как выглядят железные дороги в Израиле",
            "date_published": "2026-10-02T11:50:39+05:00",
            "date_modified": "2026-10-02T11:50:20+05:00",
            "tags": [
                "Беэр-Шева",
                "железная дорога",
                "Иерусалим",
                "Израиль",
                "мир",
                "Реховот",
                "Тель-Авив",
                "фото"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0067.jpg",
            "_date_published_rfc2822": "Fri, 02 Oct 2026 11:50:39 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6842",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0067.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0064.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0060.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2893.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0066.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0152.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0075.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2907.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_0070.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_1470.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2297.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2298.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2889.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2990e.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2894.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2904.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2895.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/israel-rail-IMG_2995.jpg"
                ]
            }
        },
        {
            "id": "6841",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/prosim-s-ponimaniem-otnestis-chto\/",
            "title": "Просим с пониманием отнестись, что",
            "content_html": "<p>Еду сейчас в трамвае, а там объявляют: «Просим с пониманием отнестись, что...» Отнестись, что! Как у людей такое получается произнести даже, вот вопрос.<\/p>\n",
            "summary": "Еду сейчас в трамвае, а там объявляют: «Просим с пониманием отнестись, что...» Отнестись, что! Как у людей такое получается произнести даже, вот вопрос",
            "date_published": "2026-09-30T17:08:05+05:00",
            "date_modified": "2026-09-30T16:59:54+05:00",
            "tags": [
                "русъяз"
            ],
            "_date_published_rfc2822": "Wed, 30 Sep 2026 17:08:05 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6841",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6840",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-68\/",
            "title": "Думаем дальше № 68 — «Чешуя какая-то» с Евгением Черновым",
            "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\">10:41<\/td>\n    <td style=\"text-align: left\">Производная как скорость изменения<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">13:41<\/td>\n    <td style=\"text-align: left\">Разбираем на синусе и косинусе<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">18:18<\/td>\n    <td style=\"text-align: left\">Как взять «производную» не на линии, а на гладкой поверхности<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">33:31<\/td>\n    <td style=\"text-align: left\">Что такое вектор и что такое поле<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">40:53<\/td>\n    <td style=\"text-align: left\">Градиент<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">43:34<\/td>\n    <td style=\"text-align: left\">Дивергенция<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">50:58<\/td>\n    <td style=\"text-align: left\">Дивергенция градиента и при чём тут физика<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">54:46<\/td>\n    <td style=\"text-align: left\">Ротор<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">58:24<\/td>\n    <td style=\"text-align: left\">Что дают интегралы в полях<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:07:37<\/td>\n    <td style=\"text-align: left\">Формула Остроградского-Гаусса<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:13:12<\/td>\n    <td style=\"text-align: left\">Теорема Стокса и общий принцип<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: right\">1:16:50<\/td>\n    <td style=\"text-align: left\">Связь лестницы производных в точке и поведения функции на всей области определения<\/td>\n  <\/tr>\n<\/table>\n",
            "summary": "С Евгением Черновым обсуждаем теорию поля, также известную как векторный анализ, и обнаруживаем, что формула Остроградского-Гаусса — это теорема Ньютона-Лейбница на максималках",
            "date_published": "2026-09-29T12:20:16+05:00",
            "date_modified": "2026-09-29T12:20:08+05:00",
            "tags": [
                "Думаем дальше",
                "математика"
            ],
            "_date_published_rfc2822": "Tue, 29 Sep 2026 12:20:16 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6840",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6839",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/claude-design-design\/",
            "title": "Дизайн Клод-дизайна",
            "content_html": "<p>Краем глаза посмотрел на Клод-дизайн. Дизайн Клод-дизайна явно делал Клод-дизайн: вроде выглядит миленько, но никакого порядка, смысла и логики нет ни в чём. Собственно, в последнее время то же самое происходит в большинстве дизайна, сделанного людьми, так что, думаю, Клод-дизайн — вполне достойная замена многим дизайнерам.<\/p>\n",
            "summary": "Краем глаза посмотрел на Клод-дизайн. Дизайн Клод-дизайна явно делал Клод-дизайн: вроде выглядит миленько, но никакого порядка, смысла и логики нет ни в чём",
            "date_published": "2026-09-28T16:46:58+05:00",
            "date_modified": "2026-09-28T16:43:37+05:00",
            "tags": [
                "дизайн",
                "нейросети"
            ],
            "_date_published_rfc2822": "Mon, 28 Sep 2026 16:46:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6839",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6838",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/oprosy-polzovateley\/",
            "title": "Опросы пользователей",
            "content_html": "<p>Один из способов исследования — это когда пользователей зовут проходить всякие опросы про продукт. Могут письмом зазвать «ответьте на несколько вопросов», а могут в самом приложении сказать «помогите нам стать лучше». Ясно, что сами эти опросы раздражают часть людей, но допустим, что это необходимое зло: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/somehow\/\">как-то же надо<\/a> изучать наших пользователей!<\/p>\n<p>Вопрос в том, как интерпретировать результаты. Например, если по ответам вы судите о том, чем пользователи довольны, а чем нет, то важно понимать, что вы изучаете не всех пользователей, а только тех, кому настолько нехрен делать, что они пошли отвечать на ваш опрос. Возможно, в ходе опроса вы выясните, что их не бесят всякие попапы, но так их и опрос ваш не особо бесит. Они, похоже, готовы терпеть что угодно!<\/p>\n<p>Получается, результаты у вас искажены: вы знаете только ответы самых нетребовательных пользователей. Более того, возможно, что ответы нетребовательных людей сами по себе низкого качества. Вряд ли они особенно старались и вдумчиво отвечали. Знаете же, как оставляют отзывы на маркетплейсах люди, которым нечего делать? «Отличная вещь, рекомендую, сами ещё не распаковывали». Ну вот.<\/p>\n<p>Я не к тому, что опросы никогда не надо проводить (хотя я был бы счастлив). Я к тому, что если вы сначала решили использовать этот метод при всех недостатках, потому что лучше ничего не нет, то не стоит потом смотреть на его результаты так, будто они настоящие. Надо так и смотреть: «Ну вот, наш кривой метод дал какие-то такие кривые результаты. И что они значат на самом деле?»<\/p>\n",
            "summary": "Один из способов исследования — это когда пользователей зовут проходить всякие опросы про продукт. Могут письмом зазвать «ответьте на несколько вопросов»",
            "date_published": "2026-09-27T15:25:30+05:00",
            "date_modified": "2026-09-27T15:24:20+05:00",
            "tags": [
                "исследования"
            ],
            "_date_published_rfc2822": "Sun, 27 Sep 2026 15:25:30 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6838",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 4311,
    "_e2_ua_string": "Aegea 12.0a (v4311e)"
}