{
    "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\/web-forms\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/web-forms\/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": "6656",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/raspolozhenie-podpisey-ne-vliyayut-na-skorost-zapolneniya\/",
            "title": "Расположение подписей не влияет на скорость заполнения",
            "content_html": "<p>Юля Кондратьева по следам нашего подкаста <a href=\"https:\/\/habr.com\/ru\/articles\/993150\/\">решила поизучать подробнее<\/a>, куда же ставить лейблы в форме: слева от полей или над полями. Я недоволен. В выводе у Юли написано так:<\/p>\n<blockquote>\n<p>Скорость заполнения или количество ошибок в большинстве исследований никак не зависят от расположения лейблов. С точки зрения создания дизайн-системы проще делать названия над полем, чтобы проще адаптировать мобильные-десктопные дизайны.<\/p>\n<\/blockquote>\n<p>При беглом чтении можно решить, что в целом лучше ставить сверху: «людям всё равно, а дизайнерам удобне сверху».<\/p>\n<p>Но это же совершенно неправильный вывод! Тут единственный довод в пользу расположения подписей сверху связан с удобством дизайнеров, а не с качеством результата. В то же время сам результат одинаковый только с точки зрения скорости заполнения, а другие соображения тут не принимаются во внимание.<\/p>\n<p>В жизни с этими подписями всё происходит ровно наоборот. Ты объясняешь дизайнеру, почему подписи следует ставить слева: форма получается компактнее, площадь экрана используется эффективнее, появляется больше выразительных средств для структурирования. А дизайнер, если он против, начинает выдумывать, что якобы по каким-то приснившимся ему исследованиям люди быстрее считывают формы, если подписи стоят над полями, ведь глазу не приходится прыгать зигзагами, бла-бла.<\/p>\n<p>На самом деле получается, что изучение исследований вновь подтверждает: единственный довод за расположение подписей над инпутами — шляпа! Продолжаем ставим подписи слева, как положено.<\/p>\n<p>Заодно вновь обратите внимание на то, какая же чушь все эти исследования. Каждый всё равно сделает из них тот вывод, который захочет.<\/p>\n",
            "summary": "Юля Кондратьева по следам нашего подкаста решила поизучать подробнее, куда же ставить лейблы в форме",
            "date_published": "2026-02-13T11:56:26+02:00",
            "date_modified": "2026-03-26T21:04:05+02:00",
            "tags": [
                "веб-формы",
                "исследования"
            ],
            "_date_published_rfc2822": "Fri, 13 Feb 2026 11:56:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6656",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6617",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nevoshedshee-v-lekciyu-formy\/",
            "title": "Невошедшее в лекцию «Формы»",
            "content_html": "<p>В моём курсе «Пользовательский интерфейс и представление информации» обновилась лекция «Формы». Некоторые вещи я вырезал из неё при монтаже, чтобы она не была безумно длинной. В этом видео — нарезка такого невошедшнего:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Xwj7m4e3T9c?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Китайский логин, совет с перевёрсткой, приятная формочка «Актиона», принцип «Дай нажать» в полях выбора даты, очевидная обязательность полей логина и пароля, идея объяснения ограничений на примере дорожных знаков, разбор старой формы «Яндекса», email по-английски, красное слово «Внимание», злоупотребление постепенным раскрытием полей.<\/p>\n<p>Куча пользы бесплатно, и это только невошедшее! Представьте, какая полезная сама лекция. Одна из сорока на курсе. И там ещё практика и семинары.<\/p>\n<p>Подробнее об обновлении лекций — <a href=\"https:\/\/bureau.ru\/news\/2025\/lecture-ui-updates-forms\/\">на сайте бюро<\/a>.<\/p>\n<p>Запись на курс — <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">тоже на сайте бюро<\/a>. Сейчас −30%.<\/p>\n",
            "summary": "В моём курсе «Пользовательский интерфейс и представление информации» обновилась лекция «Формы». Некоторые вещи я вырезал из неё при монтаже, чтобы она не была безумно длинной",
            "date_published": "2025-12-27T09:08:12+02:00",
            "date_modified": "2025-12-27T09:07:38+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "курсы",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Xwj7m4e3T9c-cover.jpg",
            "_date_published_rfc2822": "Sat, 27 Dec 2025 09:08:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6617",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Xwj7m4e3T9c-cover.jpg"
                ]
            }
        },
        {
            "id": "6613",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/form-validation-asymmetry\/",
            "title": "Асимметричная проверка полей формы на ошибки",
            "content_html": "<p>Двенадцать лет назад я рассказал вам, что ссылку нужно <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/hover-fade\/\">мгновенно подсвечивать при наведении<\/a>, но можно плавно гасить при отведении. Сегодня — ещё об одной похожей асимметрии, которая делает интерфейс сильно лучше среднего.<\/p>\n<p>Поговорим о валидации полей в формах. Не нужно орать на пользователя ошибками, пока он ещё печатает:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/asymmetry-error-too-early@2x.png\" width=\"304\" height=\"221\" alt=\"\" \/>\n<\/div>\n<p>Я понимаю, что пароли не совпадают, я ж ещё не допечатал второй! Выводить сообщение об ошибке надо при расфокусе поля или попытке отправить уже всю форму, а не под руку.<\/p>\n<p>Но с другой стороны, не должно возникать бессмысленного состояния экрана, когда мне указывают на уже исправленную ошибку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/asymmetry-no-error-too-late.png\" width=\"352\" height=\"136\" alt=\"\" \/>\n<\/div>\n<p>Я же ввёл как раз 11 цифр, чё тебе надо? Убирать сообщение об ошибке нужно как только ошибка исправлена, а не когда-то там ещё потом.<\/p>\n<p>Это должно быть корректно запрограммировано где-то в на уровне архитектуры всего кода, отвечающего за валидацию, чтобы просто всегда вело себя правильно и не нужно было в каждом случае отдельно настраивать и проверять.<\/p>\n",
            "summary": "Двенадцать лет назад я рассказал вам, что ссылку нужно мгновенно подсвечивать при наведении, но можно плавно гасить при отведении",
            "date_published": "2025-12-19T21:04:56+02:00",
            "date_modified": "2025-12-19T21:04:44+02:00",
            "tags": [
                "веб-формы",
                "пользовательский интерфейс",
                "сообщения об ошибках"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/asymmetry-error-too-early@2x.png",
            "_date_published_rfc2822": "Fri, 19 Dec 2025 21:04:56 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6613",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/asymmetry-error-too-early@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/asymmetry-no-error-too-late.png"
                ]
            }
        },
        {
            "id": "6553",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-182\/",
            "title": "На интерфейсном курсе: фотошоплю форму смотреть бесплатно",
            "content_html": "<p>Быстренько фотошоплю форму заказа. Тут чуть пододвинул, там перенёс, здесь убрал лишнее — и хоп, стало в полтора раза короче без ущерба для смысла. 8 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ni3Hn1Mj9tw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 182 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 29 марта 2024 года.<\/p>\n<p>Открыта запись на курс, который пройдёт 4 октября — 2 ноября.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Быстренько фотошоплю форму заказа. Тут чуть пододвинул, там перенёс, здесь убрал лишнее — и хоп, стало в полтора раза короче без ущерба для смысла",
            "date_published": "2025-10-01T16:47:00+02:00",
            "date_modified": "2025-10-01T14:51:23+02:00",
            "tags": [
                "веб-формы",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-ni3Hn1Mj9tw-cover.jpg",
            "_date_published_rfc2822": "Wed, 01 Oct 2025 16:47:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6553",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-ni3Hn1Mj9tw-cover.jpg"
                ]
            }
        },
        {
            "id": "6549",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-180\/",
            "title": "На интерфейсном курсе: вопрос о грани, после которой нужна пошаговость",
            "content_html": "<p>Участница курса спрашивает, как найти грань, после которой длинную форму пора переделать на пошаговую. А я отвечаю уклончиво и философско. 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/XY6DONMlpUo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 180 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 29 марта 2024 года.<\/p>\n<p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Участница курса спрашивает, как найти грань, после которой длинную форму пора переделать на пошаговую",
            "date_published": "2025-09-27T00:10:14+02:00",
            "date_modified": "2025-09-27T00:05:41+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-XY6DONMlpUo-cover.jpg",
            "_date_published_rfc2822": "Sat, 27 Sep 2025 00:10:14 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6549",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-XY6DONMlpUo-cover.jpg"
                ]
            }
        },
        {
            "id": "6471",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-169\/",
            "title": "На интерфейсном курсе: у прямоугольника недостаточно признаков поля",
            "content_html": "<p>Небольшой кусочек про то, как полю недостаёт контекста, чтобы выглядеть как поле. 1 минутка:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hpnt4JyiU2o?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В этом фрагменте я говорю о важности визуальной ясности и связи элементов. Когда пользователь выбирает чекбокс „по-другому“, появляется красный прямоугольник — но он выглядит как ошибка, а не как активное поле для ввода. У него нет ни подписи, ни визуальных признаков, что это вообще поле. Оно находится далеко от чекбокса, не связано с ним ни логически, ни визуально».<\/p>\n<p>Это фрагмент № 169 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 февраля 2024 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 24 мая — 22 июня. Сейчас −30% из-за ранней записи. Недавно обновились несколько лекций и добавилась новая.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Небольшой кусочек про то, как полю недостаёт контекста, чтобы выглядеть как поле. 1 минутка",
            "date_published": "2025-04-19T14:50:00+02:00",
            "date_modified": "2025-04-19T14:55:11+02:00",
            "tags": [
                "веб-формы",
                "кликабельность",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-hpnt4JyiU2o-cover.jpg",
            "_date_published_rfc2822": "Sat, 19 Apr 2025 14:50:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6471",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-hpnt4JyiU2o-cover.jpg"
                ]
            }
        },
        {
            "id": "6412",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-159\/",
            "title": "На интерфейсном курсе: поле поиска — это не часть полей формы",
            "content_html": "<p>В интерфейсе участницы курса была форма, в ней поля выбора адреса, а в нём — поле поиска. И она хотела, чтобы значение этого поля использовалось как часть общей формы. Объясняю, почему это не очень удачное решение. 2 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/rMnnM3o_JXo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vkvideo.ru\/video286049442_456239444\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 159 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −20% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "В интерфейсе участницы курса была форма, в ней поля выбора адреса, а в нём — поле поиска. И она хотела, чтобы значение этого поля использовалось как часть общей формы...",
            "date_published": "2024-12-22T21:53:00+02:00",
            "date_modified": "2024-12-22T21:52:43+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-rMnnM3o_JXo-cover.jpg",
            "_date_published_rfc2822": "Sun, 22 Dec 2024 21:53:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6412",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-rMnnM3o_JXo-cover.jpg"
                ]
            }
        },
        {
            "id": "6399",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-156\/",
            "title": "На интерфейсном курсе: размеры и кнопка в форме",
            "content_html": "<p>Обсуждаем соотношения размеров полей и текста в них, а также расположение и вид главной кнопки формы. 8 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/5gxBJOV4yzA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vk.com\/video286049442_456239441\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 156 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −10% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Обсуждаем соотношения размеров полей и текста в них, а также расположение и вид главной кнопки формы",
            "date_published": "2024-11-26T13:40:54+02:00",
            "date_modified": "2024-11-26T13:40:50+02:00",
            "tags": [
                "веб-формы",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5gxBJOV4yzA-cover.jpg",
            "_date_published_rfc2822": "Tue, 26 Nov 2024 13:40:54 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6399",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5gxBJOV4yzA-cover.jpg"
                ]
            }
        },
        {
            "id": "6394",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-154\/",
            "title": "На интерфейсном курсе: форма слишком сложная",
            "content_html": "<p>Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении. Смотрим на золотой стандарт: поле поиска по всему интернету. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/YIwCjtdp5Y4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vk.com\/video286049442_456239437\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 154 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 17 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −20% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении",
            "date_published": "2024-11-14T09:21:04+02:00",
            "date_modified": "2024-11-14T09:20:29+02:00",
            "tags": [
                "веб-формы",
                "пользовательский интерфейс",
                "студентам",
                "технозависимость",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-YIwCjtdp5Y4-cover.jpg",
            "_date_published_rfc2822": "Thu, 14 Nov 2024 09:21:04 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6394",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-YIwCjtdp5Y4-cover.jpg"
                ]
            }
        },
        {
            "id": "6271",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-143\/",
            "title": "На интерфейсном курсе: не надо ставить элементы формы под главную кнопку",
            "content_html": "<p>Участница поставила пару необязательных элементов формы под главную кнопку, да ещё и сказала, что «вынесла за скобку». Я, во-первых, говорю, что вынесение за скобку тут ни при чём, и напоминаю, что значит этот термин; а во-вторых, объясняю, почему не надо так элементы формы ставить. Две минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/VlEbVJGgGXw?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 143 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 октября 2023 года.<\/p>\n<p>До 19 апреля идёт запись на курс, который пройдёт с 20 апреля по 19 мая. Сейчас −10% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Участница поставила пару необязательных элементов формы под главную кнопку, да ещё и сказала, что «вынесла за скобку»",
            "date_published": "2024-04-08T12:26:18+02:00",
            "date_modified": "2024-04-08T12:26:10+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-VlEbVJGgGXw-cover.jpg",
            "_date_published_rfc2822": "Mon, 08 Apr 2024 12:26:18 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6271",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-VlEbVJGgGXw-cover.jpg"
                ]
            }
        },
        {
            "id": "6238",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-136\/",
            "title": "На интерфейсном курсе: дисейблить ли кнопку с точки зрения канонов интерфейса и бизнеса?",
            "content_html": "<p>традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 2 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/qh5BmDJ48yI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 136 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 15 сентября 2023 года.<\/p>\n<p>До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 30% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 2 минутки",
            "date_published": "2024-02-12T11:57:38+02:00",
            "date_modified": "2024-02-12T11:57:30+02:00",
            "tags": [
                "веб-формы",
                "дизайн сайтов",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-qh5BmDJ48yI-cover.jpg",
            "_date_published_rfc2822": "Mon, 12 Feb 2024 11:57:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6238",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-qh5BmDJ48yI-cover.jpg"
                ]
            }
        },
        {
            "id": "6177",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-130\/",
            "title": "На интерфейсном курсе: как сделать сетку в форме",
            "content_html": "<p>Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё. А потом ещё показываю, как это же работает в Эгее. 3 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ublwi2BmrH0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 130 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.<\/p>\n<p>Книга: <a href=\"http:\/\/bureau.ru\/projects\/book-ui\/\" class=\"nu\">«<u>Пользовательский интерфейс<\/u>»<\/a><\/p>\n<p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января.<\/p>\n<p>Дед Мороз принесёт вам мешок новых знаний!<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё",
            "date_published": "2023-12-15T17:09:26+02:00",
            "date_modified": "2023-12-15T17:09:11+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "дизайн",
                "книга «Пользовательский интерфейс»",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-ublwi2BmrH0-cover.jpg",
            "_date_published_rfc2822": "Fri, 15 Dec 2023 17:09:26 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6177",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-ublwi2BmrH0-cover.jpg"
                ]
            }
        },
        {
            "id": "6167",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-129\/",
            "title": "На интерфейсном курсе: формулировки ошибок в форме",
            "content_html": "<p>Разбираем многословные и не очень полезные сообщения об ошибке в форме регистрации. 3 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/5e2pwuF8raQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 129 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 сентября 2023 года.<\/p>\n<p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января. Сейчас экономия 10% из-за ранней записи.<\/p>\n<p>Дед Мороз принесёт вам мешок новых знаний!<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем многословные и не очень полезные сообщения об ошибке в форме регистрации. 3 минуты",
            "date_published": "2023-12-04T20:39:29+02:00",
            "date_modified": "2023-12-04T20:35:06+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "сообщения об ошибках",
                "студентам",
                "текст",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5e2pwuF8raQ-cover.jpg",
            "_date_published_rfc2822": "Mon, 04 Dec 2023 20:39:29 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6167",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-5e2pwuF8raQ-cover.jpg"
                ]
            }
        },
        {
            "id": "6108",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-118\/",
            "title": "На интерфейсном курсе: обозначение обязательных и необязательных полей",
            "content_html": "<p>Всё начинается с вопроса участницы о том, как быть с формами, где много обязательных и необязательных полей, как их обозначать. А в итоге я показываю интерфейс «Советов», которые я пишу десять лет, и до сих пор ни разу даже не задавался вопросом о том, какие поля там являются обязательными. 11 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/9kB6CfCE0aM?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 118 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 мая 2023 года.<\/p>\n<p>До 6 октября идёт запись на курс, который пройдёт с 7 октября по 5 ноября.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Всё начинается с вопроса участницы о том, как быть с формами, где много обязательных и необязательных полей, как их обозначать",
            "date_published": "2023-10-01T21:09:31+02:00",
            "date_modified": "2023-10-20T15:56:15+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-9kB6CfCE0aM-cover.jpg",
            "_date_published_rfc2822": "Sun, 01 Oct 2023 21:09:31 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6108",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-9kB6CfCE0aM-cover.jpg"
                ]
            }
        },
        {
            "id": "6043",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-108\/",
            "title": "На интерфейсном курсе: кирпичная кладка и другие недостатки формы",
            "content_html": "<p>Обсуждаем дизайн формы: кирпичная кладка, расположение финальной кнопки, непоследовательность в изображении элементов. Чем отличается исключительный и неисключительный выбор. Почему знак рубля не надо делать побледнее. 9 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/9RUUtqehkyU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 108 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.<\/p>\n<p>До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября. Сейчас действует скидка 30% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Обсуждаем дизайн формы: кирпичная кладка, расположение финальной кнопки, непоследовательность в изображении элементов",
            "date_published": "2023-07-22T18:44:53+02:00",
            "date_modified": "2023-07-22T18:44:49+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-9RUUtqehkyU-cover.jpg",
            "_date_published_rfc2822": "Sat, 22 Jul 2023 18:44:53 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6043",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-9RUUtqehkyU-cover.jpg"
                ]
            }
        },
        {
            "id": "6006",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-104\/",
            "title": "На интерфейсном курсе: подробный разбор сложной формы",
            "content_html": "<p>Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов, и про инфомусор, и про расположение подписей полей, и про размеры полей, и про разделение на шаги. Целых 15 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/dqnYrhXSMms?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 104 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 декабря 2022 года.<\/p>\n<p>До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов",
            "date_published": "2023-06-05T11:20:17+02:00",
            "date_modified": "2023-08-14T16:03:30+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-dqnYrhXSMms-cover.jpg",
            "_date_published_rfc2822": "Mon, 05 Jun 2023 11:20:17 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6006",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-dqnYrhXSMms-cover.jpg"
                ]
            }
        },
        {
            "id": "5998",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-103\/",
            "title": "На интерфейсном курсе: плейсхолдеры в каждом поле — это как иконки у каждого пункта меню",
            "content_html": "<p>Рассказываю, почему не стоит ставить плейсхолдеры в каждое поле формы. Привожу аналогию с иконками возле каждого пункта меню. 2 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/b4NPKYiT9n4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 103 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 декабря 2022 года.<\/p>\n<p>До 26 мая идёт запись на курс, который пройдёт с 27 мая по 25 июня.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Рассказываю, почему не стоит ставить плейсхолдеры в каждое поле формы. Привожу аналогию с иконками возле каждого пункта меню",
            "date_published": "2023-05-25T12:09:01+02:00",
            "date_modified": "2023-08-14T16:37:41+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-b4NPKYiT9n4-cover.jpg",
            "_date_published_rfc2822": "Thu, 25 May 2023 12:09:01 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5998",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-b4NPKYiT9n4-cover.jpg"
                ]
            }
        },
        {
            "id": "5991",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-100\/",
            "title": "На интерфейсном курсе: программисты могли бы подумать о пользе для бизнеса",
            "content_html": "<p>О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны. Это может повлиять на решение. Заодно показываю, как очеловечить, упростить и переверстать форму. 8 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/yTIrl1jnEHU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 100 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 декабря 2022 года.<\/p>\n<p>До 26 мая идёт запись на курс, который пройдёт с 27 мая по 25 июня.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны",
            "date_published": "2023-05-10T16:40:21+02:00",
            "date_modified": "2023-08-14T16:13:37+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "программирование",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-yTIrl1jnEHU-cover.jpg",
            "_date_published_rfc2822": "Wed, 10 May 2023 16:40:21 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5991",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-yTIrl1jnEHU-cover.jpg"
                ]
            }
        },
        {
            "id": "5990",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/empty-required-no-error\/",
            "title": "Что если пропущенное обязательное поле — это не ошибка?",
            "content_html": "<p>Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле. И мы ему говорим: «Ошибка! Заполни вот тут и вот тут».<\/p>\n<p>Но ведь это противоречит принципу человечности. В чём ошибка-то вообще? Кто сказал, что человек что-то нам должен делать определённым образом? Он и так что-то нам сказал, постарался. Если нам надо знать больше, мы ж можем просто спокойно переспросить, не ругаясь и не крася ничего красным.<\/p>\n<p>То есть самая идея, что есть какое-то <i>поле<\/i>, и оно может быть <i>обязательным<\/i> — совершенно не из мира людей. А в мире людей — «Нам бы ещё ваш номер, чтобы прислать уведомление, когда будет готово».<\/p>\n",
            "summary": "Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле",
            "date_published": "2023-05-08T22:07:37+02:00",
            "date_modified": "2023-05-09T09:14:24+02:00",
            "tags": [
                "веб-формы",
                "пользовательский интерфейс",
                "человечность"
            ],
            "_date_published_rfc2822": "Mon, 08 May 2023 22:07:37 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5990",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "5955",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-92\/",
            "title": "На интерфейсном курсе: поле «Комментарий для курьера»",
            "content_html": "<p>Радуюсь хорошей подписи поля «Комментарий для курьера». 1 минута:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/bYk0_q6tWLA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 92 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 октября 2022 года.<\/p>\n<p>До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Радуюсь хорошей подписи поля «Комментарий для курьера». 1 минута",
            "date_published": "2023-02-23T13:50:45+02:00",
            "date_modified": "2023-08-14T16:18:06+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "курсы",
                "пользовательский интерфейс",
                "текст",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-bYk0_q6tWLA-cover.jpg",
            "_date_published_rfc2822": "Thu, 23 Feb 2023 13:50:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5955",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-bYk0_q6tWLA-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}