Бирман обновил свои лекции о пользовательском интерфейсе и представлении информации по темам «Кликабельность», «Прицеливание и закон Фиттса», «Близость и соответствие»

5 марта 2025

Илья Бирман снял новую лекцию «Кликабельность», переосмыслил и переснял лекцию «Прицеливание и закон Фиттса», а также расширил лекцию «Близость» темой «Соответствие». Это лекции по предмету «Пользовательский интерфейс и представление информации». Все они входят в одноимённый практический курс и в дисциплину «Интерфейс и информация» в Школах бюро.

До четверга, 6 марта, до 23:59 мск, экономия 30% при записи на курс «Пользовательский интерфейс и представление информации»

Сейчас открыта запись на курс, который пройдёт с 5 апреля по 4 мая — там уже будут новые лекции.

Лекции будут полезны всем дизайнерам, а также разработчикам, редакторам и руководителям в продуктах с интерфейсом.

Кликабельность

В интерфейсе человеку приходится разбираться, с какими элементами на экране можно взаимодействовать и как. На его ожидания влияют как внешнее ощущение доступности, так и история дизайна книг, печатных форм, браузеров; привычки и психология.

Илья разбирает примеры «аффорданса» в физическом и виртуальном мирах, рассказывает о роли скеоморфизма, о важности углов. Обсуждаются признаки конкретных элементов управления: кнопок, ссылок, полей, чекбоксов и радиокнопок, меню, прокрутки и т. д. (Да, наконец‑то у нас есть лекция, где говорится о подчёркивании ссылок!) Показаны проблемы пользователей из‑за неоднозначности в дизайне элементов.

В трейлере — пример скеоморфизма, который мешает понять, как пользоваться элементом, а также удивительный факт о таббаре Айфона, который мало кто замечает:

Прицеливание и закон Фиттса

При работе с экранным интерфейсом постоянно приходится целиться в разные элементы. Лекция начинается с закона Фиттса и его следствий.

В новой версии лекции Илья отдельно разбирает интерфейсы с мышью, и отдельно — тач‑интерфейсы, где влияние начинают оказывать физические размеры, форма и расположение устройства. Впервые разбираются вопросы точности протяжённых жёстов: прокрутки, перетаскивания, настройки слайдеров. Илья говорит о стабильности интерфейса и «эффекте Упячки».

В трейлере — о том, как эффект увеличения иконок в маковском Доке затрудняет прицеливание:

Близость и соответствие

Теория близости, правило внутреннего и внешнего, эффекты гештальта — связанные вещи, в основе которых лежит то, как человек воспринимает зрительные образы. В этой лекции они разбираются на множестве примеров информационного дизайна, включая интерфейсы. Редизайну настройки Макоса досталось.

Илья рассказывает о группировке, выравнивании, выборе размеров и других приёмах, которые можно использовать для передачи смысла. Раньше лекция называлась просто «Близость», а теперь в неё добавлена подтема «Естественное сооветствие».

В трейлер вошли примеры использования группировки в формах и тулбарах:

Подарить подписку

Любые книги, курсы, лекции и даже обучение в школах бюро можно подарить. При подарке вы платите один раз без дальнейших списаний. Адресат получит нарядное письмо с сообщением о подарке от вас, а когда подписка закончится, сможет сам продлить её по сниженному тарифу. Порадуйте знакомых дизайнеров, редакторов, руководителей проектов и просто любознательных людей.

Где смотреть

«Кликабельность», «Прицеливание и закон Фиттса» и «Близость и соответствие» — две из 40 лекций по предмету «Пользовательский интерфейс и представление информации». Они уже есть во всех наших образовательных форматах, а так же бесплатно доступны выпускникам старых потоков школ.

Полезно
1
1
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Запинить