Вы отменили рассылку по адресу о выходе лекций и обновлениях других продуктов бюро
Мы напишем вам по адресу о выходе лекций и обновлениях других продуктов бюро

Пользовательский интерфейс и представление информации с Ильёй Бирманом

22 лекции · 🕑 16 ч видео · Конспекты · Сложность

На основе записанного в 2014⁠—2015 годах четырёхдневного курса

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

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

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

В задачах представления информации хороший дизайнер руководствуется её природой, физическими особенностями носителя, принципами восприятия и, главное, решаемой аналитической задачей.

Лекции выросли из классического курса Артёма Горбунова. С 2012 года Илья Бирман дополняет программу новыми темами и примерами.

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

Автор лекций — Илья Бирман
Арт‑директор бюро, соавтор «Советов». Создатель сайта правил русского языка и движка блогов «Эгея». Автор книги «Пользовательский интерфейс»
Со второго года 5900 ₽/год

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

24/7
Смотрите в пути или вместо сериальчика за ужином

Смотрите видео или читайте конспекты на компьютере, планшете или телефоне: нужен только современный браузер и интернет.

Вопросы и ответы

Как подписаться на курс лекций или коллекцию?

Нажмите на кнопку «Подписка» в правом нижнем углу страницы курса лекций или коллекции.

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

Когда вы перейдёте по ссылке из письма, мы запомним вас на этом устройстве и вы сможете смотреть курс лекций с его страницы.

На странице лекций во вкладке «У вас» можно увидеть, на какие курсов лекций вы подписаны. Рядом с каждым курсом лекций, на который вы подписаны, отображается зелёная галочка.

Если же вы уже указывали имя и карту ранее и вошли со своим адресом, вы сможете подписаться сами или подарить подписку знакомому одним нажатием на кнопку без дополнительного ввода данных и перехода по ссылке из письма.

Если вы подписались сами, после первого года деньги начнут списываться ежегодно по сниженному тарифу, пока вы не отмените подписку. Тот или та, кому вы подарили подписку, после первого года сможет привязать свою карту и продлевать подписку ежегодно по сниженному тарифу.

Условие подписки — сохранённые в платёжном сервисе данные вашей банковской карты в течение оплаченного срока.

Что делать, если лекции не открываются?

После оформления подписки вы получили письмо со ссылкой для доступа к лекциям. Когда вы перейдёте по ссылке из письма, мы запомним вас на этом устройстве и вы сможете смотреть лекции.

Но если наш сайт вас забывает, скорее всего, у вас не сохраняются куки. Это возможно в одном из двух случаев:

  1. Вы открываете ссылку в режиме частного доступа, в котором браузер не сохраняет историю. Это легко определить по цвету адресной строки браузера — если она чёрная, значит, браузер в приватном режиме и этот режим нужно отключить. После этого, когда вы откроете ссылку в браузере, наш сайт вас запомнит.

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

Что такое Бюросфера?

Бюросфера появилась как способ познакомиться с уважаемыми советчиками — постоянными посетителями раздела «Советы» на сайте бюро. Любой желающий может завести личную страницу в Бюросфере с рассказом о себе и о своих работах. Со временем Бюросфера стала способом авторизации и оформления покупок — у каждого пользователя Бюросферы появляется учётная запись на сайте бюро. Если вы просто хотите подписаться на лекции или купить другой продукт, необязательно что‑то писать о себе — оставьте страницу пустой. Мы не публикуем адреса электронной почты.

Отзывы участников практического курса

Участники курсов делились своими впечатлениями о практическом курсе, а мы оставили из их отзывов только то, что касалось теории — такую же даём в лекциях.

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

Во время курса я делала чеклист — список тех тонких мест, которые я теперь буду проверять в каждом проекте. Уже использовала его в работе, и это огонь вообще! Намного круче, чем ковыряться в макете от дизайнера с субъективными пожеланиями и придирками без аргументов.

Я маркетолог с уклоном в продукт, который часто принимает работу дизайнеров и клепает промостраницы на Тильде. Для меня курс точно полезен. Пожалуй, это самая концентрированная польза за последние пару лет. Очень рекомендую курс менеджерам и аналитикам продукта, юикс‑спецам и всем, кому важно делать продукт хорошего качества. Если вы ранее прониклись Ильяховым, вам точно сюда надо. Позарез. Прям вот сейчас записывайтесь.

