https://blogengine.me/blogs/tags/studentam/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 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> 137365 https://ilyabirman.ru/meanwhile/all/nazhmite-knopku-kotoroy-net/ Thu, 11 Sep 2025 13:43:55 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/nazhmite-knopku-kotoroy-net/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассмотрим такой пример:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/press-continue-1@2x.png" width="295" height="278" alt="" /> </div> <p>Здесь нам предлагают нажать кнопку, которой нет. Смешно, но это классика, таких скриншотов у меня несколько из разных продуктов. Иногда это просто кривизна перевода, но часто — как здесь — просто бардак в процессе разработки, когда редакторы, дизайнеры и программисты ничего друг о друге не знают и вообще работают в разных часовых поясах.</p> <p>Как же решить эту проблему? Ну типа, всегда же может случиться ошибка? Это же не специально.</p> <p>А ответ простой: никогда не нужно в интерфейсе призывать нажать на кнопку по её названию. Это само по себе означает дебильный дизайн, даже если всё внимательно проверили и такая кнопка на экране есть.</p> <p>Нахрена объяснять, для чего жать на кнопку? Я что, по названию кнопки не пойму? Чтобы дать доступ, нужно нажать на кнопку «Дать доступ», чтобы продолжить — на кнопку «Продолжить», а чтобы привязать — на кнопку «Привязать». Тут авторы запутались в трёх глаголах, а глагол должен быть в принципе один на это действие. Тогда и проверять его на совпадение с чем-то ещё не придётся.</p> <p>Короче:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/press-continue-2@2x.png" width="295" height="278" alt="" /> </div> 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> 137198 https://ilyabirman.ru/meanwhile/all/studenty-ne-sorevnuytes-v-shutochkah/ Sat, 23 Aug 2025 23:28:06 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/studenty-ne-sorevnuytes-v-shutochkah/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Проверяя работы <a href="https://bureau.ru/school/">в Школе бюро</a>, регулярно сталкиваюсь с тем, что студенты пытаются шутить в макетах шуточки. Может, студенту кажется, что если преподаватель похихикает, то повысит оценку.</p> <p>Во-первых, шуточки дурацкие. То валенки называются «Неваляшка», то логистическая компания вообще «Передаст». Отдельный класс шуточек — попытка передать макетом привет преподателю, типа в описании валенок написать, что они идеальны для похода в Бергхайн, или вообще просто влепить в отзывы на услугу подпись «Бирман рекомендует».</p> <p>Во-вторых, шуточки не имеют отношения к делу. Даже если вам удастся пошутить так, что я обхохочусь, это не поможет получить более высокую оценку. Я оцениваю работу с точки зрения проявленного в ней уровня знаний и внимания к заданию. Отвлекаться мне на шуточки было бы так же непрофессионально, как, скажем, на личные симпатии.</p> <p>Шуточки не только точно не помогут повысить оценку. Шуточки — повод снизить оценку, потому что это свидетельство несерьёзного отношения к заданию. Представьте, что вы клиенту принесли макет, и он понимает, что в суть вы не вникали, а просто угорали там всей командой? Ну а в Школе бюро мы готовим людей к реальной работе, а не к студенческим конкурсам. Пардон, если испортил вайб.</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> 136221 https://ilyabirman.ru/meanwhile/all/ui-study-sponsorship/ Sun, 08 Jun 2025 13:43:59 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-study-sponsorship/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разберём такую задачку.</p> <p>На некоем сайте рекламодатели могут купить размещение своего логотипа в профилях пользователей. Например, условная фирма «Спотифай» хочет как бы стать «спонсором» всех пользователей, которые любят музыку. Если пользователь бесплатный, то назначение такого спонсора — предмет договорённостей сайта и самих спонсоров. А вот платный пользователь может сам выбрать себе спонсора (вдруг ему кто-то напрямую заплатил за размещение своего логотипа) или запретить отображение спонсора вовсе.</p> <p>Нужно сделать интерфейс управления спонсорством в личном кабинете пользователя, заодно показав преимущества платной подписки.</p> <p>Исходный интерфейс работает так. Пока ты бесплатный, ты видишь «навязанного» спонсора и кнопку апгрейда рядом:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-1a@2x.png" width="820" height="400" alt="" /> </div> <p>Если проапгрейдился, то интерфейс становится более развесистым. Можно назначить своего спонсора или удалить спонсора:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-1b@2x.png" width="820" height="420" alt="" /> </div> <p>Типа назначили своего:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-1c@2x.png" width="820" height="420" alt="" /> </div> <p>Чтобы убрать спонсора вообще, жмём Remove sponsor сверху. А круглая стрелочка — это вернуть как было, то есть поставить назначенного «сверху» спонсора, хоть ты и платник.</p> <p>Что здесь не так?</p> <p>Во-первых, интерфейс выглядит запутанно и неэлегантно. Зачем кнопка Remove sponsor, если я могу просто не заполнять спонсора? Или это чем-то отличается? Крутилка тоже непонятная без объяснения. Да и даже если всё понять, всё равно выходит каша из состояний, полный перечень которых неочевиден. Эти все состояния ведь надо ещё запрограммировать. Если я удалю спонсора, то видимо должна будет появиться какая-то кнопка «указать своего спонсора»? Или ремув просто очистит поля?</p> <p>Во-вторых, в интерфейсе очень легко случайно потерять данные. Нажал на крутилку или Remove из любопытства — и твой спонсор, которого ты внимательно заполнял, слетает. Никакого анду нет, а если бы было, то было бы ещё неэлегантнее: ещё больше каких-то полунамёков для переходов между вариантами.</p> <p>В-третьих, кажется, интерфейс не очень хорошо продаёт платную подписку. В исходном состоянии она ярко выделена, но внимание направлено просто на само приглашение к апгрейду, а не на пользе от него. Чтобы врубиться в пользу, нужно прочитать текст. При беглом взгляде вообще не ясно, какая связь между спотифаем и апгрейдом.</p> <p>А вот как можно было бы сделать. Впрямую обозначить доступные варианты спонсорства:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-2a@2x.png" width="820" height="510" alt="" /> </div> <p>Теперь для всех пользователей и состояний конструкция одна и та же: переключатель из трёх вариантов. Вместо того, чтобы догадываться, что апгрейд тебе откроет новые возможности, ты их сразу видишь под замочком. Можно даже нажать, не жалко:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-2b@2x.png" width="820" height="340" alt="" /> </div> <p>Ну а если проапгрейдился — все те же варианты доступны в тех же местах:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/sponsorship-2c@2x.png" width="820" height="510" alt="" /> </div> <p>Можешь заполнить своего спонсора, переключиться в дефолтного или отключить, потом снова вернуться в своего — поля останутся заполненными безо всякого анду.</p> <p>Приходите на мой курс <a href="http://bureau.ru/courses/ui-online/" class="nu">«<u>Пользовательский интерфейс и представление информации</u>»</a>, что ли.</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> 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> 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> 133414 https://ilyabirman.ru/meanwhile/all/ui-course-frag-159/ Mon, 23 Dec 2024 00:53:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-159/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>В интерфейсе участницы курса была форма, в ней поля выбора адреса, а в нём — поле поиска. И она хотела, чтобы значение этого поля использовалось как часть общей формы. Объясняю, почему это не очень удачное решение. 2 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/rMnnM3o_JXo?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Также есть <a href="https://vkvideo.ru/video286049442_456239444">на ВК-видео</a>.</p> <p>Это фрагмент № 159 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.</p> <p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −20% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 133382 https://ilyabirman.ru/meanwhile/all/ui-course-frag-158/ Thu, 19 Dec 2024 21:21:41 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-158/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обращаю внимание на аккуратный общий вид работы одного из участников курса: макеты стоят ровно, подписаны одинаковым стилем. Сразу кажется, что всё хорошо продумано (хотя в реальности может быть и не так). 1 минутка:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/WjHJhh6K7dk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Также есть <a href="https://vkvideo.ru/video286049442_456239443">на ВК-видео</a>.</p> <p>Это фрагмент № 158 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.</p> <p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −30% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 133260 https://ilyabirman.ru/meanwhile/all/ui-course-frag-157/ Sat, 14 Dec 2024 12:36:06 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-157/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем, делать ли втяжку у подчинённых строк в таблице. Я предпочитаю не делать, если получается не делать. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/36V12nuC0kY?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Также есть <a href="https://vkvideo.ru/video286049442_456239442">на ВК-видео</a>.</p> <p>Это фрагмент № 157 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 ноября 2023 года.</p> <p>Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −30% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p>