Рассказал об одном из этапов информационного сопровождения Челябинской транспортной реформы — информировании об изменениях маршрутов с 1 января 2022 года:
https://ilyabirman.ru/chelyabinsk/reform/
Куча аккуратных макетов, система шаблонов, стандарты картографии с нуля, информационное планирование, промдизайн табличек, соцсети — и всё за три предновогодние недели.
Лайк и шер приветствуются.
Участник курса нарисовал график, но он оказался интерактивным — разные данные на нём появляются в зависимости от того, куда кликнул пользователь. Рассказываю, почему это проблема даже на уровне подхода, но ещё разбираем и конкретные проблемы в самом интерфейсе. 6 минут:
https://www.youtube.com/watch?v=qsDWBf-xcVs
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 26 августа по 24 сентября. Прямо сейчас — запись со скидкой 10%. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Проблема интерфейса всех стиральных машин
Всю жизнь удивляюсь этому идиотизму. Во всех стиральных машинах самая сложная задача — засыпать порошок. Открываешь ящик, а там такое. Что 1, что 2? Куда блин порошок-то сыпать? В списке режимов — тоже никаких обозначений про эти отсеки. Просто вот какими нужно быть идиотами, чтобы тиражировать это дебильное решение десятилетиями?
Иконка унитаза
В навигации Портового управления, о которой я писал вчера, имеется неожиданное обозначение туалета. Вместо привычной сладкой парочки из мальчика и девочки у них — унитаз. Инклюзивность!
Вообще, я в лекции про пиктограммы всё время отмечал странность, что обычно рисуют характерный предмет (автобусик, сигаретка, чашечка, чемоданчик, самолётик), а у туалета вместо очевидного унитаза — мальчик с девочкой. И вот, гляди ж, унитаз.
Но отдельные иконки мальчика и девочки для раздельных туалетов в таблице пока ещё есть.
Руководство по навигации Портового управления Нью-Йорка и Нью-Джерси
Кстати, иногда ещё спрашивают, что почитать о навигации. Мне кажется, больше всего знаний я получил не из книг, а из изучения и обсуждения чужих проектов. Но вот если хочется прям почитать, то могу порекомендовать стандарты аэропортов Портового управления Нью-Йорка и Нью-Джерси:
https://wayfinding.panynj.gov
Это подаётся как документ, но фактически это целая книга, где подробно объясняется всё от базовых принципов и ценностей до конкретных решений. Я читаю именно как книгу и выписываю себе разные мысли.
Где-то в начале там такое:
A new facility presents a unique opportunity to embed natural wayfinding. Lessening complex user flows in the planning phase will reduce the need for wayfinding elements. When approaching a new development or significant renovation, involve a wayfinding expert early in the design process to help assess and define optimal flows and messaging.
Очень созвучно тому, что у меня в первых лекциях как раз: сначала архитектура, а потом уже знаки и таблички.
Чуть дальше ещё:
Natural wayfinding has many benefits. It is more inclusive, relying on human intuition rather than understanding of text and symbols. It reduces the need for signage. This helps present an orderly, uncluttered environment.
Ilya Birman: Lube
Что, думали всё, кончились треки? А вот нет, ещё один вам:
https://ilyabirman.ru/meanwhile/all/lube/
Или на Саундклауде:
https://soundcloud.com/ilyabirman/lube
Это как раз тот, с которым я приходил к Лидваллю на занятия.
Или прямо здесь ↓
Недавно я выложил на сайте рассказ о дизайне интернет-магазин «Дом Тома». Теперь снял про него более подробное видео:
https://www.youtube.com/watch?v=fuiOIJDT2aQ
Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям.
00:00 Интро
02:33 Подробное главное меню: навигация и вовлечение
03:55 Внесение разнообразия в списки
06:29 Фотографии товаров в разном стиле
07:48 Товар представляет себя и свой отдел
10:03 Акции и банеры распределены по странице
11:56 Как показать намного больше товаров: этажи отделов
13:57 Строчка того, что люди ищут
15:20 Нестрогое разделение товаров по отделам
16:15 «Новые товары декабря»
17:11 Ещё про меню и подвал
18:40 Дизайн подходит для разработки
19:58 Инстаграм
20:50 Мобильная версия должна быть полноценной, а не урезанной
22:17 Как поработать со мной
Обновились вводные лекции о навигации
Для курса лекций о навигации переснял первые три лекции — «Столкновение с проблемой», «Как мы ориентируемся: город» и «Как мы ориентируемся: здания».
Новость на сайте бюро:
https://bureau.ru/news/2023/lectures-wayfinding-updates-problem-space/
Участница курса сделала двухпанельный интерфейс. Комментирую, что с ним не так, и показываю пример, когда он подошёл бы. А потом обсуждаем, как и зачем сделать форму компактнее на вид. 6 минут:
https://www.youtube.com/watch?v=-8neywtnhT8
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 26 августа по 24 сентября. Прямо сейчас — запись со скидкой 20%. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Бирман написал про состояния элементов интерфейса, заодно запретил «активное»:
https://bureau.ru/soviet/20230801/?utm_source=tg-s-s-s230801-010823
Стекло
Со школы не мог понять прикола со стеклом. Когда на физике разбирают агрегатные состояния вещества, обязательно рассказывают, мол, а стекло — это такое особое твёрдое вещество, у которого нет кристаллической решётки. И оно даже немножко течёт: вроде как в очень старых домах стёкла внизу толще, чем сверху.
Так нафига тогда морочить голову, что это твёрдое вещество? Почему не сказать, что это жидкость? Ну типа вода течёт быстро, сметана медленно, а стекло — пипец как медленно. Что я упускаю?
Уличные таблички Осло:
https://ilyabirman.ru/meanwhile/all/oslo-street-name-plates/
Вышли заключительные главы второй части книги Designing Transit Maps — английской версии «Дизайна транспортных схем»: Granularity и Freedom, а также тест по всей второй части (из пяти).
Новость на сайте бюро на английском:
https://bureau.ru/news/2023/book-metro-granularity-freedom-en/
Покупайте и читайте! И там есть бесплатная демоглава про изгибы.
Английская книга выходит сразу с мобильной версией.
Скиньте англоговорящим коллегам.
Каждое утро, когда я добираюсь до компьютера, меня ждёт вот такое уведомление. Типа я в какой-то момент выключил режим сна на телефоне, и это изменение синхронизировалось через Айклауд с компом, и поэтому вывелось уведомление. И ждёт меня там, чтобы я прицелился в его неуловимый крестик и закрыл. Зачем они это делают?
Читать полностью…Воруй, как дизайнер
Реклама · Текст предоставлен клиентом
Или другими словами — качай насмотренность, ведь это главное преимущество профессии. Можно прокачивать, подписываясь на сотни профильных каналов, но за всеми все равно не уследишь.
Чтобы долго не искать, вот подборка шоурилов, в которых можно найти хорошие решения.
1. МТС
2. Mish Product Lab
3. Иви
4. Pixies
5. Ростелеком
Открылась запись на следующий наш с Мишей курс «Презентация клиенту и публичные выступления», который пройдёт с 18 сентября по 8 октября:
https://bureau.ru/courses/presentation-online/
Офигенный курс, почитайте программу. Главное — практика. У нас есть и живые выступления во время видеоконференций с разборами и вопросами, и «репетиции» в виде видосов, залитых в чат в телеграме.
Сейчас ещё действует стандартная 30%-я скидка при ранней записи, так что не откладывайте.
Третья лекция в курсе лекций о навигации называется «Как мы ориентируемся: здания».
Чтобы попасть в здание, нужно найти вход, а это не всегда просто. В лекции — проблемы современной архитектуры, МГУ против МГИМО. Рассказываю об одинаковых коридорах и петлях в зданиях, объясняю отличия в организации маленьких и больших аэропортов, показываю приём «сделать невидимое видимым» на примере ГУМа, рассказываю о влиянии привычки на навигацию.
В трейлере — как располагать вход в здании и влияние освещения:
https://www.youtube.com/watch?v=etFvd4X9pyo
Новость для опытных продакт-менеджеров
Реклама · Текст предоставлен клиентом
Найден быстрый путь в Тинькофф — Product Manager Week Offer. Можно пройти онлайн-собеседование за выходные и присоединиться к команде уже через неделю.
Дальше — создавать продукты для 30 млн пользователей, работать с данными, ориентироваться на свою экспертность и здравый смысл. Как работать, решать вам, — оценивают только результат.
Успейте оставить заявку до 9 августа: https://o.tinkoff.ru/product-wo-2023
Вторая лекция в курсе лекций о навигации называется «Как мы ориентируемся: город».
В лекции речь о том, как человек представляет пространство и на что полагается, чтобы сориентироваться. У нас в голове нет карты, но есть «якоря» — выделяющиеся объекты — и связки между ними. Лабиринты специально проектируются так, чтобы исключить формирование якорей и иерархии. Якоря в городе — станции метро, а также башни и пустыри — то есть то, что отличается от остального.
В трейлере — мысли о якорях и связках и о значении метро:
https://www.youtube.com/watch?v=jqkm-n3lZlo
Аудио по четвергам:
https://ilyabirman.ru/meanwhile/all/endplate-cold-as-she/
Если вы пропустили, у меня есть ещё канал, где больше находок:
/channel/ilyabirman_listens
С лекции «Столкновение с проблемой» начинается курс. Листочки А4 в файликах — символ проблем с навигацией. В лекции — разбор примеров таких листочков и попытка разобраться в сценариях, которые привели к необходимости их размещения. В тексте таких самодельных объявлений много запутанных инструкций, ошибок и пассивной агрессии. Но чему они нас учат?
В трейлере показываю объявление в общественном туалете, где люди не смогли разобраться с бесконтактным краном:
https://www.youtube.com/watch?v=suOah0kRbb0
Остальные трейлеры покажу отдельно.
Ilya Birman: Carving Heelside
У меня снова трек. Техно, но на этот раз в более естественном для меня трансовом, атмосферном звуке:
https://ilyabirman.ru/meanwhile/all/carving-heelside/
Или на Саундклауде:
https://soundcloud.com/ilyabirman/carving-heelside
Или прямо здесь ↓
Митап Билайна
Реклама · Текст предоставлен клиентом
3 августа в 18:00 встречаемся на митапе билайна, чтобы поделиться своим опытом и драйвом — в онлайн и бесплатно. Соберёмся обсудить генерацию творческих решений, создание анимаций в Figma, распаковку потребностей клиента и UX.
Смотри более подробную программу и регистрируйся!
www.beeline.ru erid: LatgBqn9z
Как работают истории в телеге?
Кто-нибудь понимает, по какому принципу работают истории в телеге? Я — нет.
В обычных соцсетях можно на кого-то подписаться или зафоловить, явно дав понять, что ты хочешь видеть, что человек публикует. В телеге человек и его контент разделены. Есть человек, и с ним можно переписываться только напрямую; а есть его каналы, и какие-то из них ты можешь читать, а какие-то нет.
Эта модель мне нравится, и она отлично работала до появления историй. А сейчас у меня в телеге появляется какой-то мусор от рандомных людей, которых я никогда не фоловил, а некоторых вообще не знаю. В то же время мне ни разу не попалась история от кого-нибудь, чей канал я читаю. И я не представляю, почему. Может, они их просто не публиковали.
Чтобы самому запостить историю, нужно стать платным пользователем. Я пока не находил в этом смысла, и сейчас я даже не знаю, как это сработает. Если я заплачу и запосчу историю, кто её увидит — все 11870 вас? Или рандомные люди, которые никогда не подписывались на меня, но когда-то добавили в контакты, потому что покупали у меня сноуборд на Авито?
У Фигмы очень приятный инсталятор. Точнее, образ диска для перетаскивания в приложения, по маковской долбанутой традиции. Просто три цветных курсорчика и папочка справа радуется, что в неё сейчас Фигму перетащат.
Но также Фигма пополнила список зловредных приложений, которые считают своим долгом добавить иконку в главное меню, да ещё и какие-то уведомления туда совать.
Про склеивание английских слов
Эпл называет вот эту иконку sharrow. Видимо, потому что share+arrow. В подкасте АТП ребята много обсуждали, как им не нравится это слово, но я так и не смог врубиться, чем же. Мне вот нравится!
Мне вообще нравится такая опция в английском, как просто склеить слова вопреки любой формальной морфологии, чтобы получилось что-то новое. Типа smoke+fog даёт smog, а breakfast+lunch даёт brunch. Кайф же!
Или вот есть в Лондоне линия метро между Бейкер-стрит и Ватерлоо, называется Bakerloo line. Просто представьте Тагаресненскую или Серпурязевскую линию! Не такой уж и великий и могучий, получается.
Читатель Вовонька прислал великолепную форму бронирования столика на завтрак. Как вам?
Давайте попробуем придумать, почему она такая: кто и как ставил задачу, как дизайнил, как принимал, как разрабатывал. Как надо было бы сделать и почему? Что бы возразил клиент, если бы вы ему показали ваше «как надо»? Как усилить сильные стороны этого дизайна? Как устранить недостатки?