Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Видео

Позднее Ctrl + ↑

Видео о дизайне схемы ЦППК. Часть 4

Четвёртая часть видео про дизайн схемы пригородных электричек Москвы для ЦППК. Можно легко смотреть на двойной скорости:

Третья часть · Пятая часть

Упоминаю свою книгу о схемах.

Продолжаю идти по файлам:

  • 0:06 Про нумерацию моих файлов
  • 1:35 Про шрифты
  • 3:56 Изменение сетки углов с 45° на 22,5°
  • 6:26 Разница между горизонтальными и вертикальными линиями
  • 7:15 Появление выносных списков
  • 10:04 Появление обозначений Ку Ки Са Бе Ри
  • 10:57 Появление схемы отдельного направления
  • 12:28 Про узел около Римской и сверку с геокартой
  • 15:35 Появление «колена» на БК справа
  • 16:04 Подписи на площади трёх вокзалов
  • 17:42 Выхино-Косинская жесть
  • 20:15 Уменьшение БКЛ

Видео о дизайне схемы ЦППК. Часть 3

Третья часть видео про дизайн схемы пригородных электричек Москвы для ЦППК. Можно легко смотреть на двойной скорости:

Вторая часть · Четвёртная часть

Упоминаю свою книгу о схемах.

Продолжаю идти по файлам:

  • 0:31 Рассказываю, где в книге есть советы об Иллюстраторе
  • 2:40 Докуда дошли в прошлом выпуске
  • 2:55 Как быстро себе подписать, где сколько станций надо будет уместить
  • 3:25 Про то, как появились шарики с номерами линий метро на концах линий
  • 4:51 Ещё одна поломка БК
  • 5:47 Спрямление левой части МЦК
  • 6:44 Почему пришлось перенести Тестовскую
  • 7:02 Рижская жесть и цвет Ри
  • 8:47 Изменение перешейка между частями БК на севере
  • 9:00 Появление Мкада и сложности с ним
  • 11:48 Задалбывает ковырять одно место подолгу
  • 12:30 Появление Большой Кольцевой линии метро
  • 15:07 Пока схема стремится к вертикальному формату
  • 15:39 Хочу сдвинуть Са правее
  • 17:22 Про появление цветовых прожилок в линиях метро
  • 18:03 Сложности справа между Перовом и Курской

Видео о дизайне схемы ЦППК. Часть 2

Вторая часть видео про дизайн схемы пригородных электричек Москвы для ЦППК. Можно легко смотреть на двойной скорости:

Первая часть · Третья часть

Упоминаю свою книгу о схемах.

В этой части — про первые три дня плотной работы над схемой:

  • 0:32 Неведомые апрельские черновики
  • 1:46 Как провести диаметры через схему метро?
  • 3:56 Начало работы с ЦППК
  • 4:45 Разделение на схеме одинаковых в жизни рельсов D1 и Са
  • 7:44 О проблеме при уменьшении кольцевой линии метро
  • 9:10 Про сложность обозначений разных видов пересадок
  • 11:20 Первая попытка сломать МЦК
  • 11:44 Разрыв в БК сверху
  • 13:19 Тестовская жесть
  • 16:44 Изменение формы МЦК
  • 17:17 Кунцевская жесть
  • 18:12 Разделение на схеме одинаковых в жизни рельсов D2 и Ку
  • 19:04 Появление перешейка БК сверху

Видео о дизайне схемы ЦППК. Часть 1

Снял видео про дизайн схемы пригородных электричек Москвы для ЦППК. Можно легко смотреть на двойной скорости:

Вторая часть

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

О моей новой схеме ЦППК:

  • 1:24 Радиально-кольцевая Москва, метро
  • 3:17 Форма МЦК
  • 4:30 Большое кольцо МЖД

О старой схеме:

  • 6:59 Сложность обозначений
  • 9:43 Большое кольцо МЖД
  • 10:34 Изображение метро
  • 12:20 Будут диаметры

Возвращаемся снова к моей новой:

  • 13:57 Про переименования
  • 15:10 Как прошли диаметры у меня
  • 16:02 Затравка к следующей серии

Обновилась лекция об инфостиле для школ бюро

Это тизер обновлённой лекции об инфостиле для школ бюро:

Школа пишет:

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

Стоп‑слова не добавляют тексту смысла и мешают пользователю ориентироваться в интерфейсе. Например, как догадаться, что скрывается за пунктом «Расширенные опции» в меню телефона? Обычно стоп‑слова достаточно удалить или заменить информативными: введите пароль → пароль, справочная информация → шаблоны заявлений. Но иногда наличие стоп‑слов говорит о серьёзных проблемах в интерфейсе — из лекции вы узнаете, на какие слова обращать внимание.

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

Отрицательные формулировки в интерфейсе ставят пользователя в тупик и приводят к ошибкам. Пример вопроса с отрицательной формулировкой: «Уверены ли вы, что вы не хотите восстанавливать никаких проектов? Да или нет?». Чтобы ответить на такой вопрос, придётся сперва вычислить, к чему приведёт каждый ответ. И всё равно нельзя быть уверенным, что создатель интерфейса сам рассуждал так же. Илья Бирман рассказывает, как избавиться от отрицательных формулировок и как их используют в корыстных целях. Смотрите трейлер лекции.

Эта лекция — одна из 32 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Уже сейчас можно пройти подготовительные курсы и получить дополнительный балл при поступлении в школы в следующем наборе. Дополнительный балл помогает стартовать в рейтинге выше и увеличить шансы на бесплатное место в школах.

Только до конца октября максимальный дополнительный балл — 0,9, потом снизится. Максимальный балл снижается каждый месяц, а цена поднимается каждую неделю.

Пройти или подарить подготовительные курсы

Приходите к нам учиться!

 Нет комментариев    557   5 мес   видео   Школа стажёров
 1 комментарий    943   5 мес   видео   Школа стажёров

Видео по вторникам: Эффект Джанибекова

Ютюб подсунул видос с более-менее понятным объяснением Эффекта Джанибекова. Это когда предмет, вращающийся вокруг некоторой оси, раз в несколько оборотов вдруг решает перевернуться вокруг совсем другой оси.

Смотрите:

 Нет комментариев    1427   5 мес   видео

Нарезка пяти дней в Чикаго

Пока я не придумал, что делать с короткими видосами, копящимися в телефоне, а девать их куда-то надо, поэтому вот вам нарезка пяти дней в Чикаго:

До этого ещё была про Нью-Йорк

 Нет комментариев    1025   7 мес   видео   мир   США   Чикаго
 Нет комментариев    990   7 мес   видео   Школа стажёров

Обновилась лекция о модальности для школ бюро

Это тизер обновлённой лекции о модальности для школ бюро:

Что такое модальность, как на возникновение модальных ошибок влияет понимание состояние интерфейса, модальные окна, способы борьбы с модальностью: сделать состояние очевидным (компромисс), разделить жесты, использовать квазирежимы и изменить сценарий.

Идёт набор в школу стажёров — записывайтесь и приходите учиться. Дедлайн — понедельник, 12 августа.

 Нет комментариев    1160   7 мес   видео   Школа стажёров
Ранее Ctrl + ↓