{
    "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\/courses\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/courses\/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": "6617",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nevoshedshee-v-lekciyu-formy\/",
            "title": "Невошедшее в лекцию «Формы»",
            "content_html": "<p>В моём курсе «Пользовательский интерфейс и представление информации» обновилась лекция «Формы». Некоторые вещи я вырезал из неё при монтаже, чтобы она не была безумно длинной. В этом видео — нарезка такого невошедшнего:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Xwj7m4e3T9c?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Китайский логин, совет с перевёрсткой, приятная формочка «Актиона», принцип «Дай нажать» в полях выбора даты, очевидная обязательность полей логина и пароля, идея объяснения ограничений на примере дорожных знаков, разбор старой формы «Яндекса», email по-английски, красное слово «Внимание», злоупотребление постепенным раскрытием полей.<\/p>\n<p>Куча пользы бесплатно, и это только невошедшее! Представьте, какая полезная сама лекция. Одна из сорока на курсе. И там ещё практика и семинары.<\/p>\n<p>Подробнее об обновлении лекций — <a href=\"https:\/\/bureau.ru\/news\/2025\/lecture-ui-updates-forms\/\">на сайте бюро<\/a>.<\/p>\n<p>Запись на курс — <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">тоже на сайте бюро<\/a>. Сейчас −30%.<\/p>\n",
            "summary": "В моём курсе «Пользовательский интерфейс и представление информации» обновилась лекция «Формы». Некоторые вещи я вырезал из неё при монтаже, чтобы она не была безумно длинной",
            "date_published": "2025-12-27T09:08:12+02:00",
            "date_modified": "2025-12-27T09:07:38+02:00",
            "tags": [
                "веб-формы",
                "видео",
                "курсы",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Xwj7m4e3T9c-cover.jpg",
            "_date_published_rfc2822": "Sat, 27 Dec 2025 09:08:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6617",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Xwj7m4e3T9c-cover.jpg"
                ]
            }
        },
        {
            "id": "6504",
            "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",
            "summary": "За те годы, что мой интерфейсный курс идёт в онлайне, я выложил уже почти две сотни фрагментов с наших семинаров",
            "date_published": "2025-07-21T16:21:32+02:00",
            "date_modified": "2025-07-21T16:24:14+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Mon, 21 Jul 2025 16:21:32 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6504",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6450",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nevoshedshee-v-lekciyu-klikabelnost\/",
            "title": "Невошедшее в лекцию «Кликабельность»",
            "content_html": "<p>В 2025 году в мой курс «Пользовательский интерфейс и представление информации» добавилась новая лекция «Кликабельность». Некоторые вещи я вырезал из неё при монтаже, чтобы она не была безумно длинной. В этом видео — нарезка такого невошедшнего:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/PYWO8PMPamk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Подробнее об обновлении лекций — <a href=\"https:\/\/bureau.ru\/news\/2025\/lecture-ui-updates-clickability\/\">на сайте бюро<\/a>.<\/p>\n",
            "summary": "В 2025 году в мой курс «Пользовательский интерфейс и представление информации» добавилась новая лекция «Кликабельность»",
            "date_published": "2025-03-12T08:45:49+02:00",
            "date_modified": "2025-03-12T08:45:37+02:00",
            "tags": [
                "видео",
                "кликабельность",
                "курсы",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-PYWO8PMPamk-cover.jpg",
            "_date_published_rfc2822": "Wed, 12 Mar 2025 08:45:49 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6450",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-PYWO8PMPamk-cover.jpg"
                ]
            }
        },
        {
            "id": "6366",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-150\/",
            "title": "Фрагменты интерфейсного курса (1—150)",
            "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>Разобрал 150 фрагментов, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-175\/\">потом разберу ещё<\/a>.<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 12 октября — 10 ноября.<\/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",
            "summary": "За те три года, что мой интерфейсный курс идёт в онлайне, я выложил уже полторы сотни фрагментов с наших семинаров",
            "date_published": "2024-10-11T08:21:14+02:00",
            "date_modified": "2025-07-21T16:23:19+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Fri, 11 Oct 2024 08:21:14 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6366",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6358",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-7\/",
            "title": "На курсе презентаций: инструмент для подбора цветов, второй подход",
            "content_html": "<p>Участник курса презентаций Роман Туров презентует коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста. Первая попытка — <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-6\/\">в предыдущем видео<\/a>. 14 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/83bt2V_KRz0?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Роман презентует<br \/>\n07:53 Илья комментирует<br \/>\n11:57 Миша комментирует<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 7 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 25 марта 2024 года.<\/p>\n<p>До 6 октября идёт запись на курс, который пройдёт 7⁠—27 октября.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участник курса презентаций Роман Туров презентует коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста",
            "date_published": "2024-10-01T20:34:13+02:00",
            "date_modified": "2024-10-04T19:34:38+02:00",
            "tags": [
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-83bt2V_KRz0-cover.jpg",
            "_date_published_rfc2822": "Tue, 01 Oct 2024 20:34:13 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6358",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-83bt2V_KRz0-cover.jpg"
                ]
            }
        },
        {
            "id": "6296",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-6\/",
            "title": "На курсе презентаций: инструмент для подбора цветов, первый подход",
            "content_html": "<p>Участник курса презентаций Роман Туров презентует коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста. Это его первая попытка и наши комментарии: можно сократить вступление, конкретизировать примеры, показать было—стало, пригласить попробовать. 18 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Qug7ZKK1-9I?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Предварительное обсуждение<br \/>\n01:15 Роман презентует<br \/>\n07:02 Миша комментирует про соответствие слайда речи и долгое вступление<br \/>\n10:20 Илья комментирует про конкретику, слайды для вводных слов и призыв попробовать<br \/>\n15:55 Миша дополняет с идеей «было—стало»<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 6 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе  18 марта 2024 года.<\/p>\n<p>До 7 июля идёт запись на курс, который пройдёт с 8 по 28 июля. Сэкономьте 30%, записавшись заранее.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участник курса презентаций Роман Туров презентует коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста",
            "date_published": "2024-05-24T10:21:47+02:00",
            "date_modified": "2024-10-01T20:33:37+02:00",
            "tags": [
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Qug7ZKK1-9I-cover.jpg",
            "_date_published_rfc2822": "Fri, 24 May 2024 10:21:47 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6296",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Qug7ZKK1-9I-cover.jpg"
                ]
            }
        },
        {
            "id": "6288",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-5\/",
            "title": "На курсе презентаций: новый подход к обучению сотрудников (второй подход и разбор слайдов)",
            "content_html": "<p>Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает. Первая попытка — <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-4\/\">в предыдущем видео<\/a>. Здесь рассказ намного бодрее! Часть рассказа мы вырезали по просьбе Дарьи, так как там были закрытые штуки с её работы. Теперь Миша показывает, как улучшить слайды. 15 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/zyy3Te5sOck?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Дарья презентует<br \/>\n03:23 Миша показывает, как улучшить слайды<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 5 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе  25 марта 2024 года.<\/p>\n<p>Редко выкладываем кусочки оттуда, зацените.<\/p>\n<p>До 19 мая идёт запись на курс, который пройдёт с 20 мая по 9 июня. Сэкономьте 10%, записавшись заранее.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает...",
            "date_published": "2024-05-04T08:30:49+02:00",
            "date_modified": "2024-05-04T08:33:22+02:00",
            "tags": [
                "вёрстка",
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-zyy3Te5sOck-cover.jpg",
            "_date_published_rfc2822": "Sat, 04 May 2024 08:30:49 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6288",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-zyy3Te5sOck-cover.jpg"
                ]
            }
        },
        {
            "id": "6282",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-4\/",
            "title": "На курсе презентаций: новый подход к обучению сотрудников (черновик)",
            "content_html": "<p>Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает. Это её первая попытка и наши комментарии. 23 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/OckxuoURm6k?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Уточняем контекст<br \/>\n01:40 Дарья презентует<br \/>\n06:09 Обсуждаем, почему презентовать страшно<br \/>\n09:14 Илья комментирует<br \/>\n16:51 Миша комментирует<br \/>\n21:47 Участница Валентина комментирует<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 4 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе  18 марта 2024 года.<\/p>\n<p>Редко выкладываем кусочки оттуда, зацените.<\/p>\n<p>До 19 мая идёт запись на курс, который пройдёт с 20 мая по 9 июня. Сэкономьте 20%, записавшись заранее.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участница курса презентаций Дарья Камышная презентует руководству новый подход к обучению сотрудников, который она предлагает...",
            "date_published": "2024-04-26T20:18:56+02:00",
            "date_modified": "2024-04-26T20:18:23+02:00",
            "tags": [
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-OckxuoURm6k-cover.jpg",
            "_date_published_rfc2822": "Fri, 26 Apr 2024 20:18:56 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6282",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-OckxuoURm6k-cover.jpg"
                ]
            }
        },
        {
            "id": "6265",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/horoscope\/",
            "title": "Дизайнерский гороскоп",
            "content_html": "<p><b>Овнам<\/b> сегодня стоит быть внимательными и заботливыми не столько к потребностям компьютера, сколько к устремлениям пользователя. Следует найти общий язык с техникой и мягко настроить её на сотрудничество, уважение<br \/>\nк несовершенству человека и его слабостям.<\/p>\n<p><b>Тельцы<\/b> могут столкнуться с некоторыми трудностями в объяснении своих смелых идей. Проявите осторожность в дизайне и избегайте рискованных решений. При выборе своего сценария на этот день, звёзды рекомендуют без острой необходимости не выходить за рамки привычного. Попытайтесь избегать ситуаций, которые могут вызвать разногласия.<\/p>\n<p><b>Близнецы<\/b> успешно справятся со всеми рабочими задачами. То, что раньше удавалось сделать, лишь постоянно переключаясь между разными режимами, сегодня, наконец-то, удастся реализовать в одном. Звёзды советуют направить силы на выбор удачных жестов, но для этого понадобится проявить изобретательность.<\/p>\n<p><b>Ракам<\/b> придётся потратить немало сил, чтобы окружающие не устали от их непредсказуемости. Постарайтесь уделить больше внимания последовательности в поведении — это поможет пользователям положиться на вас, чтобы осуществить долгожданный прогресс в своих целях и планах.<\/p>\n<p><b>Львов<\/b> ждёт переизбыток энергии, который приведёт к стремлению постоянно прыгать между задачами. Будьте открыты к смелым экспериментам, но помните, что новичкам будет нелегко увидеть смысл в ваших действиях. Взгляните на ситуацию их глазами. Ваши терпеливые объяснения и подсказки помогут делам сдвинуться с места.<\/p>\n<p><b>Дев<\/b> ждёт благоприятный день, если они смогут давать адекватную обратную связь. Ваша реакция на действия пользователей сильно повлияет на впечатление о вас. Не бойтесь осуществлять долгосрочные планы и цели, постепенно и последовательно двигаясь к своим достижениям. Но не молчите и не игнорируйте людей, даже когда очень заняты — покажите, что услышали, и держите в курсе прогресса.<\/p>\n<p><b>Весам<\/b> в этот день будут важны отношения с близкими, причём важно избегать путаницы в том, кто входит в этот круг. Убедитесь, что рядом находятся те элементы, которые действительно связаны по смыслу, а остальные стоят подальше. Не бойтесь брать на себя инициативу в том, чтобы прояснить эти отношения — это может быть некомфортно, но результат принесёт вам удовлетворение.<\/p>\n<p><b>Скорпионам<\/b> предстоит ощутить лёгкость, исключив из своих интерфейсов всё лишнее и позволив себе нарушать правило семи элементов. Чтобы достичь результата, подключите свою возможность анализировать: тщательно отделяйте сигнал от шума и примите осознанное решение добавлять первое и удалять второе.<\/p>\n<p><b>Стрельцы<\/b>, этот день наполнен стремлением к краям экрана! Постарайтесь наполнить их полезными функциями, а если это не получается, то уделите внимание тому, чтобы снизить количество физической активности, связанной с прицеливанием. Сегодня подходящее время для творческих изменений, особенно если это размеры кнопок.<\/p>\n<p><b>Козероги,<\/b> сегодня звёзды советуют вам привести в порядок все аспекты вашей жизни. Это идеальное время для создания системы во всем, что вас окружает! Направьте свои аналитические способности на поиск закономерностей и поддержание структур, и результатом станет заслуженное уважение и разработчиков, и пользователей.<\/p>\n<p><b>Водолеям<\/b> сегодня стоит проявить ясность в выражении своих мыслей и идей. Обращаясь к людям, делайте акцент на самом важном, пишите без воды и выбирайте точные слова. Помните, что простота и понятность — залог успешного интерфейса.<\/p>\n<p><b>Рыбы,<\/b> в этот период звёзды рекомендуют вам обратить внимание на ограничения других людей. Пусть ваш день станет ярким, а интерфейс — контрастным для пользователей! Помните, что каждый человек имеет свои особенности, будь то зрение, слух или какие-то другие ограничения. Внимание к потребностям окружающих станет ключом к преодолению любых препятствия на пути к успеху.<\/p>\n<p>Независимо от знака зодиака сегодня хороший день, чтобы <a href=\"http:\/\/bureau.ru\/courses\/ui-online\/\">записаться на курс<\/a>.<\/p>\n",
            "summary": "Овнам сегодня стоит быть внимательными и заботливыми не столько к потребностям компьютера, сколько к устремлениям пользователя",
            "date_published": "2024-04-01T11:35:12+02:00",
            "date_modified": "2024-04-01T11:51:50+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "странный юмор"
            ],
            "_date_published_rfc2822": "Mon, 01 Apr 2024 11:35:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6265",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6246",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frag-139\/",
            "title": "На интерфейсном курсе: сначала презентуйте линейно, а потом уже рисуйте диаграммы",
            "content_html": "<p>На курсе о пользовательском интерфейсе комментирую то, как участница показала свой интерфейс то есть, фактически, презентацию. Вообще, о презентации у нас есть отдельный курс, так что это видео можно считать относящимся и туда, и туда. 6 минут:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/tqfe5-w0VPo?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Это фрагмент № 139 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 сентября 2023 года.<\/p>\n<p>До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 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<p>Кстати, одновременно идёт и запись <a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\">на мартовский курс презентаций<\/a> (11⁠—31 марта).<\/p>\n",
            "summary": "На курсе о пользовательском интерфейсе комментирую то, как участница показала свой интерфейс то есть, фактически, презентацию",
            "date_published": "2024-03-04T08:32:39+02:00",
            "date_modified": "2024-03-04T08:32:30+02:00",
            "tags": [
                "видео",
                "курсы",
                "представление информации",
                "презентации и выступления",
                "студентам",
                "фрагменты курса ПИ"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-tqfe5-w0VPo-cover.jpg",
            "_date_published_rfc2822": "Mon, 04 Mar 2024 08:32:39 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6246",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-tqfe5-w0VPo-cover.jpg"
                ]
            }
        },
        {
            "id": "6215",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-125\/",
            "title": "Фрагменты интерфейсного курса (1—125)",
            "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>Разобрал 125 фрагментов, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-150\/\">потом разберу ещё<\/a>.<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 3 февраля — 3 марта.<\/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",
            "summary": "За те три года, что мой интерфейсный курс идёт в онлайне, я выложил уже больше сотни фрагментов с наших семинаров",
            "date_published": "2024-01-19T09:00:00+02:00",
            "date_modified": "2024-10-11T08:21:34+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Fri, 19 Jan 2024 09:00:00 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6215",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6212",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/lecture-newcomer-2024-trailer\/",
            "title": "Взгляд новичка в интерфейсе: новая лекция и полезный трейлер",
            "content_html": "<p>Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка.<\/p>\n<p>Актёры играют по сценарию. А пользователи отвлекаются, переключаются между делами и нажимают кнопки не в том порядке, как придумал дизайнер. Нельзя полагаться на то, что человек помнит, что было на предыдущем экране. Каждый экран должен иметь смысл сам по себе.<\/p>\n<p>В этой лекции учу смотреть на экран свежим взглядом: как будто в первый раз или как будто вам полностью стёрли память. В лекцию добавились хорошие примеры из Телеграма, разные из Айфона, а также конкретные признаки того, что с интерфейсом проблема.<\/p>\n<p>Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» — пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/Pyb7vhfxjMY?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Сейчас экономия 10% <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">при записи на мой февральский курс<\/a>.<\/p>\n",
            "summary": "Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка",
            "date_published": "2024-01-18T17:05:15+02:00",
            "date_modified": "2024-01-18T17:05:03+02:00",
            "tags": [
                "взгляд новичка",
                "видео",
                "курсы",
                "обновление лекций в школах бюро",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Pyb7vhfxjMY-cover.jpg",
            "_date_published_rfc2822": "Thu, 18 Jan 2024 17:05:15 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6212",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-Pyb7vhfxjMY-cover.jpg"
                ]
            }
        },
        {
            "id": "6211",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/lecture-magic-2024-trailer\/",
            "title": "Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер",
            "content_html": "<p>Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.<\/p>\n<p>В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть за уголок. Но мы видим в подобном «волшебном» поведении последовательность и логику. Если в физическом мире есть законы физики, то в интерфейсе мы можем придумать любые законы. Когда они хорошо продуманы, человек не просто заучивает определённые последовательности действий, а может осмысленно придумывать новые для решения своих задач.<\/p>\n<p>Эта лекция о том, как видеть и придумывать хорошие законы в интерфейсе. Она существенно дополнилась: появились идеи об управляемости, замкнутости и обратимости, о связи внешнего вида интерфейса и ожиданий от него. Ну и добавились новые примеры.<\/p>\n<p>В трейлерах у меня, в основном, обрезки для заманухи. Но также я придумал принцип, что трейлер сам по себе должен быть полезен. То есть кроме заманухи в нём должна содержаться хотя бы одна самостоятельная мысль или хотя бы один пример должен быть разобран содержательно.<\/p>\n<p>В трейлере «Последовательного волшебства» — домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/_EOTBVLCvfk?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Сейчас экономия 10% <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">при записи на мой февральский курс<\/a>.<\/p>\n",
            "summary": "Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве",
            "date_published": "2024-01-17T09:37:43+02:00",
            "date_modified": "2024-01-17T09:37:36+02:00",
            "tags": [
                "видео",
                "курсы",
                "обновление лекций в школах бюро",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-_EOTBVLCvfk-cover.jpg",
            "_date_published_rfc2822": "Wed, 17 Jan 2024 09:37:43 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6211",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-_EOTBVLCvfk-cover.jpg"
                ]
            }
        },
        {
            "id": "6209",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-100\/",
            "title": "Фрагменты интерфейсного курса (1—100)",
            "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>Разобрал 100 фрагментов, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-125\/\">потом разберу ещё<\/a>.<\/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<\/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<\/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<\/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<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/web-forms\/\">веб-формы<\/a><\/p>\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<\/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<\/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>№ 60. <a href=\"https:\/\/www.youtube.com\/watch?v=NdBt_Oqydk4\">Рассуждения о текстовых кнопках<\/a><\/li>\n  <li>№ 61. <a href=\"https:\/\/www.youtube.com\/watch?v=-zzLglJ9bEc\">Упрощаем первый экран кассы самообслуживания, добавляем кнопку «У меня булка»<\/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>№ 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>№ 76. <a href=\"https:\/\/www.youtube.com\/watch?v=wihXJHHK3yo\">Так это кнопка или ссылка? Оказывается, это радиокнопка!<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 3 февраля — 3 марта.<\/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",
            "summary": "За те три года, что мой интерфейсный курс идёт в онлайне, я выложил уже больше сотни фрагментов с наших семинаров",
            "date_published": "2024-01-15T08:25:34+02:00",
            "date_modified": "2024-01-19T08:05:10+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Mon, 15 Jan 2024 08:25:34 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6209",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6196",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-75\/",
            "title": "Фрагменты интерфейсного курса (1—75)",
            "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>Пока разобрал первые 75 фрагментов, <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-course-frags-1-100\/\">потом разберу ещё<\/a>.<\/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<\/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<\/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<\/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<\/ul>\n<p class=\"foot\">См. также тег: <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/tags\/web-forms\/\">веб-формы<\/a><\/p>\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>№ 34. <a href=\"https:\/\/www.youtube.com\/watch?v=u682Zi8_FBk\">Визуализация помогает увидеть закономерности<\/a><\/li>\n  <li>№ 39. <a href=\"https:\/\/www.youtube.com\/watch?v=MgwYwu3wkk4\">Дизайн универсальных таблиц с непредсказуемым содержимым<\/a><\/li>\n  <li>№ 43. <a href=\"https:\/\/www.youtube.com\/watch?v=BvugvUfyXmg\">Объясняю про тафтианские 45 градусов на графике<\/a><\/li>\n  <li>№ 65. <a href=\"https:\/\/www.youtube.com\/watch?v=oz571oi6w24\">Живые спарклайны в таблице<\/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>№ 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>№ 60. <a href=\"https:\/\/www.youtube.com\/watch?v=NdBt_Oqydk4\">Рассуждения о текстовых кнопках<\/a><\/li>\n  <li>№ 61. <a href=\"https:\/\/www.youtube.com\/watch?v=-zzLglJ9bEc\">Упрощаем первый экран кассы самообслуживания, добавляем кнопку «У меня булка»<\/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>№ 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<\/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<\/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>№ 17. <a href=\"https:\/\/www.youtube.com\/watch?v=td6deeU-7kU\">Срисовываем экран интерфейса у Эпла, чтобы выглядело нормально<\/a><\/li>\n  <li>№ 27. <a href=\"https:\/\/www.youtube.com\/watch?v=X1v54YA8g7c\">Cкруглённое поле поиска и ужасный шрифт Мирьяд-про<\/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<\/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<\/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<\/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<\/ul>\n<p>Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 3 февраля — 3 марта.<\/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",
            "summary": "За те три года, что мой интерфейсный курс идёт в онлайне, я выложил уже больше сотни фрагментов с наших семинаров",
            "date_published": "2024-01-09T09:28:12+02:00",
            "date_modified": "2024-01-15T08:26:23+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс",
                "представление информации"
            ],
            "_date_published_rfc2822": "Tue, 09 Jan 2024 09:28:12 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6196",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6183",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/prezentuyte-prostymi-slovami\/",
            "title": "Презентуйте простыми и точными словами",
            "content_html": "<p>На нашем с Мишей <a href=\"http:\/\/bureau.ru\/courses\/presentation-online\/\">курсе презентаций и выступлений<\/a> замечаю такую штуку. Мы призываем участников говорить более простыми словами, не грузить терминологией без необходимости. У участников это иногда вызывает сопротивление, мол, это вы просто не в курсе, а топы в нашей компании, которым я буду презентовать, всё это знают. Зачем, говорят, я буду им объяснять очевидные для них вещи, это только раздражение вызовет.<\/p>\n<p>Объяснять-то может и не надо, но просто старайтесь выбирать точные и простые слова. Вот человек презентует дизайн и говорит: «Мы спроектировали новый флоу, чтобы улучшить пользовательский опыт». Допустим, у вас в компании все так говорят. Но кому станет хуже, если вы скажете по-русски: «Мы уменьшили число шагов, чтобы было проще купить цветы»? Не бывает, чтобы после такого слушатели испытали раздражение от того, что им слишком понятно объяснили. Тут речь не о том, что вы объясняете топам, что такое «флоу» (а они и так знают), а о том, что вы вообще не используете подобных слов.<\/p>\n<p>Обратите внимание, что проблема не в том, что я как-то субъективно не люблю слова «флоу» и «пользовательский опыт». Я их, конечно, не люблю, и сам в жизни так не скажу, но дело тут в том, что эти слова размывают суть. Бывает много профессиональных терминов, без которых непонятно, о чём именно вы говорите, и в подготовленной аудитории резонно их и использовать, а не упрощать. Но тут простыми словами получается не просто проще, но точнее и однозначнее, чем с заумными.<\/p>\n<p>Спроектировали вы «новый флоу», а начальство вам такое: «Так а почему вы говорите, что это новый флоу? Тут ведь то же самое: выбираешь букет, указываешь адрес, оплачиваешь». Что вы на это ответите? «Да, но мы уменьшили число шагов»? Ну так а фигли сразу так и не сказали, зачем этот обмен репликами вам?<\/p>\n",
            "summary": "На нашем с Мишей курсе презентаций и выступлений замечаю такую штуку. Мы призываем участников говорить более простыми словами, не грузить терминологией без необходимости",
            "date_published": "2023-12-25T12:25:37+02:00",
            "date_modified": "2023-12-25T12:27:27+02:00",
            "tags": [
                "курсы",
                "презентации и выступления"
            ],
            "_date_published_rfc2822": "Mon, 25 Dec 2023 12:25:37 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6183",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "6171",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-online-practice-boost-results\/",
            "title": "Прошёл первый курс с усиленной практикой",
            "content_html": "<p>В начале ноября я <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-online-practice-boost\/\">анонсировал усиление практики на своём интерфейсном курсе<\/a>. Сейчас закончился первый курс с этими нововведениями. Получилось классно!<\/p>\n<p>Курс идёт четыре недели. Каждую неделю вы получаете порцию лекций, которые смотрите самостоятельно, и делаете набор заданий, которые мы разбираем на общем семинаре в Зуме. Каждый семинар проходит в конце очередной недели. Ну и плюс есть чатик.<\/p>\n<p>Что я изменил:<\/p>\n<ol start=\"1\">\n  <li>Теперь тем, кто сделал очередное задание не к семинару, а за первые три дня, я выдаю шпаргалки для самопроверки. Можно сделать ещё одну итерацию работы, и тогда на семинаре обсуждение будет интереснее.<\/li>\n  <li>Добавились задания для самостоятельной работы — к ним после сдачи тоже выдаются шпаргалки для самопроверки. Вопросы по ним можно задавать и на семинаре, и в чате, просто мы специально не выделяем время, чтобы все их разбирать.<\/li>\n  <li>Тем, кто сделал все задания, включая самостоятельная, а также получил и применил все шпаргалки, выдаются сертификаты с отличием.<\/li>\n<\/ol>\n<p>Это фрагмент шпаргалки к одному из заданий третьей недели:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/cheat-sheet@2x.png\" width=\"626\" height=\"330\" alt=\"\" \/>\n<\/div>\n<p>Там есть ещё общие соображения и наводящие вопросы, относящиеся ко всем заданиям сразу.<\/p>\n<p>Я не знал, как сработают изменения. Много ли людей захочет делать и переделывать столько заданий? На предыдущих курсах иногда бывало, что кто-то даже предыдущий набор заданий не делал в полном объёме. А будут ли полезны шпаргалки?<\/p>\n<p>Всё сработало отлично! В конце третьего дня каждой недели ко мне приходили друг за другом участники курса за шпаргалками, а на семинарах ссылались на них: «В шпаргалке было то-то, и я подумала сделать вот так...» Ну и в итоге — как минимум трое претендентов на сертификаты с отличием.<\/p>\n<p>Если вы были на курсе больше пяти лет назад, теперь даже есть смысл прийти ещё раз. С тех пор не только все лекции обновились и дополнились, но и вот практика тоже существенно обновилась.<\/p>\n<p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января. Сейчас экономия 10% из-за ранней записи.<\/p>\n<p>Дед Мороз принесёт вам мешок новых знаний!<\/p>\n<p><a href=\"http:\/\/bureau.ru\/educenter\/ui-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа, отзывы, запись<\/p>\n",
            "summary": "В начале ноября я анонсировал усиление практики на своём интерфейсном курсе. Сейчас закончился первый курс с этими нововведениями",
            "date_published": "2023-12-10T14:14:38+02:00",
            "date_modified": "2023-12-11T22:20:09+02:00",
            "tags": [
                "курсы",
                "пользовательский интерфейс"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/cheat-sheet@2x.png",
            "_date_published_rfc2822": "Sun, 10 Dec 2023 14:14:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6171",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/cheat-sheet@2x.png"
                ]
            }
        },
        {
            "id": "6143",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/course-ui-practice-cover\/",
            "title": "Обложка новости про усиление практики на курсе",
            "content_html": "<p>К недавней новости про <a href=\"http:\/\/bureau.ru\/news\/2023\/ui-online-practice-boost\/\">усиление практики на курсе<\/a> я нарисовал нехитрую обложку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png\" width=\"480\" height=\"240\" 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\/practice-initial@2x.png\" width=\"457\" height=\"408\" alt=\"\" \/>\n<\/div>\n<p>Строки встают так далеко друг от друга, потому что шрифт обычно изначально проектируют для набора полноценного текста. Вот смотрите, как будет выглядеть набор полноценного текста:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-font-example@2x.png\" width=\"460\" height=\"348\" alt=\"\" \/>\n<\/div>\n<p>То есть со шрифтом всё нормально, но для моей задачи такой отступ выглядит нелепо. Подтягиваем строки друг к другу. Я подтянул так, чтобы расстояние между строками было такое, как толщина горизонтального штриха в этом шрифте:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight-explanation@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Получилось так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Дальше мне захотелось упереть букву П левым верхним углом в угол самой плашки. Но при таком крупном наборе видно, что крыша буквы Т торчит левее буквы П в предыдущей строке. В шрифте специально делают так — это называется оптическими компенсациями. Если бы их не было, при взгляде издалека наоборот казалось бы, что Т уехала правее. Но мы-то тут не издалека смотрим, а под микроскопом. Поэтому поставим ровно, ну и упрём в левый край:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-left-aligned@2x.png\" width=\"457\" height=\"260\" alt=\"\" \/>\n<\/div>\n<p>Сверху, справа и снизу тоже хочется упереть:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-cropped@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Теперь напрягает, что крыша буквы Т <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/almost\/\">почти, но не совсем<\/a> совпадает по ширине с П, а вертикальный штрих от И проходит мимо Р, хотя мог бы и попадать:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-misalignments-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Букве Т надо крышу нарисовать правильной длины, ну и букву И подвинуть правее. Диагонали от И и А могли бы плавнее друг в друга переходить, а потом от К и А. Вообще, заметно, что чем дальше от начала строки, тем сильнее расхождение, поэтому хочется просто нижнюю строку разредить до более плавного попадания:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-almost-aligned@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Теперь замечаю, что левый штрих от К почти, но не совсем проходит через середину А:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-ak-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Двигаю К чуток левее, чтобы попадало чётко:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned-explanation@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Получается так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned@2x.png\" width=\"439\" height=\"241\" alt=\"\" \/>\n<\/div>\n<p>Замечаю, что картинка получилась размера 439×241. Как минимум надо сделать 440×240, чтобы совесть была чиста, но я решаю сделать 480×240 — тогда получится прямоугольник пропорций 2:1. Мелочь, а приятно. Для этого нужно увеличить разрядку в обеих строках, но это и так <a href=\"https:\/\/www.artlebedev.ru\/kovodstvo\/sections\/142\/\">неплохая идея<\/a>. Аккуратно делаю, следя за тем, чтобы все выстроенные вертикали сохранились:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-wider@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Перетекание И в А немного нарушилось — ну, значит не судьба. Отступ между строками пришлось на 1 пиксель уменьшить, сломав исходную затею с тем, чтобы это был ровно размер горизонтального штриха. Но кто ж это заметит?<\/p>\n<p>Теперь буквы стоят нормально, но всё вместе выглядит дырявенько, да и непонятно, что практика-то? Добавляю надписи «×2» и «и сертификаты с отличием», а заодно ставлю сердечко из обложки курса на фон. Выравниваю надписи на глазок по среднему штриху К:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-decorated@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Готово:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png\" width=\"480\" height=\"240\" alt=\"\" \/>\n<\/div>\n<p>Если вы работаете дизайнером, такие вещи вы должны делать просто на автопилоте и даже не считать, что вы что-то задизайнили. Это типа как уборщице поставить ровно стулья в кафе после ухода гостя. Любое конкретное решение на каждом из шагов может быть другим, но важно, чтобы вам было не всё равно.<\/p>\n<p>А на курс <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\" class=\"nu\">«<u>Пользовательский интерфейс и представление информации<\/u>»<\/a> с усиленной практикой и сертификатами с отличием не забудьте прийти!<\/p>\n",
            "summary": "К недавней новости про усиление практики на курсе я нарисовал нехитрую обложку...",
            "date_published": "2023-11-08T20:08:22+02:00",
            "date_modified": "2023-11-08T21:12:38+02:00",
            "tags": [
                "вёрстка",
                "делай ровно",
                "дизайн",
                "курсы",
                "студентам"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x-1.png",
            "_date_published_rfc2822": "Wed, 08 Nov 2023 20:08:22 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6143",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x-1.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-final@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-initial@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-font-example@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-tight@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-left-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-cropped@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-misalignments-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-almost-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-ak-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned-explanation@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-aligned@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-wider@2x.png",
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice-decorated@2x.png"
                ]
            }
        },
        {
            "id": "6137",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/ui-online-practice-boost\/",
            "title": "Радикально усилена практика на интерфейсном курсе",
            "content_html": "<p>Рассказываю, что там с усилением практики <a href=\"https:\/\/bureau.ru\/courses\/ui-online\/\">на моём курсе<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice@2x.png\" width=\"960\" height=\"480\" alt=\"\" \/>\n<\/div>\n<p>Курс четырёхнедельный. На каждой были лекции и задание, и результаты заданий мы разбирали на семинаре. Для кого-то нагрузка была в самый раз, а кто-то мог бы успеть и больше. Я хотел дать больше заданий, но меня ограничивал семинар с разбором — он и так у нас всё время растягивается. Не хотелось, чтобы разбор стал поверхностным.<\/p>\n<p>Но я придумал решение: теперь ко всем заданиям будут выдаваться шпаргалки для самопроверки. Часть комментариев я повторяю из раза в раз, потому что люди ошибаются на одном и том же. Теперь если сдать задание на середине недели, можно получить шпаргалку и улучшить свою работу к семинару.<\/p>\n<p>Только за счёт этого можно сделать вдвое больше. Но на самом деле я добавил ещё и новых заданий, например на анализ существующего интерфейса и на вёрстку виджета. Будем отдельно прицельно прокачивать и логику, и эстетику.<\/p>\n<p>В общем, приходите тренироваться.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/news\/2023\/ui-online-practice-boost\/\">Новость в Бюро<\/a><\/p>\n",
            "summary": "Рассказываю, что там с усилением практики на моём курсе",
            "date_published": "2023-11-04T09:04:38+02:00",
            "date_modified": "2023-11-04T09:04:04+02:00",
            "tags": [
                "курсы"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice@2x.png",
            "_date_published_rfc2822": "Sat, 04 Nov 2023 09:04:38 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6137",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/practice@2x.png"
                ]
            }
        },
        {
            "id": "6030",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/presentation-course-frag-3\/",
            "title": "На курсе презентаций: стенд Яндекса на выставке",
            "content_html": "<p>Участница курса презентаций Ольга Богачёва презентует дизайн стенда для выставки Яндекс.Клауда. Это третья неделя курса, поэтому тут всякие подставы. В данном случае один из клиентов опаздывает, а второй — в полном восторге от всего. Как быть в таких ситуациях? Разбираем, что Ольга сделала классно, а что — рискованно. 23 минуты:<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/3ldvcnhojj8?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<p>\n00:00 Интро и раздача ролей<br \/>\n00:37 Презентация<br \/>\n09:30 «Вопросы аудитории»<br \/>\n13:57 Разбор<br \/>\n<\/p>\n<\/div>\n<p>Это фрагмент № 3 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 12 июня 2023 года.<\/p>\n<p>До 2 июля идёт запись на курс, который пройдёт с 3 по 23 июля.<\/p>\n<p><a href=\"https:\/\/bureau.ru\/courses\/presentation-online\/\" class=\"button buy-button big-button\">Почитать о курсе<\/a><\/p>\n<p class=\"foot\">Программа и запись<\/p>\n",
            "summary": "Участница курса презентаций Ольга Богачёва презентует дизайн стенда для выставки Яндекс.Клауда. Это третья неделя курса, поэтому тут всякие подставы",
            "date_published": "2023-07-02T20:27:25+02:00",
            "date_modified": "2024-04-26T20:18:07+02:00",
            "tags": [
                "видео",
                "курсы",
                "презентации и выступления"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-3ldvcnhojj8-cover.jpg",
            "_date_published_rfc2822": "Sun, 02 Jul 2023 20:27:25 +0200",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "6030",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jquery\/jquery.js",
                    "media-seek\/media-seek.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-3ldvcnhojj8-cover.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4259,
    "_e2_ua_string": "Aegea 12.0a (v4259e)"
}