{
    "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\/epicentricheskiy-dizayn\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/epicentricheskiy-dizayn\/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": "6754",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rational-screen-area-usage\/",
            "title": "Рациональное использование площади экрана",
            "content_html": "<p>Одна из проблем, встречающихся в дизайне многих продуктов — нерациональное использование площади экрана. Кажется очевидным, что если у вас много информации, то есть смысл занять ею побольше места, а если информации мало — то поменьше. Но по необъяснимым причинам эта тривиальная идея ускользает от многих дизайнеров: они то в маленькую выпадаечку засунут сложную древовидную прокрутку, то наоборот на весь экран покажут полторы кнопки.<\/p>\n<p>Квиктайм при просмотре видео рисует интерфейс перемотки лишь на небольшую часть ширины экрана:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quicktime-small-drag.jpg\" width=\"1280\" height=\"720\" alt=\"\" \/>\n<\/div>\n<p>Перемоткой и так сложно пользоваться, особенно если нужно попасть в конкретное место, а тут они искусственно усложняют это в разы без повода. Почему не растянуть на всю ширину видоса-то?<\/p>\n<p>Налоговая в выбиралке валюты не даёт увидеть, какую валюту я выбираю:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/lkfl-currency-sizing@2x.png\" width=\"188\" height=\"229\" alt=\"\" \/>\n<\/div>\n<p>Хорошо, что можно загуглить код валюты в соседней вкладке или посмотреть полные названия валют в веб-инспекторе, очень удобно. Выпадайка может быть шире поля, из которого она выпадает, если надо.<\/p>\n<p>Аналогично Гугль-фонтс прячет настройку шрифта вот в такое меню с прокруткой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-fonts-dropdown@2x.png\" width=\"916\" height=\"589\" alt=\"\" \/>\n<\/div>\n<p>Почему не сделать его в десять раз больше-то? Вот я хочу поменять этот язык, и у меня большой экран, у вас как раз много этих языков. Как тут рассуждал дизайнер?<\/p>\n<p>Ну и так далее. Постоянно что-то, что можно показать целиком без прокрутки, запихивают в амбразуру.<\/p>\n<p>А вот обратные примеры. У Спотифая не вместилось «С возвращением» и три кнопки на большой экран:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/spotify-size.jpg\" width=\"1178\" height=\"652\" alt=\"\" \/>\n<\/div>\n<p>Даже если предположить, что вы не хотите «отвлекать» меня от входа ничем интересным, ну уместить-то можно было это всё хотя бы? Хотя, конечно, я был бы больше мотивирован войти, если бы чувствовал, что внутри меня что-то ждёт хорошее.<\/p>\n<p>Яндекс-музыка туда же:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/yandex-music-setup.jpg\" width=\"1280\" height=\"854\" alt=\"\" \/>\n<\/div>\n<p>Нафига прятать что-то там в кнопку «Настроить», у вас есть целый экран, я тут могу унастраиваться без лишних кликов!<\/p>\n<p>В дефолтном дизайне Айтюнса на огромном 32″ 6К мониторе в высоту экрана влезает три трека! Три:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/itunes-density@2x.jpg\" width=\"783\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Тут я затрудняюсь дать комментарий.<\/p>\n<p>Не только в музыкальных программах это. Вот Гугль-докс не может уместить названия файлов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-docs-filenames-dont-fit@2x.png\" width=\"1022\" height=\"453\" alt=\"\" \/>\n<\/div>\n<p>Ну какой идиот, а? Ну вон же полно место по бокам, и это при моей любимой ширине окна 1024 даже1 Нахрена, нахрена ты обрезал названия?<\/p>\n<p>Кинопоиск спрятал две кнопки («Неинтересно» и «Просмотрен») в многоточие:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/kinopoisk-doesnt-fit.jpg\" width=\"2560\" height=\"1606\" alt=\"\" \/>\n<\/div>\n<p>Просто космический идиот. Ещё и нарисовал подсказку, которая заняла столько же места, сколько заняли бы обе кнопки без подсказки! Да у тебя целый экран вот посвящён моим отношениям с этим фильмом. Что может быть важнее, чем показать кнопки настройки этих отношений? Для чего ты сэкономил это место?<\/p>\n<p>А вот классический Лончпад Эпла:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/launchpad-high-sierra.jpg\" width=\"1000\" height=\"579\" alt=\"\" \/>\n<\/div>\n<p>У него много проблем, но сама идея прекрасна: для выбора приложения используется весь экран. Целиться в иконки одно удовольствие. Бывает, захватил откуда-то файл одной рукой, тащишь его на место нужной программы, в это время другой жмёшь шорткат Лончпада и бросаешь файл на программу, потому что она как раз оказывается под курсором где надо.<\/p>\n<p>А сейчас что? Только вот так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/app-library-tahoe@2x.jpg\" width=\"344\" height=\"416\" alt=\"\" \/>\n<\/div>\n<p>Всему тесно, и чуть что возникает прокрутка.<\/p>\n<p>Как будто дизайнеры постоянно забывают, зачем нужен интерфейс, который они рисуют. Это превращается в какую-то формальность, типа, надо запихать на экран такие-то элементы, а значимость этих элементов и роль в сценарии пользователя вообще никак на это запихивание не влияет.<\/p>\n",
            "summary": "Одна из проблем, встречающихся в дизайне многих продуктов — нерациональное использование площади экрана",
            "date_published": "2026-06-14T18:33:02+05:00",
            "date_modified": "2026-06-14T18:32:52+05:00",
            "tags": [
                "вёрстка",
                "Гугль",
                "дизайн",
                "дизайн продуктов",
                "дизайн сайтов",
                "пользовательский интерфейс",
                "эпицентрический дизайн",
                "Эпл",
                "Яндекс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quicktime-small-drag.jpg",
            "_date_published_rfc2822": "Sun, 14 Jun 2026 18:33:02 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6754",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quicktime-small-drag.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/lkfl-currency-sizing@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-fonts-dropdown@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/spotify-size.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/yandex-music-setup.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/itunes-density@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-docs-filenames-dont-fit@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/kinopoisk-doesnt-fit.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/launchpad-high-sierra.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/app-library-tahoe@2x.jpg"
                ]
            }
        },
        {
            "id": "6591",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-184\/",
            "title": "На интерфейсном курсе: эпицентрический дизайн и понятность с первого раза",
            "content_html": "<p>Разбираем интерфейс конструктора окон. Сначала я говорю о том, что на экране половина места тратится не на то. А потом о том, нужно ли, чтобы интерфейс был понятен с первого раза. 5 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Gpc_mkSvv4A?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 184 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.<\/p>\n<p>Открыта запись на курс, который пройдёт 13 декабря — 11 января. Сейчас −20% из-за ранней записи.<\/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",
            "summary": "Разбираем интерфейс конструктора окон. Сначала я говорю о том, что на экране половина места тратится не на то",
            "date_published": "2025-11-21T00:49:21+05:00",
            "date_modified": "2025-12-01T12:06:43+05:00",
            "tags": [
                "видео",
                "пользовательский интерфейс",
                "фрагменты курса ПИ",
                "эпицентрический дизайн"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Gpc_mkSvv4A-cover.jpg",
            "_date_published_rfc2822": "Fri, 21 Nov 2025 00:49:21 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6591",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Gpc_mkSvv4A-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}