{
    "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\/polzovatelskiy-interfeys\/",
    "feed_url": "https:\/\/blogengine.ru\/blogs\/tags\/polzovatelskiy-interfeys\/json\/",
    "icon": false,
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/blogengine.ru\/blogs\/",
            "avatar": false
        }
    ],
    "items": [
        {
            "id": "137773",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-191\/",
            "title": "На интерфейсном курсе: на карте происходит «что-то странное»",
            "content_html": "<p>Любопытный фрагмент семинара, где мы разбираем сложную штуку в интерфейсе выбора адреса, если что-то не находится. Как помочь человеку ввести адрес, если что-то пошло не так? Разбираем там едва уловимое ощущение, что в интерфейсе происходит «что-то странное». 11 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/EdfE1-DSFL4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 191 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 26 апреля 2024 года.<\/p>\n<p>Открыта запись на курс, который пройдёт 31 января — 1 марта.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "date_published": "2026-01-30T02:06:31+05:00",
            "date_modified": "2026-01-31T11:46:13+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, 30 Jan 2026 02:06:31 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137773",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137712",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/interfeys-dlya-samostoyatelnyh-polzovateley\/",
            "title": "Интерфейс для самостоятельных пользователей",
            "content_html": "<p>У меня уже месяца полтора в черновиках лежит такой текст: «Тим Кук думает, что голосовой помощник в телефоне это прикольно, потому что раньше для этого нужен был человек, а теперь это телефон. А для обычного человека это не так: я и раньше это делал в телефоне, а теперь мне просто предлагают по-другому, причём как-то менее прямолинейно». И всё не доходят руки развить мысль.<\/p>\n<p>Ещё я думаю, что <a href=\"https:\/\/t.me\/nikitonsky_pub\/884\">заметка Никиты Прокопова про ассистентов<\/a> очень хорошая. Несколько раз уже к ней возвращался. В общем мысль мне хочется развить в сторону того, что хрен бы с ним с Тимом Куком, но важный вывод для себя как проектировщика интерфейса в том, что хороший интерфейс — как рычаг: он помогает человеку делать что-то самому, но без лишних усилий, и именно это приносит кайф. В этом плане «Таб» в курсоре — это отлично, а чат сбоку — это несколько слабее.<\/p>\n<p>Естественно, тут важно, что человек и хотел сам. Например, сканер штрихкода на кассе просто читает номер, а не заставляет его вписывать — это хорошо. Никто и не хотел никогда его вписывать. Его и сканировать-то не хочется; в идеале просто на выходе из супермаркета с тебя списывается правильная сумма, да и всё.<\/p>\n<p>А если я монтирую рилсик, планирую поездку, подбираю музыку для микса, разгребаю фотографии — то я хочу, чтобы компьютер давал мне все инструменты, чтобы это было делать легко и приятно, но не чтобы он это делал за меня.<\/p>\n<p>Тут граница неочевидна, конечно. Многим людям окей, что им музыку подбирает автопилот. Или если раньше они обращались в турфирму, то наверное сейчас их тоже устроит турробот.<\/p>\n<p>Ну короче, как видите, это всё ещё черновик. Помогайте! Видимо, вывод такой, что важно понимать, что есть такой сценарий, когда человеку важно не просто как-то сделать, а как именно сделано, важно иметь чувство контроля, ощущать авторство и т. д. И для этого тоже нужны интерфейсы.<\/p>\n",
            "date_published": "2025-10-09T12:15:19+05:00",
            "date_modified": "2025-10-09T12:13:02+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, 09 Oct 2025 12:15:19 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137712",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137681",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-183\/",
            "title": "На интерфейсном курсе: дедубликация элементов",
            "content_html": "<p>В интерфейсе участницы курса я заметил, что список выбранных окон встречается в двух местах в разной роли. Сразу же приходит в голову использовать его в одном месте в обоих смыслах. Ну и это вообще рабочий ход мысли на все случаи жизни. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/laiarbyW__Y?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 183 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.<\/p>\n<p>Открыта запись на курс, который пройдёт 8 ноября — 7 декабря. Сейчас −30% из-за ранней записи, а в рассрочку вообще получается 5530 ₽ \/ мес.<\/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": "2025-10-07T15:09:07+05:00",
            "date_modified": "2025-10-07T15:08:28+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, 07 Oct 2025 15:09:07 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137681",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137665",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/questions-dump\/",
            "title": "Свалка вопросов",
            "content_html": "<p>Я рассказывал, почему <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/onboarding\/\">плохо встречать пользователя онбордингом<\/a>, и показывал, как хорошо сделано в Телеграме, что информация о новых фичах появляется в отдельном чате, который можно посмотреть, когда дойдут руки.<\/p>\n<p>Вот похожий паттерн в «Настройке» у Эпла:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/questions-dump.jpg\" width=\"768\" height=\"620\" alt=\"\" \/>\n<\/div>\n<p>Вместо того, чтобы задавать мне десяток вопросов перебивающими друг друга диалогами, как они делают в большинстве случаев, тут они собирают вопросы в один экран, где с ними можно разбираться по желанию. Это я заскриншотил после того, как один из вопросов уже снял.<\/p>\n<p>Назовём такой паттерн «Свалка вопросов». Когда свежеустановленная программа хочет доступ к микрофону, геолокации и чему-то там ещё, хорошо бы ей тоже собрать все свои требования в одном понятном месте.<\/p>\n",
            "date_published": "2025-10-06T10:12:06+05:00",
            "date_modified": "2025-10-06T10:11:57+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, 06 Oct 2025 10:12:06 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137665",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137579",
            "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",
            "date_published": "2025-09-27T03:10:14+05:00",
            "date_modified": "2025-09-27T03:05: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": "Sat, 27 Sep 2025 03:10:14 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137579",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137468",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/listening-83\/",
            "title": "Что послушать — 83",
            "content_html": "<p>Всё, что можно слушать, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/layfhak-pro-slushanie-lekciy-i-dokladov\/\">я стараюсь слушать<\/a>, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.<\/p>\n<p>Вот что я слушал в последнее время, что мне понравилось:<\/p>\n<ol start=\"1\">\n  <li><a href=\"https:\/\/www.youtube.com\/watch?v=vagyIcmIGOQ\">Дэвид Хайнемайер Хенсон у Лекса Фридмана<\/a>. Всё правильно и про программирование, и про бизнес, и про отношение к жизни, а также интересно про гонки, особенно после того, как посмотришь эпловскую «Формулу 1».<\/li>\n  <li><a href=\"https:\/\/overcast.fm\/+ABD4yYAS3fM\">What To Do When The World Is Falling Apart<\/a>. Недавно открыл для себя такого классного ютюбера-психотерапевта. Тут он отлично прочищает мозги людям со взглядами типа «мир нам всё должен» вместо того, чтобы начать самостоятельно чё-то решать.<\/li>\n  <li><a href=\"https:\/\/atp.fm\/644\">ATP 644: You Have to Invert<\/a>. В этом выпуске любимого подкаста АТП обсуждают новый дизайн Макоса, и там много классного, особенно речь Сиракьюсы о том, как тупо отрывать панели от краёв экрана в районе 1:08.<\/li>\n  <li><a href=\"https:\/\/daringfireball.net\/thetalkshow\/2025\/07\/31\/ep-428\">The Talk Show 428: Michigan-Starred Fine Dining<\/a>. А это выпуск шоу Джона Грубера, где они с гостем Луи Мантией ситуацию с дизайном интерфейсов в Эпле и тот факт, что у Алана Дая, оказывается, даже нет образования на эту тему.<\/li>\n  <li><a href=\"https:\/\/www.youtube.com\/watch?v=5KmpT-BoVf4\">Сэм Альтман о боге, Илоне Маске и загадочной смерти своего бывшего сотрудника<\/a>. Интервью Такера Карлсона! Ребята стоят друг друга, конечно.<\/li>\n<\/ol>\n",
            "date_published": "2025-09-17T14:28:38+05:00",
            "date_modified": "2025-09-17T17:31:31+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, 17 Sep 2025 14:28:38 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137468",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137460",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-179\/",
            "title": "На интерфейсном курсе: мы не заставим пользователя перепроверить данные, если ему самому это не надо",
            "content_html": "<p>Участница курса говорит, что ей хотелось добавить экран для проверки и исправления ошибки. Объясняю, почему в хорошем интерфейсе так делать не надо. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/ftiQbv2dNYE?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В этом фрагменте я рассуждаю о соблазне вставить в интерфейс специальный экран подтверждения: мол, пользователь загрузил документ (например, СНИЛС), и теперь давайте попросим его перепроверить, всё ли он сделал правильно. Но такие экраны, как правило, не работают: если человек сам не заинтересован в проверке, он просто нажмёт „ОК“ и пойдёт дальше. А если заинтересован — он и без нас перепроверит. Мы не ведомство, которое может заставить. Поэтому лучше не навязывать действия, а встроить обратную связь прямо в рабочий процесс. Например, при съёмке паспорта сразу показать, какие поля распознаны, какие — нет. Или, если документ загружен, но с ошибками, — пометить его где-нибудь в списке. Тогда пользователь сам решит, хочет ли он в это вникать. Главное — не мешать и не бесить, а деликатно держать в курсе»<\/p>\n<p>Это фрагмент № 179 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.<\/p>\n<p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября. Сейчас −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": "2025-09-16T14:51:53+05:00",
            "date_modified": "2025-09-16T14:49:57+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, 16 Sep 2025 14:51:53 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137460",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137365",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nazhmite-knopku-kotoroy-net\/",
            "title": "Нажмите кнопку, которой нет",
            "content_html": "<p>Рассмотрим такой пример:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/press-continue-1@2x.png\" width=\"295\" height=\"278\" alt=\"\" \/>\n<\/div>\n<p>Здесь нам предлагают нажать кнопку, которой нет. Смешно, но это классика, таких скриншотов у меня несколько из разных продуктов. Иногда это просто кривизна перевода, но часто — как здесь — просто бардак в процессе разработки, когда редакторы, дизайнеры и программисты ничего друг о друге не знают и вообще работают в разных часовых поясах.<\/p>\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\/press-continue-2@2x.png\" width=\"295\" height=\"278\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2025-09-11T13:43:55+05:00",
            "date_modified": "2025-09-11T13:45:03+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, 11 Sep 2025 13:43:55 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137365",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137287",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-44\/",
            "title": "Думаем дальше № 44 — «Цифры дают иллюзию объективности» c Сашей Каном",
            "content_html": "<p>С Сашей Каном обсуждаем окна в Айпад-ОСе 26, а потом погружаемся в мир исследований.<\/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\">7:43<\/td>\n    <td style=\"text-align: left\">Изменения на Айпад-ОСе 26. Почему так сложно сделать оконный интерфейс?<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">19:46<\/td>\n    <td style=\"text-align: left\">Что значит «изобрести интерфейс». Фигма переизобрела выделение, а вот паринг линз в Вижене-про и автоузнавание штрихкодов полок в Вайлдберисе — это не изобретения<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">27:56<\/td>\n    <td style=\"text-align: left\">Исследования. Эргономические. Антиукачивание<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">30:10<\/td>\n    <td style=\"text-align: left\">Концептуальные. Мультитач. Пейпер. Баркодокнопка<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">36:31<\/td>\n    <td style=\"text-align: left\">Социологические и психологические. Как Стив Джобс «заметил», что пользователи ставят обои. С цифровыми деньгами ощущения не те<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">45:36<\/td>\n    <td style=\"text-align: left\">Поведенческая экономика. Приманки и калибровка<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">50:04<\/td>\n    <td style=\"text-align: left\">Не так интересен результат, как метод исследования<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">55:52<\/td>\n    <td style=\"text-align: left\">Качество коммерческих исследований. Лучше никакое исследование, чем плохое<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">59:29<\/td>\n    <td style=\"text-align: left\">Где Саша несогласен с Ильёй про исследования<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:08:27<\/td>\n    <td style=\"text-align: left\">Про метрики. Нейросети будут налету генерировать дизайн для наилучших метрик<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:13:29<\/td>\n    <td style=\"text-align: left\">Саша закидывает тему повышения спроса на хороший дизайн<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:16:09<\/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",
            "date_published": "2025-09-03T11:01:04+05:00",
            "date_modified": "2025-09-03T11:00:45+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, 03 Sep 2025 11:01:04 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137287",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137284",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-178\/",
            "title": "На интерфейсном курсе: не отвлекай ценой и сроками от конфигурирования",
            "content_html": "<p>Разбираем кусок интерфейса конструктора окон, где у каждой детали иконочка i с информацией о том, на сколько эта деталь увеличивает сроки изготовления. Объясняю, почему так лучше не делать, и как делать. 5 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/bId3ORgHipo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ от моего лица: «В интерфейсе конструктора окон пользователь меняет параметры — например, количество створок или тип открывания — и при этом меняется срок изготовления. Это важно объяснить, но не так, чтобы мешать. В предложенном варианте для пояснений используются всплывающие подсказки на иконках: нужно навести, подождать, прочитать — и так для каждого параметра. Но если человек хочет быстро сравнить разные конфигурации, такой способ превращается в пытку. Вместо этого лучше показывать итоговую смету — список параметров, цен и сроков — в отдельной разворачивающейся панели. Она не мешает собирать окно, но позволяет понять, что и на что влияет»<\/p>\n<p>Это фрагмент № 178 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.<\/p>\n<p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября. Сейчас −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": "2025-09-02T22:51:36+05:00",
            "date_modified": "2025-09-16T14:49: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": "Tue, 02 Sep 2025 22:51:36 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137284",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137244",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-177\/",
            "title": "На интерфейсном курсе: пошаговый интерфейс только кажется простым",
            "content_html": "<p>Почему пошаговость кажется упрощением дизайнерам, но пользователям усложняет жизнь. 2 минутки:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/UNctbi4hCCk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>ЧатГПТ неплохо сформулировал от моего лица: «В этом фрагменте я говорю о проблеме, когда интерфейс делится на несколько шагов, хотя настраиваемые параметры зависят друг от друга. В случае с пластиковыми окнами — способ открывания, количество створок и расположение ручки — это части одной системы. Разрывать их на отдельные экраны значит лишать пользователя возможности видеть целостную картину. Настройка теряет наглядность, а пользователь не понимает, что именно он в итоге выбрал. Такие параметры лучше показывать вместе — на одном экране»<\/p>\n<p>Это фрагмент № 177 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.<\/p>\n<p>Заканчивается запись на курс, который пройдёт 30 августа — 28 сентября.<\/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": "2025-08-28T14:59:20+05:00",
            "date_modified": "2025-08-28T14:59:03+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, 28 Aug 2025 14:59:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137244",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137098",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/alan-must-dye\/",
            "title": "Алан Дай и деградация интерфейса в Эпле",
            "content_html": "<p>Слушая и читая в последнее время о том, что происходит в Эпле с интерфейсом, с удивлением узнал, что Алан Дай, который сейчас отвечает там за дизайн, вообще не имеет никакого образования в области интерфейса, — он вообще графический дизайнер!<\/p>\n<p>И это бы ещё полбеды, но уровень его некомпетентности такой, что он даже не знает, что не знает чего-то важного. Рассказывают, что когда на встречах кто-то из ребят начинает оперировать терминами типа «время прицеливания» или «локус внимания», он закатывает глаза и реагирует на это типа «ох, опять эти интерфейсные зануды». То есть он не просто не разбирается в интерфейсах, а прямо-таки гордится своим пренебрежением к этой области! В общем, нас ждут тёмные времена.<\/p>\n",
            "date_published": "2025-08-15T19:38:23+05:00",
            "date_modified": "2025-08-15T19:39:23+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, 15 Aug 2025 19:38:23 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137098",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "137009",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/type-to-search-finder-mixed\/",
            "title": "Поиск файлов по буквам в Файндере ищет файлы и папки вперемешку",
            "content_html": "<p>Хоть в Нортон-командере, хоть в Проводнике Виндоуса всегда было принято, что сначала идут папки, а потом уже файлы. А на Маке по-классике было по-другому: файлы и папки идут вперемешку исходя из выбранной сортировки.<\/p>\n<p>Несколько лет назад Эпл сдался и добавил нормальную сортировку в Файндер — папки стали идти в начале, файлы потом.<\/p>\n<p>Хоть в Нортон-командере, хоть в Проводнике Виндоуса, хоть в Файндере на Маке всегда была возможность выбрать в списке файл, просто начав писать его имя. Я удивляюсь, как люди иногда крутят огромные списки файлов, ища нужный глазами, хотя можно просто нажать 1-2 буквы.<\/p>\n<p>Так вот, представьте, открыли вы в файндере папку, а в ней, в частности, такое:<br \/>\n<tt>images\/<\/tt><br \/>\n<tt>index.php<\/tt><\/p>\n<p>И вы жмёте на кнопку с буквой i. Очевидно, что курсор должен перейти к папке images. Но в реальности он переходит к файлу index.php. Потому что хоть визуально сортировка и поменялась, но где-то в глубине души Файндер всё ещё верит, что index.php находится выше, чем папка images.<\/p>\n<p>Вайб-кодинга тогда ещё не было, но сделано на сравнимом уровне качества.<\/p>\n",
            "date_published": "2025-08-06T19:45:00+05:00",
            "date_modified": "2025-08-06T19:42:25+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, 06 Aug 2025 19:45:00 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "137009",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136971",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/mobile-desktop-recognizability\/",
            "title": "Взаимоузнаваемость мобилы-десктопа",
            "content_html": "<p>До какой степени дизайн может меняться при адаптации под мобилу?<\/p>\n<p>У меня есть такой критерий: мобильный и десктопный дизайны должны быть взаимоузнаваемы. Если я пользовался сайтом на компьютере, а потом зашёл с телефона, всё должно быть в ожидаемых местах. Ну и наоборот.<\/p>\n<p>Если, например, на десктопе у нас этажик из шести картинок в ширину, а на мобиле они превращаются в два этажика по три картинки — это окей. А если вместо картинок появляется кнопка «Посмотреть фотографии», открывающая попап, то не окей. Если на десктопе есть большой блок текста, а на мобиле его часть спрятана за раскрывашку «Показать больше» — это окей. А если для мобилы предлагается написать более короткий текст, то не окей.<\/p>\n<p>Я не согласен с идеей разделения сценариев. Это когда рассуждают в духе: «На мобиле обычно люди смотрят на бегу, поэтому им важнее раздел X, чем раздел Y, так что давайте поставим его выше». Тут нарушается принцип взаимоузнаваемости.<\/p>\n<p>Можно поставить дизайн десктопа и мобилы рядом и задать себе вопрос: можно ли сказать, что это одно и то же, просто как бы в разном масштабе? человек, знакомый с одним дизайном, будет уверенно ориентироваться во втором? Если нет, я бы попросил переделать.<\/p>\n",
            "date_published": "2025-08-03T20:13:35+05:00",
            "date_modified": "2025-08-03T20:13:29+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, 03 Aug 2025 20:13:35 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136971",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136947",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/chestnoe-andu-dokumenta-i-sostoyaniya\/",
            "title": "Честное анду документа и состояния",
            "content_html": "<p>Как вы знаете, в программах должна быть функция анду, чтобы исправить ошибку. Но есть нюанс.<\/p>\n<p>В Иллюстраторе если выделить часть точек объекта, подвинуть эти точки, а потом нажать анду, точки-то вернутся на место, но выделение изменится. Придётся заново выделять, чтобы подвинуть правильно.<\/p>\n<p>В Эпл-ноутсах если выделить текст справа налево, вырезать его, а потом нажать анду, текст вернётся, и даже выделение будет такое же на вид, но программа забудет, что ты выделял справа налево — шифт+стрелки теперь буду двигать правый край выделения. Придётся заново выделять, если нужно подправить именно левый край.<\/p>\n<p>Важно запрограммировать анду правильно, чтобы оно не только откатывало изменения в документе, но и полностью восстанавливало предыдущее состояние программы.<\/p>\n",
            "date_published": "2025-08-01T11:39:02+05:00",
            "date_modified": "2025-08-01T11:37:49+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, 01 Aug 2025 11:39:02 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136947",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136869",
            "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",
            "date_published": "2025-07-26T12:24:38+05:00",
            "date_modified": "2025-07-26T12:24:53+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, 26 Jul 2025 12:24:38 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136869",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136855",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/kak-upihnut-v-ekran-spisok-iz-300-chelovek\/",
            "title": "Как упихнуть в экран список из 300 человек",
            "content_html": "<p>Недавно участвовал в обсуждении дизайна, где надо было отобразить список из трёхсот человек. Это экран результатов тестирования — показаны участники и как кто из них справился.<\/p>\n<p>Дизайнер говорит, что список получается очень длинный и не влезает в боковую панель. Рассуждает вслух: может, надо сначала показать тех, кто сдал успешно, а может наоборот, тех, кто не сдал... может надо показать первых десятерых, а остальных спрятать за раскрывашку... а может надо как-то по отделам их тут разделить?.. Это всё может быть, но вот в чём проблема: все эти варианты приходят в голову исходя из проблемы «я не могу упихать», которая вообще не в мире пользователя.<\/p>\n<p>Если вы оказались в такой ситуации, задайте себя реально важные вопросы: зачем этот список пользователю? что он в нём хочет найти, увидеть, понять? на какие решения это повлияет?<\/p>\n<p>У нас выяснилось, что пользователю полезно понимать, кто не прошёл тест, чтобы можно было им написать, мол, давайте-ка проходите. Я спрашиваю: а если половина не прошли тест, он что, будет 150 человекам в личку писать? Может, мы сделаем кнопку «Напомнить», которая будет сама отправлять уведомления? А может оно и без кнопки сможет за этим следить и напоминать тем, кто забыл? Тогда полный список не особо-то и нужен. Бывает любопытно просто поглядеть, кто прошёл, кто нет.<\/p>\n<p>Ещё выяснилось, что иногда нужно про конкретного человека понять, прошёл он или нет. Ну окей, запихиваем в прокручиваемую область, не боясь, что не влезает, а сверху ставим поле поиска-фильтра. А, стоп, а кто эти конкретные люди, про которых интересно? Почему про всех неинтересно, а про конкретных десятерых интересно? Выяснилось, что это потому что наш пользователь их сам добавлял проходить этот тест. Если кто другой добавлял, то это их проблемы, а вот если добавил «я» сам, то значит мне результаты этих людей важны. Ну так блин, давайте показывать не всех, а как раз «моих», а остальных и правда можно спрятать за раскрывашку какую-то!<\/p>\n<p>Вопрос «зачем это пользователю», как может показаться со стороны, дизайнер интерфейса должен задавать себе первым делом. Но вот в жизни это часто не так. Часто какой-то другой человек ставит дизайнеру задачу в форме «на экране должен присутствовать список», потому что он так чувствует, и дизайнер начинает думать, что это правда и есть задача.<\/p>\n",
            "date_published": "2025-07-24T12:00:50+05:00",
            "date_modified": "2025-07-24T12:03:08+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, 24 Jul 2025 12:00:50 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136855",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136830",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-175\/",
            "title": "Фрагменты интерфейсного курса",
            "content_html": "<p>За те годы, что <a href=\"https:\/\/bureau.ru\/educenter\/ui-online\/\">мой интерфейсный курс<\/a> идёт в онлайне, я выложил уже <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui-course-frags\/\">почти две сотни фрагментов с наших семинаров<\/a>. Они уже сами представляют собой неплохую базу материала, правда, не очень структурированного. Пришло время навести хотя бы немного порядка.<\/p>\n<p>Разобрал 175 фрагментов.<\/p>\n<p>Сборная солянка:<\/p>\n<ul>\n  <li>№ 1. <a href=\"https:\/\/www.youtube.com\/watch?v=xzUNC_VGNFk\">Разбираем пару таблиц, заглядываем к Мильчину, потом смотрим и двигаем форму<\/a><\/li>\n  <li>№ 2. <a href=\"https:\/\/www.youtube.com\/watch?v=_Jv9dT2B7Nc\">Обсуждаем тафтианские точки во времени в расписаниях, разбираем кусок формы для Ай-ОСа<\/a><\/li>\n  <li>№ 19. <a href=\"https:\/\/www.youtube.com\/watch?v=5VCi1KN7WdE\">Чёткие края фоток, выбор стеклопакетов и нелинейное анду в Фотошопе<\/a><\/li>\n  <li>№ 26. <a href=\"https:\/\/www.youtube.com\/watch?v=Pc0GryUpCgM\">ФИО как в паспорте и эффект японской квартиры<\/a><\/li>\n  <li>№ 89. <a href=\"https:\/\/www.youtube.com\/watch?v=eLOGLY3_h7U\">Прямоугольнизация дизайна и свобода, которую даёт фотошоп<\/a><\/li>\n  <li>№ 119. <a href=\"https:\/\/www.youtube.com\/watch?v=Hwi6ddaRZ38\">О дизайне переключателя (segmented control) и положении кнопки<\/a><\/li>\n  <li>№ 138. <a href=\"https:\/\/www.youtube.com\/watch?v=GNxf6DAZR-Q\">Разное про кассу в магазине<\/a><\/li>\n  <li>№ 146. <a href=\"https:\/\/www.youtube.com\/watch?v=CSvgFqJ8p1Q\">Разбор конфигуратора окон и как классифицировать сообщения об ошибках<\/a><\/li>\n<\/ul>\n<p>Почти самостоятельные лекции:<\/p>\n<ul>\n  <li>№ 3. <a href=\"https:\/\/www.youtube.com\/watch?v=LBBWjtEHLxU\">Папочка comparisons, листаю и комментирую после лекций об информационном дизайне<\/a> (это впоследствие превратилось в самостоятельную лекцию в блоке об информационном дизайне)<\/li>\n  <li>№ 33. <a href=\"https:\/\/www.youtube.com\/watch?v=du6SqjjLEzQ\">Физические радиокнопки, рукоятки в самолёте, фотоаппарат Фуджифильм<\/a><\/li>\n  <li>№ 37. <a href=\"https:\/\/www.youtube.com\/watch?v=SwyTvRljimM\">Блиц-пересказ куска питерского доклада про интерфейсы и Ворлд-Чесс<\/a><\/li>\n  <li>№ 46. <a href=\"https:\/\/www.youtube.com\/watch?v=JTqRG_7e3O8\">Про сложное цветовое кодирование и триаду Мейксенара<\/a><\/li>\n  <li>№ 55. <a href=\"https:\/\/www.youtube.com\/watch?v=3q0HH7mUMYA\">Соответствие между логической структурой и выразительными средствами и дизайн-системы<\/a><\/li>\n  <li>№ 167. <a href=\"https:\/\/www.youtube.com\/watch?v=V5StnSF_7sc\">Опрятность прячет проблемы<\/a><\/li>\n<\/ul>\n<p>Метод:<\/p>\n<ul>\n  <li>№ 30. <a href=\"https:\/\/www.youtube.com\/watch?v=-np87CaMjKs\">Метод «Например»<\/a><\/li>\n  <li>№ 40. <a href=\"https:\/\/www.youtube.com\/watch?v=MuDea0wOabA\">Сценка со звонком в пиццерию<\/a><\/li>\n  <li>№ 126. <a href=\"https:\/\/www.youtube.com\/watch?v=ro4EBiCJ1iE\">Решение существует<\/a><\/li>\n<\/ul>\n<p>Формы:<\/p>\n<ul>\n  <li>№ 4. <a href=\"https:\/\/www.youtube.com\/watch?v=bPSaKS1bbsE\">Двигаем простенькую форму регистрации, чтобы стало поаккуратнее<\/a><\/li>\n  <li>№ 5. <a href=\"https:\/\/www.youtube.com\/watch?v=OMJV8exdbnU\">Избавляемся от рамки, наводим порядок в корзине, упрощаем поля адреса, мочим звёздочки<\/a><\/li>\n  <li>№ 11. <a href=\"https:\/\/www.youtube.com\/watch?v=how0mkG7ui4\">Первое впечатление, синтаксис и язык формы заказа с доставкой<\/a><\/li>\n  <li>№ 15. <a href=\"https:\/\/www.youtube.com\/watch?v=c91KziF01sQ\">Верстаем, сокращаем, верстаем, сокращаем, верстаем, сокращаем форму<\/a><\/li>\n  <li>№ 28. <a href=\"https:\/\/www.youtube.com\/watch?v=GrkuX84kKeo\">Улучшаем форму обратной связи Букинг.кома<\/a><\/li>\n  <li>№ 35. <a href=\"https:\/\/www.youtube.com\/watch?v=dckw7tqm1M4\">Первое впечатление от формы<\/a><\/li>\n  <li>№ 50. <a href=\"https:\/\/www.youtube.com\/watch?v=oepQvJtNgUU\">Упорядочиваем вёрстку формы<\/a><\/li>\n  <li>№ 52. <a href=\"https:\/\/www.youtube.com\/watch?v=hPGiFsdTKa8\">Расстояние между полями и сокращение подписей<\/a><\/li>\n  <li>№ 53. <a href=\"https:\/\/www.youtube.com\/watch?v=IR0zLLBf65Y\">Редизайним форму настройки сложной логики<\/a><\/li>\n  <li>№ 63. <a href=\"https:\/\/www.youtube.com\/watch?v=KbZAeVFaEcU\">Добавление нескольких телефонов в форме<\/a><\/li>\n  <li>№ 84. <a href=\"https:\/\/www.youtube.com\/watch?v=phraobT9Ufk\">Разбираем мелочи в форме регистрации<\/a><\/li>\n  <li>№ 85. <a href=\"https:\/\/www.youtube.com\/watch?v=DnTeUK1OqLQ\">Исправляем форму формы, ну и немножко содержание<\/a><\/li>\n  <li>№ 103.<a href=\"https:\/\/www.youtube.com\/watch?v=b4NPKYiT9n4\">Плейсхолдеры в каждом поле — это как иконки у каждого пункта меню<\/a><\/li>\n  <li>№ 104. <a href=\"https:\/\/www.youtube.com\/watch?v=dqnYrhXSMms\">Подробный разбор сложной формы<\/a><\/li>\n  <li>№ 108. <a href=\"https:\/\/www.youtube.com\/watch?v=9RUUtqehkyU\">Кирпичная кладка и другие недостатки формы<\/a><\/li>\n  <li>№ 118. <a href=\"https:\/\/www.youtube.com\/watch?v=9kB6CfCE0aM\">Обозначение обязательных и необязательных полей<\/a><\/li>\n  <li>№ 130. <a href=\"https:\/\/www.youtube.com\/watch?v=ublwi2BmrH0\">Как сделать сетку в форме<\/a><\/li>\n  <li>№ 143. <a href=\"https:\/\/www.youtube.com\/watch?v=VlEbVJGgGXw\">Не надо ставить элементы формы под главную кнопку<\/a><\/li>\n  <li>№ 145. <a href=\"https:\/\/www.youtube.com\/watch?v=WjX759lGaHI\">У Гугля плохой дизайн<\/a><\/li>\n  <li>№ 154. <a href=\"https:\/\/www.youtube.com\/watch?v=YIwCjtdp5Y4\">Форма слишком сложная<\/a><\/li>\n  <li>№ 156. <a href=\"https:\/\/www.youtube.com\/watch?v=5gxBJOV4yzA\">Размеры и кнопка в форме<\/a><\/li>\n  <li>№ 159. <a href=\"https:\/\/www.youtube.com\/watch?v=rMnnM3o_JXo\">Поле поиска — это не часть полей формы<\/a><\/li>\n<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/web-forms\/\">веб-формы<\/a><\/p>\n<p>Элементы интерфейса:<\/p>\n<ul>\n  <li>№ 60. <a href=\"https:\/\/www.youtube.com\/watch?v=NdBt_Oqydk4\">Рассуждения о текстовых кнопках<\/a><\/li>\n  <li>№ 67. <a href=\"https:\/\/www.youtube.com\/watch?v=WqFfT7yDMJg\">Меняем табы на переключалку и настраиваем вёрстку<\/a><\/li>\n  <li>№ 72. <a href=\"https:\/\/www.youtube.com\/watch?v=IV2nVMcaQ7U\">Представляем выбор внятно радиокнопками<\/a><\/li>\n  <li>№ 76. <a href=\"https:\/\/www.youtube.com\/watch?v=wihXJHHK3yo\">Так это кнопка или ссылка? Оказывается, это радиокнопка!<\/a><\/li>\n  <li>№ 114. <a href=\"https:\/\/www.youtube.com\/watch?v=n4Cb774L2_U\">Что не так с аккордеоном<\/a><\/li>\n  <li>№ 116. <a href=\"https:\/\/www.youtube.com\/watch?v=9tewBcFm-1M\">Как назвать чупа-чупс<\/a><\/li>\n  <li>№ 144. <a href=\"https:\/\/www.youtube.com\/watch?v=ZFLMkM02lp8\">Три вида серенького текста в поле<\/a><\/li>\n  <li>№ 147. <a href=\"https:\/\/www.youtube.com\/watch?v=FusPcntg-oI\">Показываю старинные радиокнопку и чекбокс<\/a><\/li>\n  <li>№ 151. <a href=\"https:\/\/www.youtube.com\/watch?v=mMTivJldcAQ\">Про хоум-индикатор<\/a><\/li>\n  <li>№ 169. <a href=\"https:\/\/www.youtube.com\/watch?v=hpnt4JyiU2o\">У прямоугольника недостаточно признаков поля<\/a><\/li>\n<\/ul>\n<p>Интерфейс:<\/p>\n<ul>\n  <li>№ 9. <a href=\"https:\/\/www.youtube.com\/watch?v=gUklbkeDdYg\">Незаконно упрощаем, упаковываем несколько полей в одно и обсуждаем тестирование<\/a><\/li>\n  <li>№ 16. <a href=\"https:\/\/www.youtube.com\/watch?v=99o_4c7HTUk\">О важности дефолтных значений в калькуляторе, о нежелательных связях из-за сетки<\/a><\/li>\n  <li>№ 44. <a href=\"https:\/\/www.youtube.com\/watch?v=2aQnKL5nLUw\">Упрощаем экран успешного заказа пиццы<\/a><\/li>\n  <li>№ 61. <a href=\"https:\/\/www.youtube.com\/watch?v=-zzLglJ9bEc\">Упрощаем первый экран кассы самообслуживания, добавляем кнопку «У меня булка»<\/a><\/li>\n  <li>№ 74. <a href=\"https:\/\/www.youtube.com\/watch?v=aLETIvOafg0\">Так это форма или мастер?<\/a><\/li>\n  <li>№ 75. <a href=\"https:\/\/www.youtube.com\/watch?v=zngun6Kw1q4\">Точно описываем поведение интерфейса для разработчиков<\/a><\/li>\n  <li>№ 77. <a href=\"https:\/\/www.youtube.com\/watch?v=U_9t3-mJXp0\">Жму синюю кнопку на автомате, не читая<\/a><\/li>\n  <li>№ 83. <a href=\"https:\/\/www.youtube.com\/watch?v=D0zKnGG10tY\">Уважать ли интерфейсные традиции разных платформ?<\/a><\/li>\n  <li>№ 86. <a href=\"https:\/\/www.youtube.com\/watch?v=wq4MQNpFrbg\">Не надо ничего активировать<\/a><\/li>\n  <li>№ 97. <a href=\"https:\/\/www.youtube.com\/watch?v=jwbEj5v3bu8\">Ширина и прокрутка на десктопе<\/a><\/li>\n  <li>№ 101. <a href=\"https:\/\/www.youtube.com\/watch?v=pn_X2x_8XPo\">Елена Семёновна и валидация ввода<\/a><\/li>\n  <li>№ 105. <a href=\"https:\/\/www.youtube.com\/watch?v=Ew75feYtGMs\">Как именно работает взаимодействие?<\/a><\/li>\n  <li>№ 107. <a href=\"https:\/\/www.youtube.com\/watch?v=GBj17b4l10s\">Как делать, чтобы программа не тормозила<\/a><\/li>\n  <li>№ 109. <a href=\"https:\/\/www.youtube.com\/watch?v=-8neywtnhT8\">Двухпанельный интерфейс<\/a><\/li>\n  <li>№ 115. <a href=\"https:\/\/www.youtube.com\/watch?v=Tq8Rh7GPqhM\">Мир пользователя<\/a><\/li>\n  <li>№ 121. <a href=\"https:\/\/www.youtube.com\/watch?v=xKPaH3XiW-4\">О связях сущностей в сложных системах<\/a><\/li>\n  <li>№ 122. <a href=\"https:\/\/www.youtube.com\/watch?v=XvPjm7mQ0n8\">Думать из мира пользователя<\/a> (продолжение из 115)<\/li>\n  <li>№ 149. <a href=\"https:\/\/www.youtube.com\/watch?v=UENZW1gNjpU\">Двойная обратная связь<\/a><\/li>\n  <li>№ 150. <a href=\"https:\/\/www.youtube.com\/watch?v=crgZi_CW6xU\">Зелёный значит «всё хорошо»<\/a><\/li>\n  <li>№ 153. <a href=\"https:\/\/www.youtube.com\/watch?v=9E-iYfjEqg0\">В играх всё иначе<\/a><\/li>\n  <li>№ 155. <a href=\"https:\/\/www.youtube.com\/watch?v=cG6jewXdWL4\">Кнопка «Сохранить» — плохой знак<\/a><\/li>\n  <li>№ 168. <a href=\"https:\/\/www.youtube.com\/watch?v=ax1BrxWlcOw\">Что делать, пока ЭВМ думает медленно?<\/a><\/li>\n<\/ul>\n<p>Таблицы:<\/p>\n<ul>\n  <li>№ 8. <a href=\"https:\/\/www.youtube.com\/watch?v=IvzDUzH-Sk0\">Сверхплотная упаковка шапки таблицы и вёрстка карманного словаря<\/a><\/li>\n  <li>№ 10. <a href=\"https:\/\/www.youtube.com\/watch?v=mE0pZIVgJLE\">Что не позволено базе данных, то позволено обычной таблице<\/a><\/li>\n  <li>№ 29. <a href=\"https:\/\/www.youtube.com\/watch?v=N2LINRApqmg\">Круговая диаграмма для красоты, табличка для пользы дела<\/a><\/li>\n  <li>№ 39. <a href=\"https:\/\/www.youtube.com\/watch?v=MgwYwu3wkk4\">Дизайн универсальных таблиц с непредсказуемым содержимым<\/a><\/li>\n  <li>№ 65. <a href=\"https:\/\/www.youtube.com\/watch?v=oz571oi6w24\">Живые спарклайны в таблице<\/a><\/li>\n  <li>№ 102. <a href=\"https:\/\/www.youtube.com\/watch?v=QyHEWiMR_0A\">Как выравнивать цифры в таблицах<\/a><\/li>\n  <li>№ 112. <a href=\"https:\/\/www.youtube.com\/watch?v=zSJijCINU58\">Собираем табличку с диапазоном и разной точностью<\/a><\/li>\n  <li>№ 113. <a href=\"https:\/\/www.youtube.com\/watch?v=ZDvDnJ1HSP0\">Рекомендую жирную, а не бледную шапку в таблице<\/a><\/li>\n  <li>№ 117. <a href=\"https:\/\/www.youtube.com\/watch?v=PBzl0pIUqk0\">Горизонтальная прокрутка в таблицах<\/a><\/li>\n  <li>№ 142. <a href=\"https:\/\/www.youtube.com\/watch?v=tOiNW_F_PH4\">Про динамические таблицы<\/a><\/li>\n  <li>№ 157. <a href=\"https:\/\/www.youtube.com\/watch?v=36V12nuC0kY\">Иерархия в таблице<\/a><\/li>\n  <li>№ 171. <a href=\"https:\/\/www.youtube.com\/watch?v=0F-zmFtcWwI\">Повышаем плотность таблиц<\/a><\/li>\n<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/tables\/\">таблицы<\/a><\/p>\n<p>Графики, диаграммы, инфографика:<\/p>\n<ul>\n  <li>№ 34. <a href=\"https:\/\/www.youtube.com\/watch?v=u682Zi8_FBk\">Визуализация помогает увидеть закономерности<\/a><\/li>\n  <li>№ 43. <a href=\"https:\/\/www.youtube.com\/watch?v=BvugvUfyXmg\">Объясняю про тафтианские 45 градусов на графике<\/a><\/li>\n  <li>№ 94. <a href=\"https:\/\/www.youtube.com\/watch?v=8986vOikHRk\">Если данных мало, то и график не нужен<\/a><\/li>\n  <li>№ 95. <a href=\"https:\/\/www.youtube.com\/watch?v=WSXYgIwdziI\">Рассуждения про инфографику и её задачи<\/a><\/li>\n  <li>№ 98. <a href=\"https:\/\/www.youtube.com\/watch?v=9pf94f8Mz7Q\">Когда визуализация потрачена впустую<\/a><\/li>\n  <li>№ 110. <a href=\"https:\/\/www.youtube.com\/watch?v=qsDWBf-xcVs\">В чём проблема интерактивных графиков<\/a><\/li>\n  <li>№ 111. <a href=\"https:\/\/www.youtube.com\/watch?v=wJJdSn4Vk-Q\">Нужны не круговые диаграммы, а таблица<\/a><\/li>\n  <li>№ 132. <a href=\"https:\/\/www.youtube.com\/watch?v=Urn9TDalPg4\">Дискуссия о задачах инфографики<\/a><\/li>\n  <li>№ 134. <a href=\"https:\/\/www.youtube.com\/watch?v=zMmO0bWqELQ\">Музыкальная нотация и чтение с листа<\/a><\/li>\n  <li>№ 172. <a href=\"https:\/\/www.youtube.com\/watch?v=Oz3A44Em8ms\">Толщина — носитель цвета<\/a><\/li>\n<\/ul>\n<p>Редактура в дизайне:<\/p>\n<ul>\n  <li>№ 7. <a href=\"https:\/\/www.youtube.com\/watch?v=1DdsndXWHSE\">Механически редактируем примечание к таблице<\/a><\/li>\n  <li>№ 24. <a href=\"https:\/\/www.youtube.com\/watch?v=bxSu-Vx0Nz8\">Отступления от синтаксиса интерфейса и линейки в таблицах<\/a><\/li>\n  <li>№ 49. <a href=\"https:\/\/www.youtube.com\/watch?v=H3UvwkQH8_o\">Редактура привела к радиокнопке<\/a><\/li>\n  <li>№ 66. <a href=\"https:\/\/www.youtube.com\/watch?v=-6LaXViTWzc\">Исследование о тексте в интерфейсе Эпла (1980-е)<\/a><\/li>\n  <li>№ 70. <a href=\"https:\/\/www.youtube.com\/watch?v=Zphn9ixcd0U\">Показать примечание в контексте и заодно сократить<\/a><\/li>\n  <li>№ 80. <a href=\"https:\/\/www.youtube.com\/watch?v=AmuCRWsSdpA\">Редактируем интерфейс конфигуратора окон<\/a><\/li>\n  <li>№ 92. <a href=\"https:\/\/www.youtube.com\/watch?v=bYk0_q6tWLA\">Поле «Комментарий для курьера»<\/a><\/li>\n  <li>№ 96. <a href=\"https:\/\/www.youtube.com\/watch?v=1l35NtOBogE\">Жирный против курсива<\/a><\/li>\n  <li>№ 120. <a href=\"https:\/\/www.youtube.com\/watch?v=H-tk4IhJWnA\">Непонятный выбор и названия кнопок<\/a><\/li>\n  <li>№ 127. <a href=\"https:\/\/www.youtube.com\/watch?v=oJkMBxIeLE0\">Редактируем регистрацию на вымышленном сайте<\/a><\/li>\n  <li>№ 129. <a href=\"https:\/\/www.youtube.com\/watch?v=5e2pwuF8raQ\">Формулировки ошибок в форме<\/a><\/li>\n  <li>№ 135. <a href=\"https:\/\/www.youtube.com\/watch?v=ERNjOfUbXZY\">Сокращаем текст про почту<\/a><\/li>\n<\/ul>\n<p>Вёрстка:<\/p>\n<ul>\n  <li>№ 17. <a href=\"https:\/\/www.youtube.com\/watch?v=td6deeU-7kU\">Срисовываем экран интерфейса у Эпла, чтобы выглядело нормально<\/a><\/li>\n  <li>№ 42. <a href=\"https:\/\/www.youtube.com\/watch?v=sXRWQ05cO3I\">Улучшаем эстетику с помощью контраста и прямоугольности<\/a><\/li>\n  <li>№ 73. <a href=\"https:\/\/www.youtube.com\/watch?v=49DSUMomhNE\">Верстаем интерфейс конструктора окон<\/a><\/li>\n  <li>№ 78. <a href=\"https:\/\/www.youtube.com\/watch?v=JFKJHdQJvNQ\">Неудачные выравнивательные связи<\/a><\/li>\n  <li>№ 99. <a href=\"https:\/\/www.youtube.com\/watch?v=yj5dFy9HQ-Y\">Комментирую вёрстку окна<\/a><\/li>\n  <li>№ 160. <a href=\"https:\/\/www.youtube.com\/watch?v=UeSCu7MFeAw\">Двигаем иконки в виджете<\/a><\/li>\n  <li>№ 161. <a href=\"https:\/\/www.youtube.com\/watch?v=a0HYHigmUx8\">Вписываем кусок карты в виджет<\/a><\/li>\n  <li>№ 162. <a href=\"https:\/\/www.youtube.com\/watch?v=cbpDb3k_t5k\">Чистим виджет от шума<\/a><\/li>\n  <li>№ 164. <a href=\"https:\/\/www.youtube.com\/watch?v=AebU9xyd-QI\">Виджет умного дома с иконками<\/a><\/li>\n  <li>№ 173. <a href=\"https:\/\/www.youtube.com\/watch?v=EaSKacTWobU\">Срисовываем большой круг для виджета<\/a><\/li>\n  <li>№ 174. <a href=\"https:\/\/www.youtube.com\/watch?v=aV65V1H4w3I\">Срисовываем виджет погоды<\/a><\/li>\n<\/ul>\n<p>Эстетика:<\/p>\n<ul>\n  <li>№ 12. <a href=\"https:\/\/www.youtube.com\/watch?v=kmlb272BAdo\">Как делать градиенты в инфографике<\/a><\/li>\n  <li>№ 13. <a href=\"https:\/\/www.youtube.com\/watch?v=29GAdT6dXBA\">Упаковка таблицы, симультанный контраст и борьба за красоту цветов<\/a><\/li>\n  <li>№ 27. <a href=\"https:\/\/www.youtube.com\/watch?v=X1v54YA8g7c\">Cкруглённое поле поиска и ужасный шрифт Мирьяд-про<\/a><\/li>\n  <li>№ 79. <a href=\"https:\/\/www.youtube.com\/watch?v=58GldX-JZig\">Улучшаем дизайн кнопки<\/a><\/li>\n  <li>№ 81. <a href=\"https:\/\/www.youtube.com\/watch?v=rlCxhBCxJww\">Классические признаки поля ввода и кнопки<\/a><\/li>\n  <li>№ 87. <a href=\"https:\/\/www.youtube.com\/watch?v=ox38_G9lQuo\">Вспомогательные линии — тоньше и скромнее<\/a><\/li>\n  <li>№ 91. <a href=\"https:\/\/www.youtube.com\/watch?v=hieOe3wu-7E\">Аналогия между элементами интерфейса и буквами шрифта, которые можно взять готовые<\/a><\/li>\n  <li>№ 93. <a href=\"https:\/\/www.youtube.com\/watch?v=hh1oSLA0XaE\">Задисейбленность кнопки<\/a><\/li>\n  <li>№ 140. <a href=\"https:\/\/www.youtube.com\/watch?v=Z8C1RMcR2fk\">Выбор цветов для интерфейса<\/a><\/li>\n  <li>№ 141. <a href=\"https:\/\/www.youtube.com\/watch?v=E40xHhr73Ig\">Шрифты с засечками в интерфейсе<\/a><\/li>\n  <li>№ 148. <a href=\"https:\/\/www.youtube.com\/watch?v=X7mBhTG08xA\">Настраиваем толщины линий<\/a><\/li>\n  <li>№ 152. <a href=\"https:\/\/www.youtube.com\/watch?v=hvv_ohLK1xU\">Много стилей и плохие тени<\/a><\/li>\n<\/ul>\n<p>Ход:<\/p>\n<ul>\n  <li>№ 6. <a href=\"https:\/\/www.youtube.com\/watch?v=BKu6wqOvgfg\">Ставим красную блямбу рядом с таблицей<\/a><\/li>\n  <li>№ 20. <a href=\"https:\/\/www.youtube.com\/watch?v=CaiDj7OOUbc\">Изображаем нестандартную конструкцию окна символом<\/a><\/li>\n  <li>№ 25. <a href=\"https:\/\/www.youtube.com\/watch?v=N2Qk697fe24\">Чтобы пользователь нажал, можно написать «Жми!» <\/a><\/li>\n  <li>№ 71. <a href=\"https:\/\/www.youtube.com\/watch?v=TAg6cnGIsh4\">Запрещаю выравнивание по центру<\/a><\/li>\n<\/ul>\n<p>Бизнесовое и продуктовое:<\/p>\n<ul>\n  <li>№ 23. <a href=\"https:\/\/www.youtube.com\/watch?v=xq7ntaU6FTU\">Как продать подписку на «Афишу»<\/a><\/li>\n  <li>№ 32. <a href=\"https:\/\/www.youtube.com\/watch?v=qeyRl3IVSGQ\">Закоулки интерфейса можно просто не делать<\/a><\/li>\n  <li>№ 38. <a href=\"https:\/\/www.youtube.com\/watch?v=k6iyy4vJ1Co\">Продаём окна, объясняя разницу профилей<\/a><\/li>\n  <li>№ 47. <a href=\"https:\/\/www.youtube.com\/watch?v=6rDKRg6SlVc\">Аккуратное внедрение нового дизайна без ущерба привычкам<\/a><\/li>\n  <li>№ 48. <a href=\"https:\/\/www.youtube.com\/watch?v=MhdZzXw_Tzc\">Что, если на реализацию хорошего интерфейса нет времени<\/a><\/li>\n  <li>№ 56. <a href=\"https:\/\/www.youtube.com\/watch?v=3polv_KHa5g\">Разделяем сценарии оплаты частично, ровно по счёту и впрок<\/a><\/li>\n  <li>№ 57. <a href=\"https:\/\/www.youtube.com\/watch?v=TeolvcH5f_8\">Соблазняем человека пиццей, а не текстом «Ваша корзина пуста»<\/a><\/li>\n  <li>№ 59. <a href=\"https:\/\/www.youtube.com\/watch?v=UcIjtMreNHA\">Постоянные напоминания о цене могут мешать покупать<\/a><\/li>\n  <li>№ 64. <a href=\"https:\/\/www.youtube.com\/watch?v=PQzVzgYfvfQ\">Вопросы клиента к интерфейсу кассы самообслуживания<\/a><\/li>\n  <li>№ 82. <a href=\"https:\/\/www.youtube.com\/watch?v=2qV6CCRT6lA\">Заранее спросить у клиента про сео и персональные данные<\/a><\/li>\n  <li>№ 88. <a href=\"https:\/\/www.youtube.com\/watch?v=Mt45AuwOnvA\">Убрал шум — добавь сигнал!<\/a><\/li>\n  <li>№ 90. <a href=\"https:\/\/www.youtube.com\/watch?v=-GHjDFHWrBA\">Классно упростить себе задачу<\/a><\/li>\n  <li>№ 100. <a href=\"https:\/\/www.youtube.com\/watch?v=yTIrl1jnEHU\">Программисты могли бы подумать о пользе для бизнеса<\/a><\/li>\n  <li>№ 106. <a href=\"https:\/\/www.youtube.com\/watch?v=3fzeLHVhvy0\">Оговорка, что интерфейс — это не всё<\/a><\/li>\n  <li>№ 136. <a href=\"https:\/\/www.youtube.com\/watch?v=qh5BmDJ48yI\">Дисейблить ли кнопку с точки зрения канонов интерфейса и бизнеса?<\/a><\/li>\n  <li>№ 175. <a href=\"https:\/\/www.youtube.com\/watch?v=NqKDGROn8AQ\">Работа дизайнера — разобраться в теме<\/a><\/li>\n<\/ul>\n<p>Инструмент:<\/p>\n<ul>\n  <li>№ 18. <a href=\"https:\/\/www.youtube.com\/watch?v=vHCy9izr0v4\">Последовательное волшебство в интерфейсе Фотошопа<\/a><\/li>\n  <li>№ 41. <a href=\"https:\/\/www.youtube.com\/watch?v=NF8fC2Cp8iU\">Перерисовываю и улучшаю кусок интерфейса в Фигме с помощью компонентов<\/a><\/li>\n  <li>№ 45. <a href=\"https:\/\/www.youtube.com\/watch?v=H3CF-RG9lIc\">Режимы наложения слоёв с овощами и фруктами<\/a><\/li>\n  <li>№ 54. <a href=\"https:\/\/www.youtube.com\/watch?v=uILlCs5L_mY\">Секреты встроенной скриншотилки на Маке<\/a><\/li>\n<\/ul>\n<p>Работа над дизайном и подача:<\/p>\n<ul>\n  <li>№ 36. <a href=\"https:\/\/www.youtube.com\/watch?v=czu2l7RfEWs\">Оставляйте введённый запрос в поле поиска и рисуйте клавиатуру<\/a><\/li>\n  <li>№ 58. <a href=\"https:\/\/www.youtube.com\/watch?v=2tANVy6u2TQ\">Не описывайте макеты и не делайте «невозможные» макеты<\/a><\/li>\n  <li>№ 128. <a href=\"https:\/\/www.youtube.com\/watch?v=zCldGigmk04\">Что не так с ваерфреймами<\/a><\/li>\n  <li>№ 139. <a href=\"https:\/\/www.youtube.com\/watch?v=tqfe5-w0VPo\">Сначала презентуйте линейно, а потом уже рисуйте диаграммы<\/a><\/li>\n  <li>№ 158. <a href=\"https:\/\/www.youtube.com\/watch?v=WjHJhh6K7dk\">Важность подачи дизайна<\/a><\/li>\n  <li>№ 165. <a href=\"https:\/\/www.youtube.com\/watch?v=uCssgVrDCqM\">Крутой интерфейс кассы и крутая его презентация<\/a><\/li>\n  <li>№ 170. <a href=\"https:\/\/www.youtube.com\/watch?v=mlqnrYCBqr0\">Дизайн дизайна, или как расположить макеты на холсте<\/a><\/li>\n<\/ul>\n<p>Разное интересное:<\/p>\n<ul>\n  <li>№ 14. <a href=\"https:\/\/www.youtube.com\/watch?v=tYJMrY5zWlo\">Как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10<\/a><\/li>\n  <li>№ 21. <a href=\"https:\/\/www.youtube.com\/watch?v=fPVmyMbixXw\">Что бы я поменял в дизайне Бёрдвью спустя девять лет<\/a><\/li>\n  <li>№ 22. <a href=\"https:\/\/www.youtube.com\/watch?v=7Mc6IaaXNsc\">Технические ограничения и дизайн для будущего<\/a><\/li>\n  <li>№ 31. <a href=\"https:\/\/www.youtube.com\/watch?v=bCMAOeqapDI\">Двусмысленная иконка и проверка венгерским языком<\/a><\/li>\n  <li>№ 51. <a href=\"https:\/\/www.youtube.com\/watch?v=SQQLWeCaHs8\">Глючная обработка ввода пользователя в интерфейсе Сафари<\/a><\/li>\n  <li>№ 62. <a href=\"https:\/\/www.youtube.com\/watch?v=4JzD6d9V0nU\">Что делать, если клиент хочет фигню?<\/a><\/li>\n  <li>№ 68. <a href=\"https:\/\/www.youtube.com\/watch?v=x6RbJD24N6o\">Благодарности и в чём польза теории<\/a><\/li>\n  <li>№ 69. <a href=\"https:\/\/www.youtube.com\/watch?v=JoA5JZcBoS0\">Что делать дизайнеру, если разработчики напрограммили всю магию?<\/a><\/li>\n  <li>№ 123. <a href=\"https:\/\/www.youtube.com\/watch?v=zoN15-R2gQ8\">Благодарности<\/a><\/li>\n  <li>№ 124. <a href=\"https:\/\/www.youtube.com\/watch?v=gCTCA_dQOp4\">Мастрид ли Тафти?<\/a><\/li>\n  <li>№ 125. <a href=\"https:\/\/www.youtube.com\/watch?v=35uwvF6SZb8\">Как я отношусь к войсикам и кружочкам<\/a><\/li>\n  <li>№ 131. <a href=\"https:\/\/www.youtube.com\/watch?v=2PC5L3tv6fA\">Когда нужны моноширинные цифры<\/a><\/li>\n  <li>№ 133. <a href=\"https:\/\/www.youtube.com\/watch?v=o2DjvI6nVts\">Плакаты и бумага, которая горит<\/a><\/li>\n  <li>№ 137. <a href=\"https:\/\/www.youtube.com\/watch?v=dfe9kO0a054\">Почему я не могу дать список дизайнеров, за которыми надо следить<\/a><\/li>\n  <li>№ 163. <a href=\"https:\/\/www.youtube.com\/watch?v=K98thEFlCng\">Про компасную стрелку, стороны света и смелость<\/a><\/li>\n  <li>№ 166. <a href=\"https:\/\/www.youtube.com\/watch?v=GLfjVm4Douk\">Как быть с пустой лепёшкой<\/a><\/li>\n<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 30 августа — 28 сентября.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "date_published": "2025-07-21T19:21:32+05:00",
            "date_modified": "2025-07-21T19:24:14+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, 21 Jul 2025 19:21:32 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136830",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136675",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/superpedestrian\/",
            "title": "Интерфейс управления флотом самокатов Суперпедестриана",
            "content_html": "<p>Рассказал о проекте, который делал больше трёх лет назад — интерфейс управления флотом самокатов Суперпедестриана:<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/ilyabirman.ru\/superpedestrian\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/superpedestrian-cover.jpg\" width=\"920\" height=\"607\" alt=\"\" \/>\n<\/a><\/div>\n<p>Очень люблю такие интерфейсные задачки, когда надо разобраться в каких-то замороченных процессах.<\/p>\n",
            "date_published": "2025-07-18T16:56:52+05:00",
            "date_modified": "2025-07-18T16:51: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": "Fri, 18 Jul 2025 16:56:52 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136675",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        },
        {
            "id": "136627",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/think-on-42\/",
            "title": "Думаем дальше № 42 — «Лучи добра исследователям» c Мишей Нозиком",
            "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\">6:26<\/td>\n    <td style=\"text-align: left\">Дэшборды, плашечки и иллюзия порядка<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">15:49<\/td>\n    <td style=\"text-align: left\">Про порядок в вещах в шкафу<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">19:02<\/td>\n    <td style=\"text-align: left\">Борьба с плоскими линиями на графике<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">26:15<\/td>\n    <td style=\"text-align: left\">Голосовые интерфейсы — не такая уж и чушь?<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">33:18<\/td>\n    <td style=\"text-align: left\">Ассистенты против самостоятельности<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">47:30<\/td>\n    <td style=\"text-align: left\"><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/pryamo-v-mozg\/\">Прямо в мозг<\/a> и прямо из мозга<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">52:24<\/td>\n    <td style=\"text-align: left\">Ползунок автономности и как учитывать надвигающийся ИИ в дизайне интерфейсов<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">57:24<\/td>\n    <td style=\"text-align: left\">Дайсон и исследования про ненужность «Мини» и «Вокмена»<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:00:42<\/td>\n    <td style=\"text-align: left\">«Считаете ли вы этот интерфейс более современным?» и другие закрытые вопросы в исследованиях<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:05:13<\/td>\n    <td style=\"text-align: left\">Разные исследования про то, как люди покупают<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:09:04<\/td>\n    <td style=\"text-align: left\">Исследования: помощь в обсуждении с клиентом, цели, интерпретации, гипотезы и планируемые действия<\/td>\n  <\/tr>\n  <tr>\n    <td style=\"text-align: left\">1:17:50<\/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",
            "date_published": "2025-07-13T16:16:58+05:00",
            "date_modified": "2025-07-13T16:16: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": "Sun, 13 Jul 2025 16:16:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "136627",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": null,
                "og_images": []
            }
        }
    ],
    "_e2_version": 4079,
    "_e2_ua_string": "Aegea 11.0 (v4079e)"
}