https://blogengine.ru/blogs/tags/tablicy/ Автоматически собираемая лента заметок, написанных в блогах на Эгее ru Aegea 11.0 (v4079e) Автоматически собираемая лента заметок, написанных в блогах на Эгее no 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> 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> 127125 https://ilyabirman.ru/meanwhile/all/ui-course-frag-142/ Wed, 03 Apr 2024 12:06:22 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-142/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участник курса говорит, что мол со статическими-то таблицами всё ясно, а как дизайнить динамически, с переменными данными? А я говорю, что и со статическими в начале сложностей хватает, а потом показываю несколько соображений, касающихся динамических. 5 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/tOiNW_F_PH4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 142 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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> 125044 https://ilyabirman.ru/meanwhile/all/ui-course-frag-131/ Thu, 21 Dec 2023 13:47:59 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-131/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассказываю на курсе, что моноширинные цифры нужны в таблицах и в случае динамических данных, показываю примеры. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/2PC5L3tv6fA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 131 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 сентября 2023 года.</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> 123251 https://ilyabirman.ru/meanwhile/all/ui-course-frag-117/ Fri, 29 Sep 2023 19:46:40 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-117/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Что делать, если без горизонтальной прокрутки таблица не влезает? Может быть, всё-таки упихнуть. Может быть, дать частичную прокрутку, чтобы нужные вещи оставались в поле зрения. 4 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/PBzl0pIUqk0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 117 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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> 122857 https://ilyabirman.ru/meanwhile/all/ui-course-frag-113/ Mon, 04 Sep 2023 19:40:38 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-113/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассказываю, почему, на мой взгляд, шапку таблицы лучше сделать жирной, а не бледной. Заодно упоминаю головохвостую табличную терминологию Мильчина. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/ZDvDnJ1HSP0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 113 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 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> 122526 https://ilyabirman.ru/meanwhile/all/ui-course-frag-112/ Tue, 22 Aug 2023 22:38:52 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-112/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Показываю на кусочке, как можно было бы сверстать таблицу с диапазоном и числами, данными с разной точностью. 8 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/zSJijCINU58?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 112 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.</p> <p>До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122302 https://ilyabirman.ru/meanwhile/all/ui-course-frag-111/ Sat, 12 Aug 2023 11:35:57 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-111/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Небольшой кусочек, где я говорю, почему круговые диаграммы мешают въехать в данные, и почему тут нужна обычная таблица. 3 минуты:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/wJJdSn4Vk-Q?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 111 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.</p> <p>До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября. Сейчас действует скидка 10% из-за ранней записи.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 119459 https://ilyabirman.ru/meanwhile/all/ui-course-frag-102/ Sat, 20 May 2023 12:17:06 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-102/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Снова борюсь с заблуждением, что цифры надо выравнивать по правому краю. Цифры надо выравнивать по разрядам! Если у них в результате этого сравняются правые края — ну хорошо, но это побочный эффект, а не самоцель. А то, что все любят выравнивать по правому — так это потому что так быстрее напрограммировать. 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/QyHEWiMR_0A?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 102 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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> 122349 https://ilyabirman.ru/meanwhile/all/ui-course-frag-94/ Sat, 04 Mar 2023 23:03:15 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-94/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Рассуждаю о том, когда нужна визуализация, а когда достаточно просто таблички. Вообще об этом на курсе есть лекция «Выбор формата», но тут к слову пришлось заранее. 5 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/8986vOikHRk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 94 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 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> 122367 https://ilyabirman.ru/meanwhile/all/ui-course-frag-71/ Wed, 24 Aug 2022 11:06:02 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-71/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Запрещаю выравнивание по центру, и из-за этого части таблицы начинают хуже разделяться визуально. Как же это починить? Для этого нам понадобится теория близости! 3 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/TAg6cnGIsh4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 71 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 февраля 2022 года.</p> <p>До 23 сентября идёт запись на курс, который пройдёт с 24 сентября по 23 октября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122368 https://ilyabirman.ru/meanwhile/all/ui-course-frag-70/ Tue, 16 Aug 2022 16:40:34 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-70/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>У таблицы есть примечание, относящееся к конкретной строке. Значит надо его перенести прямо к этой строке. Но дальше происходит чудо: благодаря тому, что оно дано в контексте, половину слов из него можно убрать, ведь они ясны из контекста! Заодно два слова про легенды и подписи на схемах. 4 минутки:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/Zphn9ixcd0U?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 70 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 4 февраля 2022 года.</p> <p>До 23 сентября идёт запись на курс, который пройдёт с 24 сентября по 23 октября.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 124090 https://ilyabirman.ru/meanwhile/all/ui-course-frag-65/ Mon, 02 May 2022 13:18:05 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-65/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Обсуждаем, как многократно повысить информативность таблицы, добавив спарклайны. Добавляем им интерактивности. Смотрим на примеры у Тафти. 7 минут:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/oz571oi6w24?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 0:00 Просто спарклайны<br /> 2:49 Живые спарклайны<br /> 5:10 Тафти про спарклайны<br /> </p> </div> <p>Это фрагмент № 65 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 26 ноября 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> 121629 https://ilyabirman.ru/meanwhile/all/budapest-palyaudvarok/ Fri, 12 Nov 2021 13:45:55 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/budapest-palyaudvarok/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Пока в сентябре был в Будапеште, заглянул на вокзалы. И вспомнил, что в прошлую поездку тоже заглядывал. Вот чего наглядел суммарно.</p> <p>Восточный вокзал сразу радует типографикой в духе «Отеля Гранд Будапешт»:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_4316.jpg" width="1200" height="800" alt="" /> </div> <p>Просто глаз не оторвать:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0106.jpg" width="1200" height="800" alt="" /> </div> <p>Красота:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0103.jpg" width="1200" height="800" alt="" /> </div> <p>И такую табличку я домой бы утащил:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0117.jpg" width="1200" height="800" alt="" /> </div> <p>Обожаю маркировку вагонов:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0101.jpg" width="1200" height="800" alt="" /> </div> <p>Понятия не имею, что это всё значит, и зачем так много разных обозначений, но выглядит это всё прекрасно:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0105.jpg" width="1200" height="800" alt="" /> </div> <p>На товарных вагонах ещё интереснее бывает.</p> <p>Ещё милые иконочки. Цепочка вот:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_4320.jpg" width="1200" height="800" alt="" /> </div> <p>Венгерский вайфай. Ну и цифры, посмотрите на эти цифры 11-78! Хочу такой прекрасно-уродский шрифт себе:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_4318.jpg" width="1200" height="800" alt="" /> </div> <p>Русские локомотивы, что вам мешает выглядеть так?</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0109.jpg" width="1200" height="800" alt="" /> </div> <p>На входе табло с расписанием. К сожалению, чем современнее публичный экран, тем сложнее его сфоткать на фотик, получается суперглючно:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0097.jpg" width="1200" height="800" alt="" /> </div> <p>Обычно Айфон с таким лучше справляется, но тут и на Айфоне глючит. Правда, что интересно, белые части остаются видны хорошо:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_4317.jpg" width="1200" height="800" alt="" /> </div> <p>Южный вокзал — максимальный совок:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0256.jpg" width="1200" height="800" alt="" /> </div> <p>Зато табло тут фотогеничное:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0257.jpg" width="1200" height="800" alt="" /> </div> <p>Это фотка из 2017-го:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_8895.jpg" width="1200" height="800" alt="" /> </div> <p>Навигация:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0251.jpg" width="1200" height="800" alt="" /> </div> <p>Висят бумажные расписания:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0252.jpg" width="1200" height="800" alt="" /> </div> <p>Всё <a href="https://ilyabirman.ru/meanwhile/all/berlin-railroad/">в немецкой традиции</a>: жёлтые отправления, белые прибытия. Но нарисовано по-колхозному:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0253.jpg" width="1200" height="800" alt="" /> </div> <p>Жирные линии, слипшиеся иконки, отцентрованный текст:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-DSCF0249.jpg" width="1200" height="800" alt="" /> </div> <p>Из 2017-го года у меня есть ещё вот такая фотка отсюда же:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_8894.jpg" width="800" height="1200" alt="" /> </div> <p>Интересно, что на ней есть красный заголовок, набранный другим шрифтом, и сразу становится в сто раз круче. Появляется характерная венгерскость, и уже не «колхоз», а «самобытность». Прям жалко, что в более поздних редакциях это потеряли, а ничего нового не приобрели.</p> <p>Самое нелепое в Южном вокзале — это то, что его центральный вход (выход?) обращён к полуподземной площади, вокруг которой эстакады и из которой некуда идти. Фото из 2017:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_8896.jpg" width="1200" height="800" alt="" /> </div> <p>Ну и ещё из 2017 пара фото Западного вокзала. Клёвое остекление:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_8861.jpg" width="1200" height="800" alt="" /> </div> <p>Билетоматы:</p> <div class="e2-text-picture"> <img src="https://ilyabirman.ru/meanwhile/pictures/budapest-IMG_8863.jpg" width="1200" height="800" alt="" /> </div> <p>Фотографии из поездок в январt 2017 и сентябре 2021 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Будапешт!</p> <p>Ещё про Будапешт:</p> <ul> <li><a href="https://ilyabirman.ru/meanwhile/all/budapest/">2015</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/budapest-2016/">2016</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/budapest-2017/">2017</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/budapest-kerepesi/">Кладбище Керепеши</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/suomi-magyar/">Финский и венгерский</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/sensum-budapest/">Знаки мероприятий «Сенсума» и метро Будапешта</a></li> <li><a href="https://ilyabirman.ru/meanwhile/all/budapest-metro-voice-announcements/">Голосовые объявления в метро и трамваях Будапешта</a></li> </ul> 125135 https://ilyabirman.ru/meanwhile/all/ui-course-frag-39/ Tue, 22 Jun 2021 20:00:00 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-39/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Участник курса спрашивает о том, как подходить к дизайну таблиц для всяких админок и внутренних сервисов, где содержимое в общем случае может быть каким угодно. Я отвечаю в двух частях. Во-первых о том, что нет причин считать таблицы «для админки» особенными, и все принципы в них так же применимы, как в любых других таблицах. А во-вторых, о том, какие сложности добавляются в динамических таблицах, содержимое которых заранее неизвестно, и как их можно преодолевать:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/MgwYwu3wkk4?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 00:00 Вопрос участника о дизайне таблиц<br /> 02:30 Идеологический ответ: в «админках» нужны хорошие таблицы, как везде<br /> 04:35 Практический ответ: о ценностях «универсального» дизайна, спасительных колонках и чересполосице<br /> </p> </div> <p>Это фрагмент № 39 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 декабря 2020 года.</p> <p>До 27 июня идёт запись на курс, который пройдёт с 3 июля по 1 августа.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125140 https://ilyabirman.ru/meanwhile/all/ui-course-frag-34/ Sat, 10 Apr 2021 15:43:46 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-34/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Переход от таблицы к графику или другой визуализации может помочь увидеть в данных скрытые закономерности. Но когда данные нужно просто быстро видеть и сравнивать, таблица удобнее:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/u682Zi8_FBk?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Это фрагмент № 34 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 25 ноября 2020 года.</p> <p>До 2 мая идёт запись на курс, который пройдёт с 8 мая по 6 июня.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 122346 https://ilyabirman.ru/meanwhile/all/ui-course-frag-29/ Tue, 09 Feb 2021 16:57:09 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-29/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Разбираем пример участницы, где используется круговая диаграмма. Как инструмент представления информации она совершенно бестолкова, зато выглядит привлекательно. А под ней — табличка, чтобы можно было сравнить. Норм решение. Покажите дизайнерам:</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/N2LINRApqmg?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 00:00 Вопрос участницы<br /> 00:44 Что нас интересует на курсе о представлении информации? Для красивого скриншота в апсторе может быть надо другое<br /> 04:34 Как решить обе задачи сразу. Хорошо, что не надо ничего переключать<br /> </p> </div> <p>Это фрагмент № 29 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 14 октября 2020 года.</p> <p>До 7 марта идёт запись на курс, который пройдёт с 13 марта по 9 апреля:</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125160 https://ilyabirman.ru/meanwhile/all/ui-course-frag-13/ Wed, 09 Sep 2020 13:21:34 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-13/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Фрагмент № 13 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 31 июля 2020 года. Покажите дизайнерам.</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/29GAdT6dXBA?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 00:00 Боковик — по левому краю<br /> 00:36 Что не так с дизайном такой таблицы для этих данных. Убираем мусор — таблица разваливается. Плохой признак!<br /> 02:59 Упаковываем элементы вокруг таблицы внутрь самой таблицы<br /> 04:12 Подписываем элементы ячейки на примере одной из ячеек, а не отдельно<br /> 07:04 Как правильно забледнять чёрный на цветном фоне. Хуже всего делать серый, чуть лучше — прозрачный, ещё лучше — подкрашенный прозрачный.<br /> </p> </div> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125163 https://ilyabirman.ru/meanwhile/all/ui-course-frag-10/ Sun, 09 Aug 2020 12:30:22 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-10/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Фрагмент № 10 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/mE0pZIVgJLE?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> </div> <p>Здесь про то, что в таблице можно поставить что угодно куда угодно, если так надо для передачи сообщения.</p> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p> 125165 https://ilyabirman.ru/meanwhile/all/ui-course-frag-8/ Thu, 09 Jul 2020 11:09:11 +0500 Илья Бирман https://ilyabirman.ru/meanwhile/all/ui-course-frag-8/ <p><a href="https://ilyabirman.ru/meanwhile/">Илья Бирман</a>:</p> <p>Фрагмент № 8 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.</p> <div class="e2-text-video"> <iframe src="https://www.youtube.com/embed/IvzDUzH-Sk0?enablejsapi=1" allow="autoplay" frameborder="0" allowfullscreen></iframe> <p> 0:00 Фокус в таблице: залезаю заголовком одной колонки на территорию другой, чтобы всё компактнее уместилось<br /> 2:08 Пример вёрстки с переносом наверх их карманного словаря<br /> </p> </div> <p><a href="http://bureau.ru/educenter/ui-online/" class="button buy-button big-button">Почитать о курсе</a></p> <p class="foot">Программа, отзывы, запись</p>