В общем, было хорошо, но мало. Я бы с удовольствием приняла участие в расширенной версии (которая перекурс и недошкола), если бы она была.

Илья офигенный. И как лектор, и как специалист, и как очень терпеливый человек с ясным умом. Спасибо ему и всей команде!

Света Аюпова,
маркетолог «Скоро­звона»
Участвовала удалённо

Курс строится вокруг принципов проектирования интерфейса. Поначалу меня смущало, что они не укладываются в систему вроде таблицы Менделеева. Потом я понял, как это работает: Илья, в отличие от меня, делает всего одну версию макета и применяет к ней один принцип за другим. Становится всё кайфовее и кайфовее, это похоже на метод градиентного спуска. Очерёдность принципов не важна.

После курса я попробовал работать в таком «последовательном» режиме: версии макета больше не разрастаются фрактальным деревом, процесс стал линейным и приятным.

Иван Дианов,
дизайнер интерфейсов «Лабо­ра­то­рии дан­ных»

Понравилось всё, а особенно:

  • сравнительно чёткие правила (экономия чернил, теория близости), на которые потом можно опираться;

  • работа с таблицами;

  • какие‑то общие штуки, позволяющие всему выглядеть аккуратнее — наверное, это что‑то про эстетику :‑)

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

Я бы уделил больше внимания работе с «динамическими» таблицами: сортировки по произвольным полям, фильтрации и т. п.; в этих случаях часто не понятно, где даже иконку фильтрации‑сортировки расположить в поле, всегда многое едет, а данные, и даже названия колонок, заранее могут быть неизвестны.

По‑моему, слишком много времени уделено картинке с тигром: тигр красивый, но для меня ничего полезного в этом развороте вроде как не было.

Не понял, почему формы во всех примерах были в один столбец. Когда форма длинная, это не совсем удобно.

Излагается всё доступно и, как мне кажется, в нужном темпе. Курс я бы посоветовал всем, кто связан с представлением информации и проектированием интерфейсов: дизайнерам, программистам, менеджерам, то есть всем, для кого он и предназначен :‑)

Удачи в дальнейшем развитии!

Андрей Соловьёв,
проектировщик и программист

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

Михаил Шкитов,
дизайнер интер­фей­сов сайта и мобильных приложе­ний, «Зайцев.нет»

Огромное спасибо за хорошее изложение и систематизированный материал.

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

Твой курс рассчитан сразу на этап проектирования, но думаю, можно было бы ещё кратко рассказывать и про этап анализа.

Для новичков было бы полезно хотя бы знать, что такое эргономические показатели интерфейса и как ими пользоваться.

Спасибо за курс. Всё было круто :‑)

И. Б.: Кратко про этап анализа тогда ещё не рассказывали.

Александр Паньков,
проек­тиров­щик интер­фей­сов, «Диджи­тал‑дизайн»

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

Из нового для меня были разные приёмы информационного дизайна вроде локального кодирования, некоторых примеров параллельного изложения — и всякие детали про дизайн таблиц и графиков.

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

Ольга Бердникова,
проекти­ровщик интер­фей­сов, «Джет­брейнс»

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

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

Алексей Петров,
дизайнер, Санкт‑Петер­бург
Участвовал удалённо

Спустя год после курсов, заведя себе наконец блог в ЖЖ, хочу похвастаться.

Многое было знакомо и до курса. А именно: добро — приглушать неактивную кнопку, правильно оформлять ссылки, сокращать тексты; зло — модальность в обратной связи, жирные бордеры в таблицах〈...〉

Чем мне реально помог этот курс, так это тем, что дал мощный заряд для дальнейшего самообучения. В печатном материале был указан список рекомендованной литературы. Когда я летом закончила вуз и у меня стало куда больше свободного времени, я приступила к её освоению.

Екатерина Кузьмина,
дизайнер

Когда что выйдет

Оставьте свою электронную почту, чтобы узнать о выходе новых лекций.

Подписка

Для компаний. Подписка сразу для нескольких сотрудников вашей компании на все лекции бюро, которые вышли и когда‑либо выйдут. Оформить

Отправить
Поделиться
Запинить