{
    "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\/tehnozavisimost\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/tehnozavisimost\/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": "6394",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-154\/",
            "title": "На интерфейсном курсе: форма слишком сложная",
            "content_html": "<p>Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении. Смотрим на золотой стандарт: поле поиска по всему интернету. 4 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/YIwCjtdp5Y4?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Также есть <a href=\"https:\/\/vk.com\/video286049442_456239437\">на ВК-видео<\/a>.<\/p>\n<p>Это фрагмент № 154 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 17 ноября 2023 года.<\/p>\n<p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −20% из-за ранней записи.<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении",
            "date_published": "2024-11-14T09:21:04+02:00",
            "date_modified": "2024-11-14T09:20:29+02:00",
            "tags": [
                "веб-формы",
                "пользовательский интерфейс",
                "студентам",
                "технозависимость",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-YIwCjtdp5Y4-cover.jpg",
            "_date_published_rfc2822": "Thu, 14 Nov 2024 09:21:04 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6394",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-YIwCjtdp5Y4-cover.jpg"
                ]
            }
        },
        {
            "id": "5882",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/how-to-cut-text\/",
            "title": "Как нормально обрезать текст",
            "content_html": "<p><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/facebook-see-more\/\">На днях я рассказывал<\/a>, как хреново работает Фейсбук с длинными постами: обрезает в случайном месте, теряет место чтения при разворачивании. А как надо? Давайте сначала разберёмся с обрезанием.<\/p>\n<p>Обрезать в случайном месте — это неуважение к автору и тексту и лишнее подтверждение тому, что Фейсбуку плевать, что вы там пишете. И это пример лютой технозависимости: машине проще всего резать по определённому числу символов, вот она и режет. За этим даже нет эстетического резона вроде «вместиться в определённый элемент дизайна» (что тоже было бы неуважением к автору и тексту, но хотя бы имело бы гуманистические корни), потому что физический размер строк одинаковой длины в символах в общем случае может отличаться в разы (iii — ЮЮЮ). Даже в моём примере из Фейсбука до конца строки влезло бы ещё несколько слов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/fb-see-more-3@2x.jpg\" width=\"640\" height=\"417\" alt=\"\" \/>\n<\/div>\n<p>Иногда при обрезании в случайном месте текст не просто ломается, а искажается или даже приобретает совсем нежелательный смысл. Конечно же, я собираю коллекцию примеров на эту тему, Лиз Трасс добавилась туда буквально на днях:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/liz-truss-anal@2x.jpg\" width=\"314\" height=\"487\" alt=\"\" \/>\n<\/div>\n<p>Почему-то анал в этом случае — главный чемпион:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/some-chat-anal@2x.jpg\" width=\"375\" height=\"156\" alt=\"\" \/>\n<\/div>\n<p>Больше примеров — <a href=\"https:\/\/t.me\/ilyabirman_channel\/8587\">у меня в телеграме<\/a>.<\/p>\n<p>Соответственно, если без обрезания не обойтись, то обрезать надо аккуратно. Как делает Эгея?<\/p>\n<p>Число символов, в которое нужно уложиться, считается примерным ориентиром, а не точным значением. Если нужно уложиться в 140 символов, а текст имеет длину 143, то Эгея просто не будет его трогать. Если текст заметно длинее предела, то Эгея разделит его на предложения и постарается взять столько полных предложений, сколько влезет. Вот, например, сниппет этой заметки:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-snippet-of-this@2x.jpg\" width=\"491\" height=\"236\" 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\/bureau-text-gradient@2x.jpg\" width=\"640\" height=\"225\" alt=\"\" \/>\n<\/div>\n<p>Важно, чтобы градиент был достаточно длинным, чтобы не было разрыва на конкретной букве.<\/p>\n",
            "summary": "На днях я рассказывал, как хреново работает Фейсбук с длинными постами: обрезает в случайном месте, теряет место чтения при разворачивании",
            "date_published": "2022-10-22T21:38:11+02:00",
            "date_modified": "2024-03-24T12:12:07+02:00",
            "tags": [
                "пользовательский интерфейс",
                "студентам",
                "текст",
                "технозависимость",
                "человечность",
                "Эгея"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/fb-see-more-3@2x.jpg",
            "_date_published_rfc2822": "Sat, 22 Oct 2022 21:38:11 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5882",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/fb-see-more-3@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/liz-truss-anal@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/some-chat-anal@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-snippet-of-this@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/bureau-text-gradient@2x.jpg",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg"
                ]
            }
        },
        {
            "id": "5880",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/iphone-select-sim\/",
            "title": "Выбор из одной сим-карты на Айфоне",
            "content_html": "<p>Раньше когда меняешь симку, айфон более-менее сразу спрашивал пинкод от неё. А теперь он зачем-то показывает вот такой интерфейс, где можно и отменить, и пропустить, но при этом даже чтобы ввести чёртов пинкод, нужно сначала выбрать симкарту из списка! Из единственного элемента:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/iphone-select-sim@2x.png\" width=\"390\" height=\"844\" alt=\"\" \/>\n<\/div>\n<p>У меня гипотеза, что это появилось, когда появились двухсимочные телефоны, типа теоретически ты можешь вставить сразу две новых симкарты, и надо будет ввести пины от обеих. (Всё равно непонятно, почему я их должен сначала выбрать из списка, но это ладно.)<\/p>\n<p>На днях мы рассказывали об обновлениях вводных лекций в курсе об интерфейсе, и там одна из новых тем в лекции «Технозависимость» как раз называется «1, 10, 100, 1000».<\/p>\n<p>Это про то, что плохие разработчики делают интерфейсы сразу исходя из того, что в нём будет N элементов, не обращая внимания на то, что для разных N будет удобен разный интерфейс. Вот для N=1 данный интерфейс вообще неуместен, а ведь это наиболее верояное значение N.<\/p>\n",
            "summary": "Раньше когда меняешь симку, айфон более-менее сразу спрашивал пинкод от неё. А теперь он зачем-то показывает вот такой интерфейс, где можно и отменить",
            "date_published": "2022-10-18T16:17:43+02:00",
            "date_modified": "2022-10-18T17:49:04+02:00",
            "tags": [
                "Айфон",
                "пользовательский интерфейс",
                "скриншоты",
                "технозависимость",
                "человечность"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/iphone-select-sim@2x.png",
            "_date_published_rfc2822": "Tue, 18 Oct 2022 16:17:43 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5880",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/iphone-select-sim@2x.png"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}