https://www.blogengine.me/blogs/tags/tekst/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 136958 https://ilyabirman.ru/meanwhile/all/edinstvenny-moment/ Sat, 02 Aug 2025 17:59:18 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/edinstvenny-moment/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Заметил, что выражение «единственный момент» перед указанием некоторого обстоятельства часто используют, если хотят, чтобы слушатель воспринял это обстоятельство как незначительное и не стал его обсуждать:</p> <p>— Единственный момент, у нас не работает терминал, нужно будет переводом оплатить.</p> <p>— Единственный момент, я на встрече буду не один, а с коллегой.</p> <p>— Единственный момент, колодки мы не заменили, потому что у специалиста уже рабочий день кончился.</p> <p>Я сейчас поймал себя на том, что написал в сообщении «единственный момент» перед реально мелким нюансом, который ни на что не влияет, но получилось, будто я оправдываюсь. Удалил — стало нормально, просто проинформировал.</p> <p>А в предыдущих моих примерах если удалить «единственный момент», нормально не получится.</p> 132579 https://ilyabirman.ru/meanwhile/all/install-for-all-or-me/ Wed, 06 Nov 2024 12:10:36 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/install-for-all-or-me/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Когда на Маке устанавливаешь программу, она может спросить: «Установить для всех пользователей компьютера или только для меня?»</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/install-for-all@2x.jpg" width="444" height="198" alt="" /> </div> <p>В голове программиста всё просто: обычный же вопрос, не технический никакой — для всех установить или только для тебя? Просто выбери да и всё.</p> <p>Да вот только это невозможно выбрать. В подавляющем большинстве случаев у компьютера один пользователь. Даже когда доступ к компьютеру есть у нескольких людей, чаще всего они не заморачиваются разделением акаунтов. А раз так, что два этих варианта выглядят равнозначными.</p> <p>То есть проблема выбора состоит уже хотя бы в том, что его нужно как-то сделать, хотя у тебя нет вообще никаких причин что-либо выбрать. Ты просто сидишь и тупишь: а на что это влияет? И отвечаешь каждый раз случайным образом, формируя бардак. А ведь на самом-то деле эти варианты ещё и не равнозначны. Даже если пользователь один, установить для одного и для всех — разные вещи. В зависимости от этого выбора, программа попадёт в разные папки; возможно у неё будут какие-то разные права или особенности поведения в хитрых случаях. И всё это полностью скрыто от пользователя.</p> <p>То есть суть выбора совершенно не том, что написано, а в чём именно — нигде не объяснено. Это мало того, что сложный технический вопрос, но вдобавок даже не написано, в чём он состоит.</p> <p>Хорошо бы постановить, что есть какой-то правильный способ устанавливать программы, и вообще не задавать вопросов, пока пользователь на компьютере один. Если пользователей несколько, то вопрос можно переформулировать в виде отклонения от стандартного курса, скажем, с помощью чекбокса: Make this app available to John and Sarah as well.</p> <p>Каждый раз, когда вы в интерфейсе задаёте вопрос пользователю, задумайтесь, что вы на самом деле спрашиваете, понимает ли это пользователь, и как он будет принимать решение. Иногда кажется, что вы задаёте простой безобидный вопрос, но на него совершенно невозможно ответить.</p> 132419 https://ilyabirman.ru/meanwhile/all/macos-network-syntax/ Fri, 25 Oct 2024 15:03:18 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/macos-network-syntax/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/macos-network-syntax@2x.jpg" width="640" height="556" alt="" /> </div> <p>Артём Горбунов поделился дебрями настройки Макоса. Тут в подписи сразу все грехи синтаксиса:</p> <ul> <li>невозможное повелительное наклонение (глагол должен быть в начальной форме: «отключить»; не «сохраните как...», а «сохранить как»);</li> <li>неуместный совершенный вид (это не однократная команда «отключить», а настройка образа действия, то есть надо «отключать»);</li> <li>усложняющая восприятие отрицательная формулировка (должно быть «включать только если нужно»);</li> <li>стоп-слова («Вам», «это»).</li> </ul> <p>Но даже если синтаксис будет безупречным, смысл этой фигни всё равно непонятен. Как, кем и когда определяется нужность? Если это настройка приоритетов сетевых подключений, то она и так делается в другом окне, где ты просто расставляешь их в порядке предпочтительности использования.</p> <p>За годы Эпл прошёл большой путь от «эти примеры мы используем для иллюстрации всего хорошего» до «на этих примерах можно показать всё говно».</p> 125783 https://ilyabirman.ru/meanwhile/all/ui-course-frag-135/ Tue, 06 Feb 2024 11:08:52 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-135/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем, какие слова в тексте про отправленное приглашение лишние, и как можно обойтись без них. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ERNjOfUbXZY?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 135 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 15 сентября 2023 года.</p> <p>До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 30% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125286 https://ilyabirman.ru/meanwhile/all/alfa-medical-website/ Mon, 01 Jan 2024 20:05:48 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/alfa-medical-website/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <div class="e2-text-picture"> <a href="https://ilyabirman.ru/alfa-medical/" class="e2-text-picture-link"> <img src="https://ilyabirman.ru/meanwhile/pictures/alfa-medical-website.jpg" width="1920" height="960" alt="" /> </a></div> <p><a href="https://ilyabirman.ru/alfa-medical/">Зацените сайт для медтуроператора «Альфа-Медикал»</a>, задизайненный год назад. Это большая содержательная работа. Задача — помочь людям, оказавшимся в беде, разобраться в услугах компании и доверить ей своё здоровье. Проект про глубокое погружение в тему, работу с сомнениями и опасениями, заботу и внимательность к человеку.</p> 124718 https://ilyabirman.ru/meanwhile/all/ui-course-frag-129/ Mon, 04 Dec 2023 23:39:29 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-129/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем многословные и не очень полезные сообщения об ошибке в форме регистрации. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/5e2pwuF8raQ?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 129 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 сентября 2023 года.</p> <p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января. Сейчас экономия 10% из-за ранней записи.</p> <p>Дед Мороз принесёт вам мешок новых знаний!</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 124608 https://ilyabirman.ru/meanwhile/all/ui-course-frag-127/ Sun, 26 Nov 2023 23:25:28 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-127/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Подробно разбираем форму регистрации, которую сделала участница курса. Говорим про подписи и формулировки, избавляемся от лишних слов. 7 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/oJkMBxIeLE0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 127 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 июня 2023 года.</p> <p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января. Сейчас экономия 20% из-за ранней записи.</p> <p>Дед Мороз принесёт вам мешок новых знаний!</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 123652 https://ilyabirman.ru/meanwhile/all/ui-course-frag-120/ Fri, 20 Oct 2023 18:56:55 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-120/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем интерфейс, сделанный участником курса. На главном экране приложения — выбор из трёх кнопок. Есть сомнения, что этот экран вообще нужен, но главная проблема в том, что по названиям кнопок вообще невозможно догадаться, что именно я выбираю. 7 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/H-tk4IhJWnA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 120 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 12 мая 2023 года.</p> <p>До 10 ноября идёт запись на курс, который пройдёт с 11 ноября по 10 декабря.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 123192 https://ilyabirman.ru/meanwhile/all/zakazchik-vprave-trebovat/ Tue, 26 Sep 2023 21:05:48 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/zakazchik-vprave-trebovat/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Ещё момент про юристов и договоры. Я поражаюсь насколько невнятно юристы порой формулируют. Мне кажется, многих юристов надо на пару лет отправлять учиться программировать, чтобы просто мозги на место поставить.</p> <p>Сколько внутренних противоречий и нестыковок я встречаю в чужих договорах — это кошмар. Иногда прям хочется сказать: ребят, ну вам не стыдно? Вы юристы, у вас работа чётко и недвусмысленно писать. Я дизайнер, и я вижу весь ваш тупняк, даже когда читаю текст по диагонали! Но если прямо так сказать, то клиент, вероятно, обидится.</p> <p>Вот формулировка, которая часто встречается во всяких пунктах про ответственность: «в таком-то случае Заказчик вправе требовать с Исполнителя возмещения того-то». Что это значит, зачем это писать? Я безо всякого договора вправе выйти на улицу и требовать, чтобы все прохожие сдали мне по тыще рублей. А прохожие вправе посылать меня с этим требованием подальше!</p> <p>Удивительно, но большинство юристов не в состоянии написать: «В таком-то случае Исполнитель возмещает Заказчику то-то» безо всяких абстрактных прав требовать.</p> 121785 https://ilyabirman.ru/meanwhile/all/stopwords-masterclass/ Thu, 20 Jul 2023 20:06:59 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/stopwords-masterclass/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Вчера провёл мастер-класс о стоп-словах в интерфейсе:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/fqXOvKWivi8?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Сейчас в бюро — <a href="https://bureau.ru/news/2023/midsummer/">середина лета</a>. Мастерклассы и скидки на всё подряд.</p> 122351 https://ilyabirman.ru/meanwhile/all/ui-course-frag-92/ Thu, 23 Feb 2023 16:50:45 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-92/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Радуюсь хорошей подписи поля «Комментарий для курьера». 1 минута:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/bYk0_q6tWLA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 92 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 октября 2022 года.</p> <p>До 10 марта идёт запись на курс, который пройдёт с 11 марта по 10 апреля.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122357 https://ilyabirman.ru/meanwhile/all/ui-course-frag-80/ Wed, 23 Nov 2022 12:14:12 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-80/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Редактируем интерфейс конфигуратора окон. Убираем повторы, выносим форточку в чекбокс. Рассказываю, когда можно не жалеть слов, а когда их нужно безжалостно удалять. 7 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/AmuCRWsSdpA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 80 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 апреля 2022 года.</p> <p>До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 126385 https://ilyabirman.ru/meanwhile/all/how-to-cut-text/ Sun, 23 Oct 2022 00:38:11 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/how-to-cut-text/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p><a href="https://ilyabirman.ru/meanwhile/all/facebook-see-more/">На днях я рассказывал</a>, как хреново работает Фейсбук с длинными постами: обрезает в случайном месте, теряет место чтения при разворачивании. А как надо? Давайте сначала разберёмся с обрезанием.</p> <p>Обрезать в случайном месте — это неуважение к автору и тексту и лишнее подтверждение тому, что Фейсбуку плевать, что вы там пишете. И это пример лютой технозависимости: машине проще всего резать по определённому числу символов, вот она и режет. За этим даже нет эстетического резона вроде «вместиться в определённый элемент дизайна» (что тоже было бы неуважением к автору и тексту, но хотя бы имело бы гуманистические корни), потому что физический размер строк одинаковой длины в символах в общем случае может отличаться в разы (iii — ЮЮЮ). Даже в моём примере из Фейсбука до конца строки влезло бы ещё несколько слов:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/fb-see-more-3@2x.jpg" width="640" height="417" alt="" /> </div> <p>Иногда при обрезании в случайном месте текст не просто ломается, а искажается или даже приобретает совсем нежелательный смысл. Конечно же, я собираю коллекцию примеров на эту тему, Лиз Трасс добавилась туда буквально на днях:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/liz-truss-anal@2x.jpg" width="314" height="487" alt="" /> </div> <p>Почему-то анал в этом случае — главный чемпион:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/some-chat-anal@2x.jpg" width="375" height="156" alt="" /> </div> <p>Больше примеров — <a href="https://t.me/ilyabirman_channel/8587">у меня в телеграме</a>.</p> <p>Соответственно, если без обрезания не обойтись, то обрезать надо аккуратно. Как делает Эгея?</p> <p>Число символов, в которое нужно уложиться, считается примерным ориентиром, а не точным значением. Если нужно уложиться в 140 символов, а текст имеет длину 143, то Эгея просто не будет его трогать. Если текст заметно длинее предела, то Эгея разделит его на предложения и постарается взять столько полных предложений, сколько влезет. Вот, например, сниппет этой заметки:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/aegea-snippet-of-this@2x.jpg" width="491" height="236" alt="" /> </div> <p>Но если в результате получилось слишком мало (или не влезло вообще ни одного предложения целиком), она будет искать другие признаки безопасных мест: точки с запятой, тире, запятые, скобки. Только если ничего из этого нет, то она будет ориентироваться на пробелы. И только если и пробелов нет, она обрежет по числу символов. Отсутствие пробелов — верный признак, что самому автору было плевать на смысл, так что не страшно, если Эгее будет немножко тоже.</p> <p>В общем Эгея будет стараться сделать как можно ближе к нужной длине, но так, чтобы смысл не пострадал.</p> <p>Казалось бы, если я могу такое напрограммировать, то что мешает Фейсбуку? Да то, что никому даже в голову не приходила идея, что есть хоть какой-то смысл стараться сделать хорошо, просто нет такого понятия в мире Фейсбука даже.</p> <p>Но что же делать, если у вас дизайн, и вам ну вот прям надо уложиться в определённый прямоугольник, плюс-минус слово никак нельзя?</p> <p>Тогда вместо многоточия можно прятать не влезающие штуки под градиент. Например, наложить его на последнюю строчку текста, как сделано в бюролекциях:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/bureau-text-gradient@2x.jpg" width="640" height="225" alt="" /> </div> <p>Важно, чтобы градиент был достаточно длинным, чтобы не было разрыва на конкретной букве.</p> 124089 https://ilyabirman.ru/meanwhile/all/ui-course-frag-66/ Mon, 16 May 2022 12:26:35 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-66/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>О важности хорошей формулировки в интерфейсе. Показываю историю о том, как Эпл пытался спросить у человека, цветной ли у него телевизор. Казалось бы, простой вопрос. Но отвечать на него правильно стали только после нескольких изменений формулировки. 10 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/-6LaXViTWzc?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 66 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 декабря 2021 года</p> <p>До 20 мая идёт запись на курс, который пройдёт с 21 мая по 19 июня</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125123 https://ilyabirman.ru/meanwhile/all/ui-course-frag-52/ Fri, 05 Nov 2021 23:20:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-52/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Смотрим форму одной из участниц курса. Сначала настраиваем расстояния между полями, чтобы избежать неприятных графических эффектов и показать смысловую связь. Потом сокращаем разные длинные формулировки, чтобы пользователи их прочитали. 6 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/hPGiFsdTKa8?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 52 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2021 года.</p> <p>До 7 ноября идёт запись на курс, который пройдёт с 13 ноября по 12 декабря.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125126 https://ilyabirman.ru/meanwhile/all/ui-course-frag-49/ Tue, 26 Oct 2021 14:32:36 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-49/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>В домашке у участницы курса — текст на полях формы. Он длинный, его никто не прочитает. Редактируем — и вдруг приходим к тому, что чекбокс на форме надо поменять на радиокнопки. История о силе редактуры в дизайне интерфейса. 4 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/H3UvwkQH8_o?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 49 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 марта 2021 года.</p> <p>До 7 ноября идёт запись на курс, который пройдёт с 13 ноября по 12 декабря.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125162 https://ilyabirman.ru/meanwhile/all/ui-course-frag-11/ Fri, 28 Aug 2020 12:33:37 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-11/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Фрагмент № 11 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/how0mkG7ui4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 00:00 Из-за чего форма кажется сложной<br /> 02:05 Синтаксис и длина элемента интерфейса «Добавить ещё почту или телефон?»<br /> 07:40 Вместо отключенных полей — настоящую карту<br /> 08:55 «Платёжный шлюз». Чиним язык роботов<br /> </p> </div> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125166 https://ilyabirman.ru/meanwhile/all/ui-course-frag-7/ Thu, 09 Jul 2020 10:48:43 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-7/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Фрагмент № 7 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/1DdsndXWHSE?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p>