Дом, в котором живёт Игорь Штанг, реставрируют. У Игоря свои планы на решётку его балкона, поэтому он написал объявление. Информационный дизайн!
Читать полностью…Две странности в интерфейсе Фольксвагена.
1. Когда паркуешься, если он видит препятствие, он начинает дико пищать и мигать красным на экране, привлекая к нему внимание. Но на экране пишет «Смотрите на дорогу!» Ё-моё, так я и смотрел, пока ты не начал на меня орать и привлекать к себе внимание!
2. Когда глушишь машину, он говорит «Учитывайте блокировку замков!» Это что ещё значит? Как именно и в чём её учитывать? Дурь полная.
Вульва и вагина
Вернёмся к любимой читателями и читательницами теме вагин.
В любой секспросветительской тусовочке обязательно возникнет тема того, что кто-то неправильно называет вульву вагиной или наоборот. Зацикленность на этом противопоставлении кажется мне странной, особенно учитывая, что во всяких приятных взаимодействиях обычно участвует и то, и другое.
Когда мы ведём научную дискуссию, то важно быть точными, но в остальной-то жизни как назвать это всё вместе? У члена вот есть ствол и головка, но при этом эти слова нужны куда реже, чем само слово член. Да и яйца, в общем, тоже его часть, ведь никто не говорит: «я попросила фото члена, а ты прислал ещё и яйца!». Но с вульвой и вагиной вечно эта хрень с уточнением и исправлением.
Предлагаю договориться, что кабинете гинеколога или на курсах кунилингуса мы подбираем слова внимательно, а когда просто говорим девушке, что у неё красивая вульва, то можно сказать и вагина.
Кстати, заодно отмечу, что это важно говорить девушке, потому что, как выяснилось, по какой-то необъяснимой причине огромное количество девушек стесняется своих половых органов, считают их некрасивыми или непривлекательными, что полностью взрывает мозг, потому что ничего более красивого во вселенной в принципе не существует.
Раньше я звал ваш на наш с Мишей новый курс о презентациях и выступлениях, но говорил, что отзывов пока нет, потому что курс только запустили. И вот — опубликованы первые отзывы.
Приходите на курс:
https://bureau.ru/courses/presentation-online/
На практических занятиях вы там сами выбираете, что именно презентовать и кому, а мы принимаем ваши условия и даём свои рекомендации исходя из них. Но если у вас такого готового нет, то мы поможем допридумать ситуацию и всё равно потренироваться.
Сейчас идёт набор на курс, который пройдёт с 18 сентября по 8 октября. И действует 30%-я скидка из-за ранней записи.
1. Это картина Ханса Хофмана «Фокусник», 1959 (The Conjurer, а то вдруг канонический перевод другой).
2. Это картина Нормана Льюиса «Фантазия II» (Phantasy II), 1946.
3. А это страница 401-й ошибки на сайте Музея современного искусства... ой, нет, это 401-й зал, где как раз представлена вторая картина.
https://www.moma.org/calendar/galleries/5115
В 439-м выпуске АТП Марко Армент произнёс хорошую речь о стабильности в интерфейсе, я даже не поленился записать. Начиная с 35:07:
https://atp.fm/439
UIs so often lack stability. It is such a critical quality. You want the UI to be stable.
Not every surface should be “live”... If you try to select some text on a website with a mouse on a desktop, you don’t want every single thing that you can click on or accidentally brush against with your finger on a phone to be something that is live, that does something. You want stability, you want things to feel solid, and predictable, and forgiving. And not being so susceptible to things like accidental input or imprecision in input... People are doing things unintentionally.
You also don’t want the UI to be moving around when people are trying to use it. And I feel like a lot of the current Mac design language these days, where everything is being hidden behind hover states and then things animate somewhere out of the way and change where they are... this is all violations of UI stability. It makes everything a hot zone or a live zone. And things are jumping around, and it’s disorienting, and it’s inefficient, and it’s unintuitive as well, and undiscoverable and all sorts of other problems.
Anything you can do to make a UI more stable in a sense that things don’t move around too much, there aren’t too many different modes where things come in and out or slide around, or pop in, or pop out, that makes it easier and better and more calm to use for more people. And it’s a better design.
Каждое утро, когда я добираюсь до компьютера, меня ждёт вот такое уведомление. Типа я в какой-то момент выключил режим сна на телефоне, и это изменение синхронизировалось через Айклауд с компом, и поэтому вывелось уведомление. И ждёт меня там, чтобы я прицелился в его неуловимый крестик и закрыл. Зачем они это делают?
Читать полностью…Воруй, как дизайнер
Реклама · Текст предоставлен клиентом
Или другими словами — качай насмотренность, ведь это главное преимущество профессии. Можно прокачивать, подписываясь на сотни профильных каналов, но за всеми все равно не уследишь.
Чтобы долго не искать, вот подборка шоурилов, в которых можно найти хорошие решения.
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
Сторисы левых людей
Тот факт, что Телеграм полагается на контакты, чтобы решать, чьи истории кому показывать, помимо того, что туп сам по себе, так ещё и является некоторой дырой в безопасности.
Вот мне вдруг стали приходить истории моего одноклассника Максима. Думаю, о, любопытно. Но они какие-то странные, вроде не похоже на его жизнь. Ну раз удивился, два удивился... а на третий раз и сам Максим показался в кружочке!
Оказывается, мне теперь показывают истории какой-то женщины, которую я знать не знаю, просто потому, что ей достался номер телефона Максима, которым тот, очевидно, давно не пользуется.
А я понятия не имею, каким номером он пользуется, я ж не стану ему по телефону звонить.
Павел Дуров, ну ты чё. Какие нахрен контакты, при чём тут контакты, почему они имеют хоть какое-то значение? Дичь полная.
Небольшой кусочек, где я говорю, почему круговые диаграммы мешают въехать в данные, и почему тут нужна обычная таблица. 3 минуты:
https://www.youtube.com/watch?v=wJJdSn4Vk-Q
Приходите на курс об интерфейсе и информации, там кайф и польза. Следующий курс пройдёт с 26 августа по 24 сентября. Прямо сейчас — запись со скидкой 10%. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Вискас
Пока щас бегал, меня осенило, что «усики — пропуск в трусики» и «ваша киска купила бы вискас» в целом об одном и том же.
Биохакинг
А расскажите мне про биохакинг? Я ничё не знаю, но это как будто не очень мудро с моей стороны.
Точнее, так. Я слежу за витамином D у себя, знаю правильные цифирки, а про всё остальное я не в теме.
Когда я был в Израиле, обычный врач, посмотрев на мои дефолтные анализы, прописал мне не только витамин D, но и фолиевую кислоту, ферритин (вроде) и ещё что-то там. B12, что ли? Я это тогда пропил, но не успел сам выучить, чего сколько должно быть в анализах.
В России же, по мнению обычного врача из поликлиники, мои анализы безупречны, и мне ничё не надо. Но можно ли ему доверять? Он ведь и витамин D не прописывает (потому что в обычных государственных анализах его уровень не смотрят), который даже в суперсолнечном Израиле дают всем подряд.
А вообще народ постоянно пьёт кто магний, кто железо, кто цинк, кто рыбий жир. Как называется тот врач, который скажет, чего сколько надо, чтобы всё было зашибись, но при этом не припишет никакого лишнего булшита?
Вот вам ещё картинка из руководства по навигации Портового управления.
Тут речь о том, о каких группах людей нужно подумать. В случае с аэропортом это не только прилетающие, улетающие и пересаживающиеся. Не только встречающие и провожающие. Но ещё и сотрудники, например. А ещё есть какие-то люди, которые привозят продукты, чтобы в бизнес-зале вам из них приготовили еду. Им всем нужно найти, как проехать или пройти к нужному месту.
Кайф в том, что хоть написано и про аэропорт, но это легко перекладывается на любую другую навигационную задачу.
Кстати, в списке что-то не видно слов типа Airline Crew. Хотя в реальных аэропортах регулярно встречаются указатели для них.
Рассказал об одном из этапов информационного сопровождения Челябинской транспортной реформы — информировании об изменениях маршрутов с 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 Как поработать со мной