{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блоги: заметки с тегом элементы интерфейса",
    "_rss_description": "Автоматически собираемая лента заметок, написанных в блогах на Эгее",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": false,
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/blogengine.ru\/blogs\/tags\/elementy-interfeysa\/",
    "feed_url": "https:\/\/blogengine.ru\/blogs\/tags\/elementy-interfeysa\/json\/",
    "icon": false,
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/blogengine.ru\/blogs\/",
            "avatar": false
        }
    ],
    "items": [
        {
            "id": "136386",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/noninput\/",
            "title": "Поле вывода",
            "content_html": "<p>Если значение в поле ввода нельзя изменить, его отображают бледным — задисейбленным. Приёму миллион лет, с ним всё нормально.<\/p>\n<p>Но вот пример формы, в которую паспортные данные (вымышленные, любые совпадения случайны) подгрузились автоматически, а остальные данные нужно заполнить:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/noninput-disabled@2x.png\" width=\"391\" height=\"302\" alt=\"\" \/>\n<\/div>\n<p>Паспортные данные показаны «на всякий случай», чтобы пользователь мог перепроверить. Если вдруг они неправильные, то значит где-то раньше что-то пошло не так, надо разбираться — просто так тут изменить нельзя. Просто полезно лишний раз увидеть.<\/p>\n<p>Так вот для таких случаев задисейбленное поле ввода не очень подходит. Тут ведь дело не в том, что сейчас поле нельзя изменить почему-то. На самом деле это вообще не поле ввода: значение в принципе нельзя тут ввести. Мы его отображаем в виде поля просто чтобы вёрстка была похожа на вёрстку остальной формы.<\/p>\n<p>Если в вашем продукте встречается такое использование, имеет смысл придумать отдельный компонент. Это как бы поле ввода без возможности ввода, поле ввода только для чтения или, если уж совсем честно, поле вывода. Его дизайн должен учитывать и требование удобства чтения, и требование «дружбы» с остальными элементами формы.<\/p>\n<p>Например:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/noninput-bordered@2x.png\" width=\"391\" height=\"302\" alt=\"\" \/>\n<\/div>\n<p>Выглядит шумновато, но зато передаёт ощущение, что это напечатано и неизменяемо.<\/p>\n<p>Или можно так, если хочется поспокойнее:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/noninput-marked@2x.png\" width=\"391\" height=\"302\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2025-06-23T20:40:13+05:00",
            "date_modified": "2025-06-23T20:40:06+05:00",
            "tags": [
                "пользовательский интерфейс",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Mon, 23 Jun 2025 20:40:13 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136386",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "128940",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-145\/",
            "title": "На интерфейсном курсе: у Гугля плохой дизайн",
            "content_html": "<p>Отвечаю на вопрос участника курса о том, почему мне не нравятся гуглевские поля ввода, у который лейбл перепрыгивает изнутри поля в рамочку. 5 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/WjX759lGaHI?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 145 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 октября 2023 года.<\/p>\n<p>До 19 июля идёт запись на курс, который пройдёт с 20 июля по 18 августа. Сейчас −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",
            "date_published": "2024-06-22T18:40:56+05:00",
            "date_modified": "2024-06-22T18:40:42+05:00",
            "tags": [
                "Анимация",
                "видео",
                "Гугль",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sat, 22 Jun 2024 18:40:56 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "128940",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "127295",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-144\/",
            "title": "На интерфейсном курсе: три вида серенького текста в поле",
            "content_html": "<p>Разбираем три случая, когда текст в поле может быть сереньким: поле отключено (задисейблено), в поле подсказка (плейсхолдер) или поле использует ввод по маске. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ZFLMkM02lp8?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 144 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 октября 2023 года.<\/p>\n<p>До 19 апреля идёт запись на курс, который пройдёт с 20 апреля по 19 мая.<\/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",
            "date_published": "2024-04-19T01:02:50+05:00",
            "date_modified": "2024-04-19T16:08:47+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 19 Apr 2024 01:02:50 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "127295",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "125853",
            "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",
            "date_published": "2024-02-12T14:57:38+05:00",
            "date_modified": "2024-02-12T14:57:30+05:00",
            "tags": [
                "веб-формы",
                "дизайн сайтов",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Mon, 12 Feb 2024 14:57:38 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "125853",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "125447",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/syntax-autonomy-radio\/",
            "title": "Синтаксис и автономность подписи элемента интерфейса",
            "content_html": "<p>На вчерашнем семинаре <a href=\"http:\/\/bureau.ru\/courses\/ui-online\/\">интерфейсного курса<\/a> разбирали элемент настройки окна:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-autonomy-radio-1@2x.png\" width=\"240\" height=\"120\" alt=\"Открывается: 1) влево, 2) вправо, 3) не открывается\" \/>\n<\/div>\n<p>Здесь нарушен синтаксис. Синтаксически радиокнопки — это набор однородных членов предложения, остальные члены которого даны в общей подписи. Здесь подпись «не открывается» не сочетается с общей подписью «Открывается». Формально мы как бы выбираем между вариантами: открывается влево, открывается вправо, открывается не открывается.<\/p>\n<p>Чтобы исправить синтаксис, нужно все радиокнопки сделать обстоятельствами, то есть чтобы они отвечали на вопрос «как?»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-autonomy-radio-2@2x.png\" width=\"240\" height=\"120\" alt=\"Открывается: 1) влево, 2) вправо, 3) никак\" \/>\n<\/div>\n<p>Стало правильно синтаксически, но возникла другая проблема: неавтономность.<\/p>\n<p>Автономность — это когда для понимания смысла элемента не нужно знать, что находится вокруг. Например, компьютер спрашивает, хотите ли вы удалить файл. Если подтверждающая кнопка называется «Да», то она неавтономна, потому что приходится читать, что спрашивают перед ней. А если кнопка называется «Удалить», то она понятна сама по себе, автономна.<\/p>\n<p>Во втором варианте последняя радиокнопка потеряла автономность. Чтобы понять, что именно «никак», приходится читать общую подпись. А вариант «не открывается» был самодостаточным.<\/p>\n<p>Что же в итоге лучше? Кажется, что удобство важнее формализма, и первый вариант побеждает. Но это ловушка! Нет причин выбирать между плохими вариантами, когда можно найти хороший. Вчера, например, сразу же придумали, что вместо слов можно использовать графику: понятные стрелки в две стороны; крестик между ними.<\/p>\n",
            "date_published": "2024-01-13T18:04:18+05:00",
            "date_modified": "2024-01-13T18:00:12+05:00",
            "tags": [
                "автономность",
                "радиокнопки",
                "синтаксис интерфейса",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sat, 13 Jan 2024 18:04:18 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "125447",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "125233",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/reversibility\/",
            "title": "Обратимость элемента интерфейса",
            "content_html": "<p>Обратимость — свойство элемента управления в интерфейсе, при котором пользователь может в любой момент вернуть его в начальное состояние, а в общем случае — свободно переключать между всеми доступными состояниями. Необратимость, соответственно, когда у элемента есть состояния, в которые после некоторых действий его вернуть нельзя. Хорошо спроектированные элементы обратимы.<\/p>\n<p>Пример необратимого элемента — группа радиокнопок, из которых изначально не выбрана ни одна. После выбора одного из вариантов, его уже невозможно «развыбрать», нет никакого способа вернуть группу в пустое состояние, что создаёт дискомфорт и фрустрацию. В правильной радиогруппе всегда выбран ровно один элемент, в том числе, в начальном состоянии, поэтому она обратима.<\/p>\n<p>Даже если для перехода к следующему шагу обязательно необходимо выбрать какой-то вариант, это не отменяет требования обратимости. Это чисто механический момент, не связанный с ролью элемента. Обратимость работает на уровне элемента, а не внешнего по отношению к нему интерфейса; она влияет на ощущение управляемости. Поле ввода не сопротивляется тому, чтобы из него стёрли все символы, даже если оно обязательное. Любой другой элемент, если он в принципе предполагает «пустое» состояние, должен давать к нему вернуться.<\/p>\n<p>Другой пример необратимости — обозначение незаполненных обязательных полей красной рамкой после расфокуса. Изначально поле выглядит просто пустым; пользователь заходит в него, а потом выходит, так и не заполнив (или заполняет, но потом стирает то, что ввёл). Система обводит поле красной рамкой, подсказывая, что оставить его пустым нельзя. После этого невозможно вернуть поле в начальное «чистое» состояние. Решением могло бы быть плавное затухание красной рамки, чтобы поле вернулось в начальное состояние через секунду.<\/p>\n",
            "date_published": "2023-12-29T18:58:39+05:00",
            "date_modified": "2024-01-13T18:21:36+05:00",
            "tags": [
                "пользовательский интерфейс",
                "радиокнопки",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 29 Dec 2023 18:58:39 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "125233",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "125232",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-2\/",
            "title": "Думаем дальше № 2 — «Самоутвердился за счёт целого Вольфа Олинса» с Сергеем Стеблиной",
            "content_html": "<p>Записали <a href=\"https:\/\/t.me\/ilyabirman_channel\/9894\">ещё один выпуск экспериментального подкаста<\/a>, теперь вот с Сергеем Стеблиной.<\/p>\n<p>Продолжаю не знать, что будет дальше, но уже <a href=\"https:\/\/thinkon.mave.digital\">залил на Мейв<\/a> безо всякого оформления. Там вроде бы можно подписаться на РСС, в остальное пока не вникал. Там оба выпуска.<\/p>\n<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"e2-text-table\">\n<tr>\n<td style=\"text-align: left\">0:00<\/td>\n<td style=\"text-align: left\">Кринжовое интро про радиокнопки<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">4:20<\/td>\n<td style=\"text-align: left\">Когда пару радиокнопок можно заменить чекбоксом и как вообще обойтись без подобных элементов<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">8:50<\/td>\n<td style=\"text-align: left\">Илья читает неожиданную лекцию про радиокнопки<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">13:41<\/td>\n<td style=\"text-align: left\">Дебильные комбинации элементов в интерфейсах Гугля<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">16:17<\/td>\n<td style=\"text-align: left\">Элементы формы мгновенного и немгновенного действия<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">19:08<\/td>\n<td style=\"text-align: left\">Илья и Серёжа о будущем своих учеников<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">23:27<\/td>\n<td style=\"text-align: left\"><a href=\"https:\/\/t.me\/ne_znal_ai\/1750\">Серёжа начал делать схему амстердамского метро<\/a>, а оно не нужно<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">28:00<\/td>\n<td style=\"text-align: left\">Нужно ли объездить все трамваи, чтобы нарисовать их схему?<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">31:22<\/td>\n<td style=\"text-align: left\">Дизайнеров бесят другие дизайнеры и их работы<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">39:06<\/td>\n<td style=\"text-align: left\">Сломанные кривые в логотипе Вольфа Олинса и плохой дизайн как вызов<\/td>\n<\/tr>\n<tr>\n<td>44:28 <\/td>\n<td style=\"text-align: left\">Илья не воспринимает бленду всерьёз<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">46:29<\/td>\n<td style=\"text-align: left\">Адоби покупал-покупал Фигму, да так и не купил<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left\">57:43<\/td>\n<td style=\"text-align: left\">Проекты, за которые мы бы не взялись по личным соображениям<\/td>\n<\/tr>\n<\/table>\n",
            "date_published": "2023-12-29T18:00:45+05:00",
            "date_modified": "2024-01-13T18:21:11+05:00",
            "tags": [
                "дизайн",
                "Думаем дальше",
                "Иллюстратор",
                "подкаст",
                "пользовательский интерфейс",
                "радиокнопки",
                "транспортные схемы",
                "Фигма",
                "Фотошоп",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 29 Dec 2023 18:00:45 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "125232",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "123652",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-120\/",
            "title": "На интерфейсном курсе: непонятный выбор и названия кнопок",
            "content_html": "<p>Разбираем интерфейс, сделанный участником курса. На главном экране приложения — выбор из трёх кнопок. Есть сомнения, что этот экран вообще нужен, но главная проблема в том, что по названиям кнопок вообще невозможно догадаться, что именно я выбираю. 7 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/H-tk4IhJWnA?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 120 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 12 мая 2023 года.<\/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",
            "date_published": "2023-10-20T18:56:55+05:00",
            "date_modified": "2023-10-20T18:56:05+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "текст",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 20 Oct 2023 18:56:55 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "123652",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "123220",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-116\/",
            "title": "На интерфейсном курсе: как назвать чупа-чупс",
            "content_html": "<p>Участница спрашивает, почему я называю чупа-чупс чупа-чупсом. А вы как называете его? 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/9tewBcFm-1M?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 116 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 28 апреля 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",
            "date_published": "2023-09-27T21:23:08+05:00",
            "date_modified": "2023-09-27T21:27:05+05:00",
            "tags": [
                "видео",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Wed, 27 Sep 2023 21:23:08 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "123220",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "123069",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-114\/",
            "title": "На интерфейсном курсе: что не так с аккордеоном",
            "content_html": "<p>Рассказываю, почему аккордеон — это плохо. 3 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/n4Cb774L2_U?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Был и <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/no-accordion\/\">пост в блоге об этом<\/a>.<\/p>\n<p>Это фрагмент № 114 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 апреля 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",
            "date_published": "2023-09-17T22:34:17+05:00",
            "date_modified": "2023-09-17T22:36:15+05:00",
            "tags": [
                "аккордеон",
                "видео",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sun, 17 Sep 2023 22:34:17 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "123069",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "120397",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-105\/",
            "title": "На интерфейсном курсе: как именно работает взаимодействие?",
            "content_html": "<p>Занудный, но важный для работы дизайнера кусочек. Участница курса придумала какой-то интерфейс с необычным поведением во время прокрутки. Проблем тут две: во-первых, даже просто понять, как именно она хочет, не так просто. Во-вторых, это ж ещё потом реализовать надо. А ради чего тратить на это ресурсы? 7 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Ew75feYtGMs?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 105 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 февраля 2023 года.<\/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",
            "date_published": "2023-06-14T14:23:00+05:00",
            "date_modified": "2023-08-14T19:37:35+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Wed, 14 Jun 2023 14:23:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "120397",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "119617",
            "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",
            "date_published": "2023-05-25T15:09:01+05:00",
            "date_modified": "2023-08-14T19:37:41+05:00",
            "tags": [
                "веб-формы",
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Thu, 25 May 2023 15:09:01 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "119617",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "122350",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-93\/",
            "title": "На интерфейсном курсе: задисейбленность кнопки",
            "content_html": "<p>Показываю, что делает кнопку задисейбленной. Нет, это не серый цвет. Это низкий контраст между цветом кнопки и цветом текста или иконки на ней. 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hh1oSLA0XaE?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Как сделать кнопку задисейбленной<br \/>\n04:37 Напоминание то, что <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/buy-works\/\">кнопка купить всегда должна быть доступна<\/a><br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 93 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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",
            "date_published": "2023-02-25T16:00:00+05:00",
            "date_modified": "2023-08-14T19:38:15+05:00",
            "tags": [
                "видео",
                "Курсы",
                "пользовательский интерфейс",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sat, 25 Feb 2023 16:00:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "122350",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "122352",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-91\/",
            "title": "На интерфейсном курсе: аналогия между элементами интерфейса и буквами шрифта, которые можно взять готовые",
            "content_html": "<p>Отвечаю на вопрос студента о том, что прочитать, чтобы прокачать эстетику интерфейса. Говорю, что почитать надо про вёрстку, а потом для начала освоить использование стандартных элементов. Провожу аналогию с буквами шрифта, которые мы берём готовые, и ничего. Рассказываю о том, как попрактиковаться в эстетике. 4 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/hieOe3wu-7E?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Почитать — про вёрстку<br \/>\n00:32 Элементы интерфейса — это как буквы в шрифте: можно взять чужие<br \/>\n01:54 Практикуйся. На что придётся обращать внимание, чтобы срисовать заурядный экран настройки Айфона<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 91 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 августа 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",
            "date_published": "2023-02-13T17:22:50+05:00",
            "date_modified": "2023-08-14T19:39:35+05:00",
            "tags": [
                "видео",
                "Курсы",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "элементы интерфейса",
                "эстетика интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Mon, 13 Feb 2023 17:22:50 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "122352",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "125465",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-81\/",
            "title": "На курсе: классические признаки поля ввода и кнопки",
            "content_html": "<p>Рассказываю, почему поле ввода (обычно) не может отбрасывать тень, а кнопка может, она должна быть другого цвета, чем сама кнопка. 2 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/rlCxhBCxJww?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 81 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.<\/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",
            "date_published": "2022-11-27T18:17:00+05:00",
            "date_modified": "2024-01-14T20:52:37+05:00",
            "tags": [
                "видео",
                "фрагменты курса ПИ",
                "элементы интерфейса",
                "эстетика интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sun, 27 Nov 2022 18:17:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "125465",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "122358",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-79\/",
            "title": "На интерфейсном курсе: улучшаем дизайн кнопки",
            "content_html": "<p>Улучшаем дизайн кнопки. Тонируем тень. Скругляем углы нормально. Накладываем едва заметный градиент. Забытое искусство! 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/58GldX-JZig?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 79 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.<\/p>\n<p>До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.<\/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",
            "date_published": "2022-11-19T13:48:22+05:00",
            "date_modified": "2023-08-14T19:42:00+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "студентам",
                "Фигма",
                "фрагменты курса ПИ",
                "элементы интерфейса",
                "эстетика интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sat, 19 Nov 2022 13:48:22 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "122358",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "122362",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-76\/",
            "title": "На интерфейсном курсе: так это кнопка или ссылка? Оказывается, это радиокнопка!",
            "content_html": "<p>Вижу в интерфейсе синий текст и пытаюсь докопаться: это ссылка или кнопка? Казалось бы, какая разница, как это назвать, ну какой-то элемент. Но нет, нам важно понимать, что за элементы мы пихаем в интерфейсе, потому что это связано с ожиданиями от их поведения.<\/p>\n<p>Участица говорит, что это элемент, чтобы «выбрать». Ах вот оно что. Так значит, там вообще нужны радиокнопки! Вопрос другого участника показывает, в чём проблема неправильного выбора элемента. Целых 11 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/wihXJHHK3yo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 76 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 февраля 2022 года.<\/p>\n<p>До 28 октября идёт запись на курс, который пройдёт с 29 октября по 27 ноября.<\/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",
            "date_published": "2022-10-28T15:51:00+05:00",
            "date_modified": "2024-01-13T18:20:42+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "радиокнопки",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Fri, 28 Oct 2022 15:51:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "122362",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "122366",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-72\/",
            "title": "На интерфейсном курсе: представляем выбор внятно радиокнопками",
            "content_html": "<p>Покупателю по умолчанию даётся гарантия на год. Но за день можно увеличить срок гарантии. Как это показать в интерфейсе, чтобы человек понял? 2 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/IV2nVMcaQ7U?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 72 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 февраля 2022 года.<\/p>\n<p>До 23 сентября идёт запись на курс, который пройдёт с 24 сентября по 23 октября.<\/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",
            "date_published": "2022-08-31T17:47:27+05:00",
            "date_modified": "2024-01-13T18:21:04+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "радиокнопки",
                "студентам",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Wed, 31 Aug 2022 17:47:27 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "122366",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "124088",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-67\/",
            "title": "На интерфейсном курсе: меняем табы на переключалку и настраиваем вёрстку",
            "content_html": "<p>Участник нарисовал аккуратный интерфейс заправки. Но мы делаем его ещё лучше, меняя некоторые мелочи. 9 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/WqFfT7yDMJg?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Превращаем вкладки слева в элемент выбора<br \/>\n03:34 Не выровнять ли кнопки цифровой клавиатуры с полем ввода?<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 67 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 декабря 2021 года.<\/p>\n<p>До 22 июля идёт запись на курс, который пройдёт с 23 июля по 21 августа<\/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",
            "date_published": "2022-07-05T13:58:10+05:00",
            "date_modified": "2023-11-04T14:06:37+05:00",
            "tags": [
                "вёрстка",
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Tue, 05 Jul 2022 13:58:10 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "124088",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "124095",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-60\/",
            "title": "На интерфейсном курсе: рассуждения о текстовых кнопках",
            "content_html": "<p>Чё-то давно не выкладывал вам кусочков семинаров с моего курса.<\/p>\n<p>Семинар только начался, все собираются, я ещё даже экран не успел расшарить. И участник спрашивает про кнопки, по которым не скажешь, что они кнопки. А я рассуждаю в ответ. 3 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/NdBt_Oqydk4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 60 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 июля 2021 года.<\/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",
            "date_published": "2022-02-13T02:22:59+05:00",
            "date_modified": "2023-11-04T14:52:11+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "элементы интерфейса"
            ],
            "author": {
                "name": "Илья Бирман",
                "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
                "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
            },
            "_date_published_rfc2822": "Sun, 13 Feb 2022 02:22:59 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "124095",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079e)"
}