https://blogengine.ru/blogs/tags/fragmenty-kursa-pi/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 137773 https://ilyabirman.ru/meanwhile/all/ui-course-frag-191/ Fri, 30 Jan 2026 02:06:31 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-191/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Любопытный фрагмент семинара, где мы разбираем сложную штуку в интерфейсе выбора адреса, если что-то не находится. Как помочь человеку ввести адрес, если что-то пошло не так? Разбираем там едва уловимое ощущение, что в интерфейсе происходит «что-то странное». 11 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/EdfE1-DSFL4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 191 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 26 апреля 2024 года.</p> <p>Открыта запись на курс, который пройдёт 31 января — 1 марта.</p> <p><a href="https://bureau.ru/courses/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137681 https://ilyabirman.ru/meanwhile/all/ui-course-frag-183/ Tue, 07 Oct 2025 15:09:07 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-183/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>В интерфейсе участницы курса я заметил, что список выбранных окон встречается в двух местах в разной роли. Сразу же приходит в голову использовать его в одном месте в обоих смыслах. Ну и это вообще рабочий ход мысли на все случаи жизни. 4 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/laiarbyW__Y?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 183 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.</p> <p>Открыта запись на курс, который пройдёт 8 ноября — 7 декабря. Сейчас −30% из-за ранней записи, а в рассрочку вообще получается 5530 ₽ / мес.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137680 https://ilyabirman.ru/meanwhile/all/ui-course-frag-182/ Wed, 01 Oct 2025 19:47:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-182/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Быстренько фотошоплю форму заказа. Тут чуть пододвинул, там перенёс, здесь убрал лишнее — и хоп, стало в полтора раза короче без ущерба для смысла. 8 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ni3Hn1Mj9tw?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 182 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 29 марта 2024 года.</p> <p>Открыта запись на курс, который пройдёт 4 октября — 2 ноября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137579 https://ilyabirman.ru/meanwhile/all/ui-course-frag-180/ Sat, 27 Sep 2025 03:10:14 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-180/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участница курса спрашивает, как найти грань, после которой длинную форму пора переделать на пошаговую. А я отвечаю уклончиво и философско. 6 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/XY6DONMlpUo?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 180 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 29 марта 2024 года.</p> <p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137460 https://ilyabirman.ru/meanwhile/all/ui-course-frag-179/ Tue, 16 Sep 2025 14:51:53 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-179/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участница курса говорит, что ей хотелось добавить экран для проверки и исправления ошибки. Объясняю, почему в хорошем интерфейсе так делать не надо. 4 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ftiQbv2dNYE?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я рассуждаю о соблазне вставить в интерфейс специальный экран подтверждения: мол, пользователь загрузил документ (например, СНИЛС), и теперь давайте попросим его перепроверить, всё ли он сделал правильно. Но такие экраны, как правило, не работают: если человек сам не заинтересован в проверке, он просто нажмёт „ОК“ и пойдёт дальше. А если заинтересован — он и без нас перепроверит. Мы не ведомство, которое может заставить. Поэтому лучше не навязывать действия, а встроить обратную связь прямо в рабочий процесс. Например, при съёмке паспорта сразу показать, какие поля распознаны, какие — нет. Или, если документ загружен, но с ошибками, — пометить его где-нибудь в списке. Тогда пользователь сам решит, хочет ли он в это вникать. Главное — не мешать и не бесить, а деликатно держать в курсе»</p> <p>Это фрагмент № 179 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.</p> <p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября. Сейчас −10% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137284 https://ilyabirman.ru/meanwhile/all/ui-course-frag-178/ Tue, 02 Sep 2025 22:51:36 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-178/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем кусок интерфейса конструктора окон, где у каждой детали иконочка i с информацией о том, на сколько эта деталь увеличивает сроки изготовления. Объясняю, почему так лучше не делать, и как делать. 5 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/bId3ORgHipo?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В интерфейсе конструктора окон пользователь меняет параметры — например, количество створок или тип открывания — и при этом меняется срок изготовления. Это важно объяснить, но не так, чтобы мешать. В предложенном варианте для пояснений используются всплывающие подсказки на иконках: нужно навести, подождать, прочитать — и так для каждого параметра. Но если человек хочет быстро сравнить разные конфигурации, такой способ превращается в пытку. Вместо этого лучше показывать итоговую смету — список параметров, цен и сроков — в отдельной разворачивающейся панели. Она не мешает собирать окно, но позволяет понять, что и на что влияет»</p> <p>Это фрагмент № 178 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.</p> <p>Открыли запись на курс, который пройдёт 4 октября — 2 ноября. Сейчас −30% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 137244 https://ilyabirman.ru/meanwhile/all/ui-course-frag-177/ Thu, 28 Aug 2025 14:59:20 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-177/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Почему пошаговость кажется упрощением дизайнерам, но пользователям усложняет жизнь. 2 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/UNctbi4hCCk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ неплохо сформулировал от моего лица: «В этом фрагменте я говорю о проблеме, когда интерфейс делится на несколько шагов, хотя настраиваемые параметры зависят друг от друга. В случае с пластиковыми окнами — способ открывания, количество створок и расположение ручки — это части одной системы. Разрывать их на отдельные экраны значит лишать пользователя возможности видеть целостную картину. Настройка теряет наглядность, а пользователь не понимает, что именно он в итоге выбрал. Такие параметры лучше показывать вместе — на одном экране»</p> <p>Это фрагмент № 177 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.</p> <p>Заканчивается запись на курс, который пройдёт 30 августа — 28 сентября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 136869 https://ilyabirman.ru/meanwhile/all/ui-course-frag-176/ Sat, 26 Jul 2025 12:24:38 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-176/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>В интерфейсах бывает, что дизайнеры хотят что-то сказать пользователю, и «говорят» это в подписях элементов интерфейсов в нарушение синтаксиса. В итоге пользователю вообще ни черта непонятно. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/dlnCTOPoov4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что элементы интерфейса работают по правилам — у каждого свой „синтаксис“ и ожидаемое поведение. Если, например, внутри выпадающего списка вместо значения написать подсказку вроде „требуется замер“, это будет сбивать с толку: пользователь ожидает увидеть там варианты выбора, а не комментарии. То же самое с кнопками — на них должен быть глагол действия („Оплатить“), а не призыв что-то ввести в другом месте. Когда элементы начинают вести себя не по правилам, интерфейс становится непредсказуемым и мешает пользователю».</p> <p>Это фрагмент № 176 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.</p> <p>Идёт запись на курс, который пройдёт 30 августа — 28 сентября. Сейчас −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 136667 https://ilyabirman.ru/meanwhile/all/ui-course-frag-175/ Wed, 09 Jul 2025 14:00:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-175/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем форму, которая получилось слишком формальной (да). Сначала говорю о том, что в предметную область нужно вникать, а потом разбираю конкретные проблемы в получившемся интерфейсе. 8 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/NqKDGROn8AQ?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 0:00 Проблема в подходе<br /> 2:20 Проблема в интерфейсе<br /> </p> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что просто аккуратно разместить интерфейсные элементы недостаточно. Если ты проектируешь, скажем, калькулятор стоимости пластиковых окон, но не разбираешься, как эти окна устроены, какие бывают размеры, какие есть стандарты и особенности, — ты вряд ли сделаешь по-настоящему полезный интерфейс. Дизайнер обязан вникнуть в предметную область, а не просто переводить список из брифа в радиокнопки. Только поняв, что именно нужно пользователю, и в каком виде это показать, можно предложить решение, которое действительно работает».</p> <p>Это фрагмент № 175 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.</p> <p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −10%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 136415 https://ilyabirman.ru/meanwhile/all/ui-course-frag-174/ Thu, 26 Jun 2025 17:25:48 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-174/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды.  10 минут с Фотошопом в руках:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/aV65V1H4w3I?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет Эпла, накладываю на него свою версию и начинаю дотягивать по отступам, размерам, плотности текста, цвету, логике выравнивания. Иногда в процессе выясняется, что что-то у меня „не так“, хотя я даже не сразу понимаю, почему — просто на фоне оригинала моя версия выглядит неритмичной, рыхлой или слишком жирной. И вот через эту кропотливую механику выравнивания и подгонки приходит понимание: как устроена композиция, какие отступы считаются нормой, где оси выравнивания, как работает цвет и что именно делает оригинал „живым“».</p> <p>Это фрагмент № 174 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −20%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 136226 https://ilyabirman.ru/meanwhile/all/ui-course-frag-173/ Sun, 08 Jun 2025 22:07:48 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-173/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Сначала увеличиваем на виджете кружок, глядя на системный виджет часов, а потом ещё экспериментируем с иконкой внутри. 10 минут с Фотошопом в руках:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/EaSKacTWobU?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я говорю о важности сверки с системными образцами. Когда рисуешь свой виджет или иконку, нужно не полагаться на глазомер, а прямо ставить рядом аналогичный элемент из интерфейса iOS — и сравнивать отступы, размеры, пропорции. Если делаешь по-другому, на это должна быть причина, а не просто „так получилось“. Часто именно мелкие отклонения по расстояниям, толщине линий или соотношению элементов делают макет „туповатым“ — словно он из другой системы. Чтобы избежать этого, полезно брать за ориентир реальные компоненты и адаптировать свой дизайн под их язык».</p> <p>Это фрагмент № 173 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас аж −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 136020 https://ilyabirman.ru/meanwhile/all/ui-course-frag-172/ Fri, 30 May 2025 13:22:25 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-172/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассказываю, почему в информационной графике цветные линии не должны быть тонкими, по крайней мере, если их цвет несёт смысловую нагрузку. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/Oz3A44Em8ms?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что цвет в интерфейсе должен передаваться через достаточно заметный носитель. Если делать очень тонкие линии, как в легендах или диаграммах, цвет в них сложно воспринимается — он теряется. Можно попробовать утолщать линии, но тогда они начинают мешать и выглядеть громоздко. Поэтому, если уже нужна цветовая маркировка, лучше использовать её там, где она имеет дополнительную функцию — например, покрасить сам текст, иконку или фон. Так цвет работает не сам по себе, а усиливает другой элемент.»</p> <p>Это фрагмент № 172 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас аж −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 135735 https://ilyabirman.ru/meanwhile/all/ui-course-frag-171/ Sat, 03 May 2025 12:26:42 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-171/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участница курса сделала аккуратную таблицу, но я призываю собрать её ещё плотнее, показываю какие-то примеры. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/0F-zmFtcWwI?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «Я говорил тут о том, как важна плотная, аккуратная верстка — особенно в табличных интерфейсах. Когда всё собрано в чёткий прямоугольник, без лишних отступов и дыр, возникает ощущение порядка и профессионализма. Сначала даже полезно сделать „вакуумную упаковку“ — максимально компактно, а потом при необходимости чуть расслабить. Гораздо хуже, когда изначально всё рассыпано: большие отступы, огромные кнопки, как в мобильных интерфейсах, не адаптированных под десктоп. В итоге на экране много воздуха, мало смысла, и никакой пользы от большого разрешения. Интерфейс без дыр — как костюм по фигуре».</p> <p>Это фрагмент № 171 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 24 мая — 22 июня. Сейчас −20% из-за ранней записи. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 135681 https://ilyabirman.ru/meanwhile/all/ui-course-frag-170/ Sat, 26 Apr 2025 14:37:07 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-170/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Небольшой кусочек про подачу дизайна. Нельзя просто раскидать куски интерфейса и рассчитывать, что зритель разберётся. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/mlqnrYCBqr0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что важно не только сделать сам макет, но и аккуратно оформить его подачу. Когда макеты размещены на холсте без структуры, без фона или явных границ экранов, человеку трудно понять, где что начинается и заканчивается. Из-за длинных комментариев и отсутствия визуального порядка макет превращается в хаотичную кашу. Чтобы этого избежать, нужно заранее подумать о подаче: размещать экраны линейно, добавлять подписи, отделять макеты от комментариев визуально — например, фоном или цветом. Хорошая подача помогает быстрее понять работу и показывает уважение к зрителю».</p> <p>Это фрагмент № 170 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 24 мая — 22 июня. Сейчас −20% из-за ранней записи. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 135680 https://ilyabirman.ru/meanwhile/all/ui-course-frag-169/ Sat, 19 Apr 2025 17:50:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-169/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Небольшой кусочек про то, как полю недостаёт контекста, чтобы выглядеть как поле. 1 минутка:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/hpnt4JyiU2o?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>ЧатГПТ от моего лица: «В этом фрагменте я говорю о важности визуальной ясности и связи элементов. Когда пользователь выбирает чекбокс „по-другому“, появляется красный прямоугольник — но он выглядит как ошибка, а не как активное поле для ввода. У него нет ни подписи, ни визуальных признаков, что это вообще поле. Оно находится далеко от чекбокса, не связано с ним ни логически, ни визуально».</p> <p>Это фрагмент № 169 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 24 мая — 22 июня. Сейчас −30% из-за ранней записи. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 135569 https://ilyabirman.ru/meanwhile/all/ui-course-frag-168/ Tue, 15 Apr 2025 13:12:52 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-168/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Смотрим на интерфейс добавления документа, где по легенде системе нужно время на его распознавание. Обсуждаем, как сделать, чтобы всё казалось быстрым. 7 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ax1BrxWlcOw?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 168 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 февраля 2024 года.</p> <p>Идёт запись на курс, который пройдёт 24 мая — 22 июня. Сейчас −30% из-за ранней записи. Недавно обновились несколько лекций и добавилась новая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 135437 https://ilyabirman.ru/meanwhile/all/ui-course-frag-167/ Thu, 03 Apr 2025 23:27:42 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-167/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем очень опрятный экран, в котором много проблем, незаметных из-за опрятности. Потом говорим другой опрятный экран, где есть сторис. Я комментирую их эффективность в приложении по оплате коммуналки и исследования, которые ничего не доказывают. 15 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/V5StnSF_7sc?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 167 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 января 2024 года.</p> <p>Идёт запись на курс, который пройдёт 5 апреля — 4 мая.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 134902 https://ilyabirman.ru/meanwhile/all/ui-course-frag-166/ Thu, 27 Feb 2025 18:46:06 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-166/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем интерфейс заказа кастомной пиццы. Формально логичное описание «Только наш соус» создаёт впечатление, что вместо пиццы пришлют лепешку. А картинка из двух разных половинок вносит путаницу несоответствием с выбором ниже. Как сделать изначальное состояние, когда на лепёшку не добавлено ни одного ингредиента? Смотрим на пример из лекции «Взгляд новичка». 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/GLfjVm4Douk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 166 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 января 2024 года.</p> <p>Идёт запись на курс, который пройдёт 1—30 марта.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 134811 https://ilyabirman.ru/meanwhile/all/ui-course-frag-165/ Sun, 23 Feb 2025 23:09:32 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-165/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обычно я публикую кусочки курса, где я что-то говорю про работы участников или отвечаю на вопросы, но тут я оставил исходную презентацию целиком. Потому что любо-дорого смотреть и слушать! Интерфейс автоматической кассы в супермаркете — очень красивый и с полезной развлекухой в конце. 14 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/uCssgVrDCqM?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 0:00 Никита рассказывает про свой интерфейс<br /> 8:40 Я комментирую<br /> </p> </div> <p>Это фрагмент № 165 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 19 января 2024 года.</p> <p>Идёт запись на курс, который пройдёт 1—30 марта.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 134718 https://ilyabirman.ru/meanwhile/all/ui-course-frag-164/ Wed, 19 Feb 2025 20:44:15 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-164/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем виджет умного дома. Я увлекаюсь рисованием иконок стиралки и посудомойки, а потом говорим про всё остальное. 23 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/AebU9xyd-QI?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 0:00 Рисуем иконки стиралки и посудомойки<br /> 6:45 Расставляем их по-другому, подписываем<br /> 11:55 Важность прямоугольности<br /> 13:00 Как показывать примерный остаток времени: лаконичность против взгляда новичка. Как сделать оберег от воров.<br /> 17:22 Какие действия стоит делать кнопками прямо на виджете.<br /> 19:27 Сравниваем круги прогресса стирки и заряда наушников<br /> </p> </div> <p>Это фрагмент № 164 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 12 января 2024 года.</p> <p>Идёт запись на курс, который пройдёт 1—30 марта. Сейчас −10% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p>