Иконка унитаза
В навигации Портового управления, о которой я писал вчера, имеется неожиданное обозначение туалета. Вместо привычной сладкой парочки из мальчика и девочки у них — унитаз. Инклюзивность!
Вообще, я в лекции про пиктограммы всё время отмечал странность, что обычно рисуют характерный предмет (автобусик, сигаретка, чашечка, чемоданчик, самолётик), а у туалета вместо очевидного унитаза — мальчик с девочкой. И вот, гляди ж, унитаз.
Но отдельные иконки мальчика и девочки для раздельных туалетов в таблице пока ещё есть.
Руководство по навигации Портового управления Нью-Йорка и Нью-Джерси
Кстати, иногда ещё спрашивают, что почитать о навигации. Мне кажется, больше всего знаний я получил не из книг, а из изучения и обсуждения чужих проектов. Но вот если хочется прям почитать, то могу порекомендовать стандарты аэропортов Портового управления Нью-Йорка и Нью-Джерси:
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/
Покупайте и читайте! И там есть бесплатная демоглава про изгибы.
Английская книга выходит сразу с мобильной версией.
Скиньте англоговорящим коллегам.
Сравните с сайтом про марки:
https://stamps.vla.so/
Кажется, Поллок заслужил уважения хотя бы на уровне почтовых марок?
О сайте Джексона Поллока и визуальном богатстве
Искал я картины Поллока (рекомендую), и набрёл на некий сайт:
jackson-pollock.org
Тут миллион совершенно детских ошибок — и в вёрстке, и в типографике, и в навигации, и в графдизайне элементов интерфейса, и чисто технических. Сложно найти хоть что-то, что сделано хотя бы нормально. Но я хочу сказать о другом.
Частая проблема дизайнера — недостаток визуального материала. Делаешь ты сайт про инвестиции, и тебе всю красоту приходится изобретать из цифр и графиков — никакого визуального богатства там сходу не видно. Или про грузоперевозки какие-нибудь — ну контейнеры, ну грузовики, так кто их не видел? А особенно сложно в таких случаях чем-то отличаться от других. Окей, красивые графики и грузовики, но у конкурентов-то точно такие же красивые графики и грузовики.
Но иногда сам предмет настолько богат визуальными деталями, что ничего даже придумывать не надо. Просто бери и не порти.
Я писал о том, что продавцам продуктов тяжело даётся концепция множественного числа. Но бывают и, наоборот, проблемы с единственным. Конфета тут — одна.
Читать полностью…Третья лекция в курсе лекций о навигации называется «Как мы ориентируемся: здания».
Чтобы попасть в здание, нужно найти вход, а это не всегда просто. В лекции — проблемы современной архитектуры, МГУ против МГИМО. Рассказываю об одинаковых коридорах и петлях в зданиях, объясняю отличия в организации маленьких и больших аэропортов, показываю приём «сделать невидимое видимым» на примере ГУМа, рассказываю о влиянии привычки на навигацию.
В трейлере — как располагать вход в здании и влияние освещения:
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. Просто представьте Тагаресненскую или Серпурязевскую линию! Не такой уж и великий и могучий, получается.
Читатель Вовонька прислал великолепную форму бронирования столика на завтрак. Как вам?
Давайте попробуем придумать, почему она такая: кто и как ставил задачу, как дизайнил, как принимал, как разрабатывал. Как надо было бы сделать и почему? Что бы возразил клиент, если бы вы ему показали ваше «как надо»? Как усилить сильные стороны этого дизайна? Как устранить недостатки?
В недавних живых советах я тоже об этом говорил:
https://ilyabirman.ru/meanwhile/all/video-zhivyh-sovetov-iyunya-2023-goda/
Там девушка сделала приложение про места отдыха на красивом озере, нарисовала монохромную карту с одинаковыми иконками мест и умудрилась не показать фотографии!
Ну и вот наш Поллок несчастный. Картина показана на уменьшенной и плохой фотографии, не подписана. Снизу — три совсем микроскопических картины в листаемой галерее. Почему нельзя делать листаемые галереи — рассказывал в самом начале одной из публичных консультаций:
https://ilyabirman.ru/meanwhile/all/public-consultation-koftyonyshi/
В середине мы видим ту же самую картину, что показана выше, но в других цветах! Получается, автору сайта нельзя доверить и цветопередачу. Но ты ж картины показываешь, а не метизы! Также картина снизу обрезана с краёв — непонятно, по какому праву.
кто бы мог подумать, что линейки можно ставить ВОТ ТАК
(картинку стащил из инстаграма игоря штанга)
разбор переделки карточек авито будет на этой неделе. для тех, кто хотел, но забыл: у вас последний шанс получить от меня открытку, так и знайте.
Сколько осталось спать?
В некоторые дни мне нужно просыпаться в определённое время. Я хочу, чтобы компьютер и телефон мотивировали меня вовремя ложиться, показывая, сколько мне осталось спать. Например, если в четверг мне нужно проснуться в 10 утра, то в час ночи я бы хотел, чтобы включился таймер и считал: 8:59:59, 58, 57... В Вентуре даже встроенный таймер умеет отсчитывать время прямо в строке меню, так что осталось только научиться запускать его в определённый момент, но такого там нет и Шорткаты тоже так не умеют. Я подумывал написать программу, но потом решил спросить у вас — а вдруг что-то уже есть?