https://blogengine.me/blogs/tags/veb-formy/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 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> 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> 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> 132942 https://ilyabirman.ru/meanwhile/all/ui-course-frag-156/ Tue, 26 Nov 2024 16:40:54 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-156/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем соотношения размеров полей и текста в них, а также расположение и вид главной кнопки формы. 8 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/5gxBJOV4yzA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Также есть <a href="https://vk.com/video286049442_456239441">на ВК-видео</a>.</p> <p>Это фрагмент № 156 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 ноября 2023 года.</p> <p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −10% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 132716 https://ilyabirman.ru/meanwhile/all/ui-course-frag-154/ Thu, 14 Nov 2024 12:21:04 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-154/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем интерфейс ввода адреса в форме. Получилось слишком сложно: от пользователя требуется огромная внимательность при заполнении. Смотрим на золотой стандарт: поле поиска по всему интернету. 4 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/YIwCjtdp5Y4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Также есть <a href="https://vk.com/video286049442_456239437">на ВК-видео</a>.</p> <p>Это фрагмент № 154 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 17 ноября 2023 года.</p> <p>Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −20% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 127180 https://ilyabirman.ru/meanwhile/all/ui-course-frag-143/ Mon, 08 Apr 2024 15:26:18 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-143/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участница поставила пару необязательных элементов формы под главную кнопку, да ещё и сказала, что «вынесла за скобку». Я, во-первых, говорю, что вынесение за скобку тут ни при чём, и напоминаю, что значит этот термин; а во-вторых, объясняю, почему не надо так элементы формы ставить. Две минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/VlEbVJGgGXw?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 143 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 октября 2023 года.</p> <p>До 19 апреля идёт запись на курс, который пройдёт с 20 апреля по 19 мая. Сейчас −10% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125853 https://ilyabirman.ru/meanwhile/all/ui-course-frag-136/ Mon, 12 Feb 2024 14:57:38 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-136/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 2 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/qh5BmDJ48yI?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 136 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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> 124959 https://ilyabirman.ru/meanwhile/all/ui-course-frag-130/ Fri, 15 Dec 2023 20:09:26 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-130/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё. А потом ещё показываю, как это же работает в Эгее. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ublwi2BmrH0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 130 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.</p> <p>Книга: <a href="http://bureau.ru/projects/book-ui/" class="nu">«<u>Пользовательский интерфейс</u>»</a></p> <p>До 22 декабря идёт запись на курс, который пройдёт с 23 декабря по 21 января.</p> <p>Дед Мороз принесёт вам мешок новых знаний!</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</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> 123271 https://ilyabirman.ru/meanwhile/all/ui-course-frag-118/ Mon, 02 Oct 2023 00:09:31 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-118/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Всё начинается с вопроса участницы о том, как быть с формами, где много обязательных и необязательных полей, как их обозначать. А в итоге я показываю интерфейс «Советов», которые я пишу десять лет, и до сих пор ни разу даже не задавался вопросом о том, какие поля там являются обязательными. 11 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/9kB6CfCE0aM?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 118 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 мая 2023 года.</p> <p>До 6 октября идёт запись на курс, который пройдёт с 7 октября по 5 ноября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 121835 https://ilyabirman.ru/meanwhile/all/ui-course-frag-108/ Sat, 22 Jul 2023 21:44:53 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-108/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем дизайн формы: кирпичная кладка, расположение финальной кнопки, непоследовательность в изображении элементов. Чем отличается исключительный и неисключительный выбор. Почему знак рубля не надо делать побледнее. 9 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/9RUUtqehkyU?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 108 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.</p> <p>До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября. Сейчас действует скидка 30% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 120044 https://ilyabirman.ru/meanwhile/all/ui-course-frag-104/ Mon, 05 Jun 2023 14:20:17 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-104/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов, и про инфомусор, и про расположение подписей полей, и про размеры полей, и про разделение на шаги. Целых 15 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/dqnYrhXSMms?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 104 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 декабря 2022 года.</p> <p>До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 119617 https://ilyabirman.ru/meanwhile/all/ui-course-frag-103/ Thu, 25 May 2023 15:09:01 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-103/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассказываю, почему не стоит ставить плейсхолдеры в каждое поле формы. Привожу аналогию с иконками возле каждого пункта меню. 2 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/b4NPKYiT9n4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 103 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 декабря 2022 года.</p> <p>До 26 мая идёт запись на курс, который пройдёт с 27 мая по 25 июня.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 119271 https://ilyabirman.ru/meanwhile/all/ui-course-frag-100/ Wed, 10 May 2023 19:40:21 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-100/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны. Это может повлиять на решение. Заодно показываю, как очеловечить, упростить и переверстать форму. 8 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/yTIrl1jnEHU?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 100 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 декабря 2022 года.</p> <p>До 26 мая идёт запись на курс, который пройдёт с 27 мая по 25 июня.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 119217 https://ilyabirman.ru/meanwhile/all/empty-required-no-error/ Tue, 09 May 2023 01:07:37 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/empty-required-no-error/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле. И мы ему говорим: «Ошибка! Заполни вот тут и вот тут».</p> <p>Но ведь это противоречит принципу человечности. В чём ошибка-то вообще? Кто сказал, что человек что-то нам должен делать определённым образом? Он и так что-то нам сказал, постарался. Если нам надо знать больше, мы ж можем просто спокойно переспросить, не ругаясь и не крася ничего красным.</p> <p>То есть самая идея, что есть какое-то <i>поле</i>, и оно может быть <i>обязательным</i> — совершенно не из мира людей. А в мире людей — «Нам бы ещё ваш номер, чтобы прислать уведомление, когда будет готово».</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> 125173 https://ilyabirman.ru/meanwhile/all/ui-course-frag-85/ Sat, 07 Jan 2023 02:01:25 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-85/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем дизайн формы. Во-первых, убираем центровку, чтобы стало выглядеть нормально. Во-вторых, наводим порядок со смыслом элементов управления. В-третьих, вспоминаем про теорию близости. А под конец у меня ломается Фотошоп. Но суть всё равно понятна. 5 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/DnTeUK1OqLQ?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 85 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.</p> <p>До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125174 https://ilyabirman.ru/meanwhile/all/ui-course-frag-84/ Sun, 25 Dec 2022 15:35:49 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-84/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Комментирую дизайн. Элементы прыгают между соседними экранами. Кнопки кажутся задизейбленными. Непонятен сценарий регистрации. И потом долго обсуждаем, как назвать кнопки. А ещё из-за звёздочек невозможно убедиться, что в телефоне нет ошибки. 11 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/phraobT9Ufk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 84 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.</p> <p>До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122364 https://ilyabirman.ru/meanwhile/all/ui-course-frag-74/ Wed, 26 Oct 2022 18:54:54 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-74/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участница курса сделала форму, но не даёт заполнять её поля в том порядке, в котором я хочу. Я объясняю, что так нельзя, даже если это и оправдано сценарием, потому что это нарушает базовые ожидания человека от «физического мира» интерфейса. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/aLETIvOafg0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 74 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 февраля 2022 года.</p> <p>До 28 октября идёт запись на курс, который пройдёт с 29 октября по 27 ноября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p>