{
    "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\/sintaksis-interfeysa\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/sintaksis-interfeysa\/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": "6691",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/start-typing-x\/",
            "title": "Начните вводить Х",
            "content_html": "<p>Иногда встречаю подписи у полей типа «Начните вводить Х». Имеется в виду, что не нужно вводить целиком. Только начнёшь печатать «Пу», и оно там как-то угадает и поможет дописать, что это «Улица Пушкина».<\/p>\n<p>Очень хорошо, что поле угадывает и помогает, но не нужно хвастаться этим в подписи. А то выходит, что первые два слова подписи рассказывают не о содержании, а о типе и поведении элемента интерфейса.<\/p>\n<p>Если у вас поле, куда надо ввести адрес, оно должно называться «Адрес». То, что в него нужно «вводить», должно быть и так ясно, ведь это поле! Если неясно, нарисуйте поле нормально. А то, что достаточно «начать», я и так увижу, когда начну вводить, а оно подскажет. Я же в любом случае начну? Ну и всё.<\/p>\n",
            "summary": "Иногда встречаю подписи у полей типа «Начните вводить Х». Имеется в виду, что не нужно вводить целиком",
            "date_published": "2026-03-21T09:43:49+02:00",
            "date_modified": "2026-03-21T10:37:11+02:00",
            "tags": [
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам"
            ],
            "_date_published_rfc2822": "Sat, 21 Mar 2026 09:43:49 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6691",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6507",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-176\/",
            "title": "На интерфейсном курсе: на элементах интерфейса не надо писать что угодно",
            "content_html": "<p>В интерфейсах бывает, что дизайнеры хотят что-то сказать пользователю, и «говорят» это в подписях элементов интерфейсов в нарушение синтаксиса. В итоге пользователю вообще ни черта непонятно. 3 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/dlnCTOPoov4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что элементы интерфейса работают по правилам — у каждого свой „синтаксис“ и ожидаемое поведение. Если, например, внутри выпадающего списка вместо значения написать подсказку вроде „требуется замер“, это будет сбивать с толку: пользователь ожидает увидеть там варианты выбора, а не комментарии. То же самое с кнопками — на них должен быть глагол действия („Оплатить“), а не призыв что-то ввести в другом месте. Когда элементы начинают вести себя не по правилам, интерфейс становится непредсказуемым и мешает пользователю».<\/p>\n<p>Это фрагмент № 176 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 30 августа — 28 сентября. Сейчас −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": "2025-07-26T09:24:38+02:00",
            "date_modified": "2025-07-26T09:24:53+02:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-dlnCTOPoov4-cover.jpg",
            "_date_published_rfc2822": "Sat, 26 Jul 2025 09:24:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6507",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-dlnCTOPoov4-cover.jpg"
                ]
            }
        },
        {
            "id": "6484",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-39\/",
            "title": "Думаем дальше № 39 — «Даёшь команду компьютеру за тебя восхититься» с Артёмом Горбуновым",
            "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:\/\/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: left\">0:00<\/td>\n    <td style=\"text-align: left\">Текст в интерфейсе и дизайн как язык<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">9:34<\/td>\n    <td style=\"text-align: left\">Взгляд на заголовок формы как на дополнение, и почему это неправильно<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">14:23<\/td>\n    <td style=\"text-align: left\">Подлежащее и сказуемое как тема и рема<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">17:42<\/td>\n    <td style=\"text-align: left\">Примеры радиокнопок<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">20:41<\/td>\n    <td style=\"text-align: left\">Форма это предложение, но не всегда<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">32:10<\/td>\n    <td style=\"text-align: left\">Артём против того, чтобы считать форму таблицей. Мысль про структурированный текст<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">41:15<\/td>\n    <td style=\"text-align: left\">Автономность<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">47:12<\/td>\n    <td style=\"text-align: left\">Предложение внутри предложения: перечни, текст с заголовком и картинка с подписью как примеры предложений<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">52:19<\/td>\n    <td style=\"text-align: left\">«Cмелый» синтаксис: что, если кнопка называется «а давайте» или «так-так-так»?<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">59:28<\/td>\n    <td style=\"text-align: left\">Первое лицо и два разных смысла начальной формы глагола<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:08:58<\/td>\n    <td style=\"text-align: left\">Манипулятивные формулировки<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:10:33<\/td>\n    <td style=\"text-align: left\">«Перезвонить мне» или повелительное наклонение?<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:13:40<\/td>\n    <td style=\"text-align: left\">Сценарный подход и расписание работы касс на вокзале<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:21:36<\/td>\n    <td style=\"text-align: left\">В применении к теме доступности<\/td>\n  <\/tr>\n<\/table>\n<p>Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:<\/p>\n<blockquote>\n<p>В выпуске Илья и Артём обсуждают обновление лекции о синтаксисе элементов интерфейса, затрагивая важные темы пересечения дизайна, языка и пользовательских сценариев. Основная идея — интерфейс как текст, элементы которого подчиняются законам синтаксиса, где заголовки, поля, кнопки — это члены предложения. Они объясняют, почему форма интерфейса может и должна восприниматься как текстовая структура, но при этом допускают её формализацию до табличного вида и обсуждают, где проходит граница между условным «предложением» и графической формой.<\/p>\n<p>Отдельное внимание уделено типичным разночтениям: например, заголовок формы может быть как подлежащим, так и дополнением — в зависимости от того, как мысленно построено предложение. Они приходят к выводу, что если предложение будет «сообщение отправляется», то всё становится логичным. Обсуждаются и разные способы подачи: можно добиться синтаксической строгости с предлогами и согласованиями, но ради читабельности часто приходится это упрощать.<\/p>\n<p>Вторая большая тема — «смелый синтаксис»: примеры интерфейсов, в которых элементы подписаны не по канону, но работают — «Спасибо», «Так-так-так», «Давай с нами». Рассуждают, где здесь грань между хорошим стилем и манипуляцией, как понимать, от чьего лица говорит интерфейс, и в каком случае это вызывает недоумение.<\/p>\n<p>Третья тема — сценарии использования. Артём приводит пример с расписанием перерывов кассы на вокзале: дизайнер оформляет его, не задаваясь вопросом, а нужно ли оно вообще. Обсуждают важность сценарного подхода: начинать проектирование не с интерфейса, а с понимания, какую задачу решает человек. Это логично связывается с дизайном, редактурой, доступностью и здравым смыслом.<\/p>\n<p>Основные идеи и выводы:<br \/>\n— Интерфейс можно понимать как текст, где элементы — это члены предложения, и с ними работают как с синтаксическими конструкциями.<br \/>\n— Грамматическая основа формы — это заголовок и кнопка, остальные поля — второстепенные члены.<br \/>\n— Важно не зацикливаться на буквальной грамматике: структура может быть табличной, но при этом сохранять синтаксическую согласованность.<br \/>\n— «Смелый синтаксис» требует вкуса, иначе вызывает раздражение или непонимание.<br \/>\n— Важно понимать, кто говорит с пользователем: интерфейс, компания или как бы он сам от первого лица.<br \/>\n— При проектировании интерфейсов надо думать о сценариях использования, а не только о визуальных или лингвистических правилах.<br \/>\n— Доступность, как и удобство, начинается не с соответствия стандарту, а с прохождения реального пользовательского пути.<\/p>\n<p>Этот выпуск будет особенно интересен дизайнерам интерфейсов, редакторам, преподавателям и тем, кто проектирует пользовательские сценарии. Он помогает по-новому взглянуть на текст в интерфейсе, а также даёт методические ориентиры для работы и преподавания.<\/p>\n<\/blockquote>\n",
            "summary": "С Артёмом Горбуновым обсуждаем, как дополнить лекцию о синтаксисе элементов интерфейса...",
            "date_published": "2025-05-23T13:26:29+02:00",
            "date_modified": "2025-05-23T13:26:22+02:00",
            "tags": [
                "Думаем дальше",
                "синтаксис интерфейса"
            ],
            "_date_published_rfc2822": "Fri, 23 May 2025 13:26:29 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6484",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6377",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/macos-network-syntax\/",
            "title": "Макос: «Отключите, если Вам это не нужно»",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/macos-network-syntax@2x.jpg\" width=\"640\" height=\"556\" alt=\"\" \/>\n<\/div>\n<p>Артём Горбунов поделился дебрями настройки Макоса. Тут в подписи сразу все грехи синтаксиса:<\/p>\n<ul>\n  <li>невозможное повелительное наклонение (глагол должен быть в начальной форме: «отключить»; не «сохраните как...», а «сохранить как»);<\/li>\n  <li>неуместный совершенный вид (это не однократная команда «отключить», а настройка образа действия, то есть надо «отключать»);<\/li>\n  <li>усложняющая восприятие отрицательная формулировка (должно быть «включать только если нужно»);<\/li>\n  <li>стоп-слова («Вам», «это»).<\/li>\n<\/ul>\n<p>Но даже если синтаксис будет безупречным, смысл этой фигни всё равно непонятен. Как, кем и когда определяется нужность? Если это настройка приоритетов сетевых подключений, то она и так делается в другом окне, где ты просто расставляешь их в порядке предпочтительности использования.<\/p>\n<p>За годы Эпл прошёл большой путь от «эти примеры мы используем для иллюстрации всего хорошего» до «на этих примерах можно показать всё говно».<\/p>\n",
            "summary": "Артём Горбунов поделился дебрями настройки Макоса. Тут в подписи сразу все грехи синтаксиса",
            "date_published": "2024-10-25T12:03:18+02:00",
            "date_modified": "2024-10-25T12:03:15+02:00",
            "tags": [
                "Мак",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "текст",
                "Эпл"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/macos-network-syntax@2x.jpg",
            "_date_published_rfc2822": "Fri, 25 Oct 2024 12:03:18 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6377",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/macos-network-syntax@2x.jpg"
                ]
            }
        },
        {
            "id": "6368",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/glagol-ponyatnee\/",
            "title": "Глагол понятнее",
            "content_html": "<p>Недавно <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/iphone-game-mode\/\">в связи с появлением Game Mode мы обсуждали проблемы режимов<\/a>.<\/p>\n<p>Есть общеинтерфейсное знание, что модальность (то есть «режимность») — зло. Суть режима в том, что он изменяет поведение привычных элементов управления. Из-за этого страдает предсказуемость и надёжность: ты вроде делаешь всё как обычно, а система работает иначе. Оказывается, там другой режим. Про это подробно <a href=\"http:\/\/bureau.ru\/projects\/book-ui\/\">написано у меня в книге<\/a>.<\/p>\n<p>Но помимо этой проблемы есть ещё чисто лингвистическая: режимы часто называются существительными. Например, отключение экрана у часов называется «режимом кино». А в обсуждении фототерминологии мы выяснили, что функция «Никогда не пересвечивать» может вдруг называться Highlight exposure mode. Функция «если блин я нажал кнопку фоткать, то надо фоткать!» называется Release priority. В машинах тоже дурдом: функция «соблюдать дистанцию автоматически» называется Adaptive cruise control.<\/p>\n<p>Когда человек хочет, чтобы что-то как-то работало, он думает об этом глаголами: выключить экран, не пересвечивать, фотографировать по команде несмотря ни на что, притормаживать за другой машиной. Чтобы понять, что определённый паттерн <i>действия<\/i> называется существительным, в голове приходится проделывать некую работу.<\/p>\n<p>Глагол — понятнее. Многие модальные интерфейсы выиграли бы от простого переименования режимов с использованием глаголов. Название Do not disturb — хорошее, а Silent mode — хуже. Кстати, это два разных независимых режима, что совершенно не укладывается у меня в голове.<\/p>\n",
            "summary": "Недавно в связи с появлением Game Mode мы обсуждали проблемы режимов",
            "date_published": "2024-10-14T20:18:11+02:00",
            "date_modified": "2024-10-14T20:18:02+02:00",
            "tags": [
                "модальность",
                "пользовательский интерфейс",
                "синтаксис интерфейса"
            ],
            "_date_published_rfc2822": "Mon, 14 Oct 2024 20:18:11 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6368",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6203",
            "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",
            "summary": "На вчерашнем семинаре интерфейсного курса разбирали элемент настройки окна",
            "date_published": "2024-01-13T15:04:18+02:00",
            "date_modified": "2024-01-13T15:00:12+02:00",
            "tags": [
                "автономность",
                "радиокнопки",
                "синтаксис интерфейса",
                "элементы интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-autonomy-radio-1@2x.png",
            "_date_published_rfc2822": "Sat, 13 Jan 2024 15:04:18 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6203",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-autonomy-radio-1@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-autonomy-radio-2@2x.png"
                ]
            }
        },
        {
            "id": "6200",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-133\/",
            "title": "На интерфейсном курсе: плакаты и бумага, которая горит",
            "content_html": "<p>В посиделках в конце семинара, когда уже все работы разобрали, участница спрашивает про плакат о синтаксисе, где его купить. Я нахожу новость и заодно ещё рассказываю про бумагу, которая горит. 5 минуток:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/o2DjvI6nVts?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Последние дни <a href=\"https:\/\/bureau.ru\/\">идёт новогодняя акция<\/a>, где в том числе продаётся и упомянутый плакат.<\/p>\n<p>Это фрагмент № 133 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.<\/p>\n<p>До 2 февраля идёт запись на курс, который пройдёт с 3 февраля по 3 марта.<\/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-01-11T23:04:02+02:00",
            "date_modified": "2024-01-11T23:03:53+02:00",
            "tags": [
                "видео",
                "плакаты",
                "синтаксис интерфейса",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-o2DjvI6nVts-cover.jpg",
            "_date_published_rfc2822": "Thu, 11 Jan 2024 23:04:02 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6200",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-o2DjvI6nVts-cover.jpg"
                ]
            }
        },
        {
            "id": "5681",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/radios-instead-of-tabs\/",
            "title": "Радиокнопки вместо вкладок",
            "content_html": "<p><a href=\"https:\/\/bureau.ru\/news\/2020\/ui-syntax-poster\/\">В нашей таблице синтаксиса<\/a> интерфейса есть такой кусочек, где у вкладки зачёркнута функция «выбор»:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-tabs-choice@2x.jpg\" width=\"640\" height=\"235\" alt=\"\" \/>\n<\/div>\n<p>О чём речь. Иногда начинающие дизайнеры интерфейса рисуют вкладки для выбора, например в форме заказа делают вкладки «Доставка» (и в ней поля адреса) и «Самовывоз» (и в ней карта точек самовывоза). Ошибка тут в том, что вкладки — это элемент навигации. Переключаясь между табами мы ничего не выбираем; есть как бы и то, и другое, просто мы сейчас смотрим на что-то одно.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/desktop-or-screensaver@2x.jpg\" width=\"640\" height=\"553\" alt=\"\" \/>\n<\/div>\n<p>Скажем, если мы переключим в настройке вкладку из Desktop в Screen Saver, то это не значит, что мы вместо рабочего стола хотим заставку использовать. Для выбора нужно использовать радиокнопки.<\/p>\n<p>Вчера нашёл пример обратной ошибки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/color-balance-radios@2x.jpg\" width=\"560\" height=\"374\" alt=\"\" \/>\n<\/div>\n<p>В Фотошопе вот эти радиокнопки в группе Tone Balance должны быть вкладками. Здесь мы не выбираем, в какой части тонов мы хотим настроить цветовой баланс, как можно было бы подумать. На самом деле, переключение между ними просто показывает CMY-двигунки для соответствующей части тонов; каждая из таких троек бегунков настраивается независимо, а при нажатии на OK применятся они все.<\/p>\n",
            "summary": "В Фотошопе радиокнопки в группе Tone Balance должны быть вкладками",
            "date_published": "2021-06-27T21:04:45+02:00",
            "date_modified": "2024-01-13T15:19:28+02:00",
            "tags": [
                "пользовательский интерфейс",
                "радиокнопки",
                "синтаксис интерфейса",
                "студентам",
                "Фотошоп",
                "элементы интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-tabs-choice@2x.jpg",
            "_date_published_rfc2822": "Sun, 27 Jun 2021 21:04:45 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5681",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/syntax-tabs-choice@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/desktop-or-screensaver@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/color-balance-radios@2x.jpg"
                ]
            }
        },
        {
            "id": "5655",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/pay-now-or-on-delivery\/",
            "title": "Оплата сейчас или при получении",
            "content_html": "<p>Нередко на сайтах есть выбор вариантов оплаты:<\/p>\n<blockquote>\n<p><b>Оплата<\/b><br \/>\nкартой онлайн<br \/>\nкартой курьеру<br \/>\nналичными курьеру<\/p>\n<\/blockquote>\n<p>С таким дизайном две проблемы. Одна простая: нефиг заставлять меня заранее решать, предпочту ли я наличные или карту, когда придёт курьер. Курьеры уже давно всегда с терминалами ездят (а если ваши не ездят, то пусть заездят), так что не грузите.<\/p>\n<p>Остаётся два варианта:<\/p>\n<blockquote>\n<p><b>Оплата<\/b><br \/>\nонлайн<br \/>\nкурьеру<\/p>\n<\/blockquote>\n<p>Вторая проблема более тонкая: вариант «онлайн» плохо называется. Суть выбора, который я делаю, не в том, плачу я «онлайн» или «офлайн». Когда приедет курьер, и я буду пикать часами по его терминалу, это тоже будет онлайн-оплата.<\/p>\n<p>Суть выбора — вот:<\/p>\n<blockquote>\n<p><b>Оплата<\/b><br \/>\nсейчас<br \/>\nпри получении<\/p>\n<\/blockquote>\n<p>Выбирать проще — конверсия выше.<\/p>\n",
            "summary": "Суть выбора, который я делаю, не в том, плачу я «онлайн» или «офлайн»",
            "date_published": "2021-05-21T17:46:53+02:00",
            "date_modified": "2021-05-21T17:46:50+02:00",
            "tags": [
                "пользовательский интерфейс",
                "синтаксис интерфейса"
            ],
            "_date_published_rfc2822": "Fri, 21 May 2021 17:46:53 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5655",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "5524",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-2021-jan\/",
            "title": "Онлайн-курс о пользовательском интерфейсе и представлении информации с 18 января по 12 февраля 2021 года",
            "content_html": "<p>Следующий четырёхнедельный онлайн-курс <a href=\"http:\/\/artgorbunov.ru\/educenter\/ui-online\/\" class=\"nu\">«<u>Пользовательский интерфейс и представление информации<\/u>»<\/a> пройдёт с 18 января по 12 февраля 2021 года, записывайтесь по ссылке! Это наиболее крутой курс из всех дизайнерских курсов: спросите, посмотрите видео или почитайте текстовые отзывы наших участников.<\/p>\n<p>Каждая неделя — это несколько часов лекций, которые вы смотрите самостоятельно, домашнее задание и две больших видеоконференции с разбором результатов и ответами на вопросы. По понедельникам в полночь по московскому времени в учебном «Кабинете» появляются ссылки на видеолекции и задание текущей недели, а по средам и пятницам мы общаемся всей группой на видеоконференции в «Зуме».<\/p>\n<p>Уже прошло четыре онлайн-курса (сегодня заканчится пятый), и я накопил много интересных фрагментов наших видеоконференций. Потихоньку делюсь с вами. Сегодня — кусочек (№ 24), где мы обсуждаем отступления от академического синтаксиса в интерфейсе и когда можно использовать линеечки в таблицах:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/bxSu-Vx0Nz8?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>А вот фрагмент лекции «Выбор формата» из теоретического блока (уже показывал, потому что она как раз недавно обновилась, но вдруг вы пропустили):<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/M8Bf0DYujKU?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Четыре недели — достаточно больше времени, чтобы «впитать» материал и хорошо попрактиковаться. Плюс вы сами решаете, когда сделать перерыв. Ну и безопасно.<\/p>\n<p>Программа в деталях показана <a href=\"http:\/\/artgorbunov.ru\/educenter\/ui-online\/\">на странице курса<\/a>:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-course-program.jpg\" width=\"1704\" height=\"1538\" alt=\"\" \/>\n<\/div>\n<p>В лекциях — вся теория курса. Их нужно изучить самостоятельно. Для удобства под каждым видеороликом есть готовый текстовый конспект. Если что-то непонятно или вы хотите обсудить, запишите вопрос — его можно будет задать на видеоконференции.<\/p>\n<p>Кроме лекций на каждой неделе есть практическое задание. Задание первой недели нужно переделать на третьей после того, как вы узнаете значительную часть теории и мы успеем обсудить первую итерацию на видеоконференции. Выполнение заданий обязательно.<\/p>\n<p>Видеоконференция по средам и пятницам — это большая вечерняя встреча с преподавателем и всеми участниками курса. Мы разбираем темы недели и практическое задание.<\/p>\n<p><a href=\"http:\/\/artgorbunov.ru\/educenter\/ui-online\/\">Запись открыта<\/a> до 12 января, если свободные места не кончатся раньше, приходите!<\/p>\n",
            "summary": "Следующий четырёхнедельный онлайн-курс «Пользовательский интерфейс и представление информации» пройдёт с 18 января по 12 февраля 2021 года, записывайтесь по ссылке",
            "date_published": "2020-12-11T13:59:21+02:00",
            "date_modified": "2023-12-26T11:25:42+02:00",
            "tags": [
                "видео",
                "курсы",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-bxSu-Vx0Nz8-cover.jpg",
            "_date_published_rfc2822": "Fri, 11 Dec 2020 13:59:21 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5524",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-bxSu-Vx0Nz8-cover.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-M8Bf0DYujKU-cover.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-course-program.jpg"
                ]
            }
        },
        {
            "id": "5413",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-11\/",
            "title": "На интерфейсном курсе: первое впечатление, синтаксис и язык формы заказа с доставкой",
            "content_html": "<p>Фрагмент № 11 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/how0mkG7ui4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Из-за чего форма кажется сложной<br \/>\n02:05 Синтаксис и длина элемента интерфейса «Добавить ещё почту или телефон?»<br \/>\n07:40 Вместо отключенных полей — настоящую карту<br \/>\n08:55 «Платёжный шлюз». Чиним язык роботов<br \/>\n<\/p>\n<\/div>\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": "Фрагмент № 11 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года",
            "date_published": "2020-08-28T09:33:37+02:00",
            "date_modified": "2023-12-26T11:44:18+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "курсы",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "текст",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-how0mkG7ui4-cover.jpg",
            "_date_published_rfc2822": "Fri, 28 Aug 2020 09:33:37 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5413",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-how0mkG7ui4-cover.jpg"
                ]
            }
        },
        {
            "id": "5232",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-syntax-poster\/",
            "title": "Плакат о синтаксисе элементов интерфейса",
            "content_html": "<p>Нас несколько лет просили, и мы наконец сделали!<\/p>\n<p>Теперь наш плакат о синтаксисе элементов интерфейса можно <a href=\"https:\/\/printdirect.ru\/storefront\/shared_info\/8527885\">купить на Принтдиректе<\/a>.<\/p>\n<p>В Коворкафе уже висит пару месяцев:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/printdirect.ru\/storefront\/shared_info\/8527885\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster-IMG_6217.jpg\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/a><\/div>\n<p>Что это? Вот цитата из моей книги <a href=\"https:\/\/bureau.ru\/books\/ui\/\" class=\"nu\">«<u>Пользовательский интерфейс<\/u>»<\/a>, главы «Синтаксис»:<\/p>\n<blockquote>\n<p>В какой форме должны быть названия и подписи элементов интерфейса? [Призыв использовать глаголы на кнопках] — чуть ли не единственный кусок из гайдлайнов Мака, где затрагивается эта тема.<\/p>\n<p>Но в английском начальная форма и повелительное наклонение глагола не отличаются. А по-русски «Сохранить», «Сохрани» и «Сохраните» — разные слова. Здесь речь только о кнопках, и только о тех, что отдают команды, а этот фрагмент даже нельзя однозначно перевести на русский.<\/p>\n<p>Это показывает, почему гайдлайны мало помогают: они написаны по-английски и для английского. Кроме того, дизайнеры делают интерфейсы и для автомобильных навигаторов, и для микроволновых печей, и для диджейских проигрывателей компакт-дисков. Нас интересуют не рекомендации создателей конкретных платформ, а общие правила.<\/p>\n<p>Идею о том, что интерфейс подчиняется синтаксису языка, Артём Горбунов сформулировал в 2007 году. Тогда же мы задались целью систематизировать знания о синтаксисе в приложении к интерфейсу.<\/p>\n<p>...<\/p>\n<p>В 2007 году мы описали роль отдельных элементов интерфейса в виде таблицы, которая вошла в раздаточный материал практического курса.<\/p>\n<\/blockquote>\n<p>В прошлом году плакат перевестал Серёга Фролов.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/printdirect.ru\/storefront\/shared_info\/8527885\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster.png\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/a><\/div>\n<p>В правой части стоят номера страниц в книге, где соответствующие примеры обсуждаются подробно.<\/p>\n<p>Вот кусочек крупнее:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/printdirect.ru\/storefront\/shared_info\/8527885\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster-closeup.png\" width=\"1200\" height=\"800\" alt=\"\" \/>\n<\/a><\/div>\n<p>Если закажете и повесите у себя, присылайте фотки!<\/p>\n<p><a href=\"https:\/\/printdirect.ru\/storefront\/shared_info\/8527885\" class=\"button buy-button big-button\">Купить на Принтдиректе<\/a><\/p>\n",
            "summary": "Нас несколько лет просили, и мы наконец сделали",
            "date_published": "2020-02-10T18:04:06+02:00",
            "date_modified": "2020-05-21T10:31:25+02:00",
            "tags": [
                "Бюро",
                "плакаты",
                "пользовательский интерфейс",
                "синтаксис интерфейса"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster-IMG_6217.jpg",
            "_date_published_rfc2822": "Mon, 10 Feb 2020 18:04:06 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5232",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster-IMG_6217.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/ui-syntax-poster-closeup.png"
                ]
            }
        },
        {
            "id": "5138",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/bureau-school-lecture-ui-syntax\/",
            "title": "Обновилась лекция о синтаксисе элементов интерфейса для школ бюро",
            "content_html": "<p>Это тизер обновлённой лекции о синтаксисе элементов интерфейса для <a href=\"http:\/\/bureau.ru\/school\/\">школ бюро<\/a>:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/L2V3XZlMwyo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Кусок про чекбоксы тут приведён почти без сокращений.<\/p>\n<p>Приходите к нам учиться!<\/p>\n",
            "summary": "Это тизер обновлённой лекции о синтаксисе элементов интерфейса для школ бюро",
            "date_published": "2019-10-14T13:02:49+02:00",
            "date_modified": "2020-07-30T20:03:46+02:00",
            "tags": [
                "видео",
                "обновление лекций в школах бюро",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "Школа бюро"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-L2V3XZlMwyo-cover.jpg",
            "_date_published_rfc2822": "Mon, 14 Oct 2019 13:02:49 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5138",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-L2V3XZlMwyo-cover.jpg"
                ]
            }
        },
        {
            "id": "2473",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/2010\/03\/23\/1\/",
            "title": "Лейблы контролов на форме",
            "content_html": "<p>На дверях не пишут: «Чтобы пообщаться с Абрамом Моисеевичем, зайдите в этот кабинет». Или «Зав. терапевтическим отделением:». Или: «Посетите туалет».<\/p>\n<p>На дверях пишут: «Иванов Абрам Моисеевич», «Зав. терапевтическим отделением»,<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/toilet.jpg\" width=\"512\" height=\"384\" alt=\"Туалет\" \/>\n<\/div>\n<p>Лейбл на форме — это просто подпись, табличка, наименование. Она не должна ни призывать воспользоваться контролом, ни учить это делать. Двоеточие после лейбла обычно не нужно — просто потому, что для постановки знака препинания необходима какая-то причина.<\/p>\n<p>Вообще, экранный интерфейс — язык с собственным синтаксисом, изучением которого занимаются не лингвисты, а мы, дизайнеры. В материалах к нашему <a href=\"http:\/\/artgorbunov.ru\/educenter\/3day\/\">курсу интерфейсов<\/a> целый разворот про это есть:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/controlsyntax.jpg\" width=\"529\" height=\"388\" alt=\"Синтаксис элементов интерфейса\" \/>\n<\/div>\n<p>Помню, как готовил самую первую версию этой таблицы в Матвеевском в 2007 году, за <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/2007\/07\/31\/1\/\">вот этим столом<\/a>.<\/p>\n",
            "summary": "На дверях не пишут: «Чтобы пообщаться с Абрамом Моисеевичем, зайдите в этот кабинет». Или «Зав. терапевтическим отделением",
            "date_published": "2010-03-23T12:09:35+02:00",
            "date_modified": "2021-07-09T09:19:43+02:00",
            "tags": [
                "веб-дизайн",
                "веб-формы",
                "пользовательский интерфейс",
                "синтаксис интерфейса",
                "студентам",
                "туалет"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/toilet.jpg",
            "_date_published_rfc2822": "Tue, 23 Mar 2010 12:09:35 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "2473",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/toilet.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/controlsyntax.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}