Наконец-то опубликовал февральский доклад с симпозиума транспортных картографов в Абу-Даби. Рассказывал про свои транспортные схемы, конечно.
Ютюб:
https://www.youtube.com/watch?v=BJ7kbxDaGHo
ВК:
https://vk.com/video286049442_456239422
Наверное многие из вас посмотрели вчера видосы чудо-приземления сверхракеты. Мне, как ни странно, больше всего понравились всякие видосы обычных зевак, снятые издалека. Летит какая-то спичка в небе, а потом бац — вспыхивает и потом втыкается в держалку. На один из видосов кто-то наложил саундтрек из «Интерстеллара», вообще красота.
Читать полностью…Приятно, что нашу схему метро Ташкента люди печатают и вешают себе. Она правда очень красивая, а ещё — инновационная из-за небывалого совмещения геометричных линий и географичного фона.
Подробно тут:
https://ilyabirman.ru/tashkent-metro/
Несколько примеров контекстных интерфейсов, которые как бы вклинились в основной сценарий.
Лет десять назад Людвиг Быстроновский объяснял, что на любом сайте нужно делать раздел новостей, даже если клиент об этом не просит, просто чтобы когда клиенту захочется что-то написать на сайте, у него было для этого место, а не приходилось влезать непойми куда.
В сложных сервисах дизайнерам приходится предусматривать много мест, куда можно влезать с отсебятиной. Должна быть возможность аккуратно добавить сообщение, оговорку, примечание, без необходимости затевать дизайн и разработку.
Думаем дальше № 26 «Отборные фотоны попадают в твою камеру» с Димой Бирманом
С Димой Бирманом говорим про чудеса цифровой фотографии.
0:00 — Кто такой Димочка
2:28 — Победят ли Айфоны полноценные камеры
3:59 — Есть ли хоть какой-то смысл в цифровом зуме на Айфоне
12:12 — В чём смысл 48-мегапиксельной камеры Айфона, которая как бы и 12-мегапиксельная тоже
15:55 — Оптики Айфона хватит на 100 мегапикселей, а потом дифракция всё испортит
19:11 — Фотки на фотоаппарат выглядят круче. В чём дело? Обсуждаем разрешение, резкость, контраст, блуминг, портретный режим и идею обучить нейросеть приводить айфонные фотки к «взрослому» виду
31:12 — Что, если взять взрослую оптику и Эпл-математику
34:58 — Функция «Никогда не пересвечивать» и почему нельзя нормально её назвать в меню
37:04 — Физические крутилки и электронный затвор. Настоящий затвор «защищает тебя от фотонов на 100%»
40:54 — Глобал-шаттер и роллинг-шаттер
43:54 — Почему в Айфоне нет роллинг-шаттера: он читает матрицу очень быстро, а ещё видит, что свет меняется по синусоиде
46:20 — Фоткание мигающего света и светодиодов
49:31 — Фокусировка, компромиссность режимов AFS и AFC, переворот смысла при бёрсте и как должно быть
59:16 — Почему терминология такая запутанная и почему в плёнке 36 кадров
63:31 — Если назвать всё понятно, люди пойдут на баррикады. Обсуждаем альтернативный мир понятной терминологии
70:24 — Нейровыдумывание фотографий: плюсы и минусы. Самсунг дорисовывает Луну
75:26 — Как отслеживать фейки. Криптосертификация истинности фотографий в метаданных
Эпл · Ютюб · Я.Музыка · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
Научился менять обои на Айфоне
Вы будете смеяться, но я научился менять обои на Айфоне.
В далёком прошлом это было легко: выбрал фотку да сделал обоями — или наоборот, зашёл в настройку обоев и выбрал фотку. Но потом Эплы придумали, что у тебя не просто обои, а как бы отдельные параллельные миры, внутри которых настраиваются виджеты, шрифт часов, обои локскрина, обои хоумскрина, а теперь ещё и нижние две кнопки.
С тех пор я перестал менять обои, потому что это воспринималось примерно как настройка нового Айфона с нуля: виджеты же надо все расставить, ещё что-то — проще плюнуть. Там ещё какая-то дурь, что если ты всё-таки пересилил себя и выбрал новые обои, он тебе ещё предлагает сохранить их как «пару» для локскрина и хоумскрина, и отказаться нельзя! Но он почему именно предлагает, а не просто делает! (Но отказаться нельзя.)
А, и жопа же ещё в чём. Вот ты, например, заставил себя сделать себе новые обои: прошёл все круги ада и всё настроил. Потом через два месяца ты подумал, что вместо виджета будильника тебе нужен виджет погоды, поменял. А потом ещё через месяц ты решил переключиться в те первые обои, по которым ты заскучил. Что произойдёт? Правильно, погода заменится обратно на будильник. Почему, какая связь? Это надо спросить у Эпла.
И вот на днях я, наконец, нашёл способ поменять обои без трахотени с виджетами и «парами». Возможно он всегда был, но я его просто не видел, а возможно он появился в одном из обновлений, я не знаю. Но когда всё эта канитель с переключаемыми мирами появилась, я очень-очень искал, и не нашёл. В общем, вдруг вы тоже не умели.
Записывайте:
1. Нажать и подержать на обоях на локскрине, чтобы включился режим листания вариантов обоев.
2. Нажать Customize.
3. Нажать Lock Screen.
4. Дальше лотерея. Если слева есть иконка фотогалереи, то вам повезло. Если её нет, то всё, вы проиграли лотерею и поменять обои не сможете. Как я понял, она есть только если вы изначально делали обои со своей фотографией. А если вы выбрали какую-то из картинок предложенных Эплом, то они это уже классифицируют как не просто картинку, а что-то такое особенное, что поменять нельзя. В общем, если вы выиграли лотерею и кнопка фотогалереи есть, то на неё надо нажать.
5. Найти как-то нужную картинку в фотогалерее. Открывшийся экран показывает фотогалерею, но вся навигация и логика в ней никак не соотносятся с тем, как устроено приложение Фотос, то есть там надо просто долго блуждать и изучать всё, и в итоге что-то найти и выбрать.
6. В этот момент на фотке появится синий кружок с галочкой, как будто вы выделяете несколько фоток. Тут вы испытаете растярянность, типа «чё, я могу несколько фоток выбрать?..», но Айфон через полсекунды вдруг сообразит, что нет, применит вашу фотку и покажет, как она смотрится на экране.
7. Очень важно: нажать Done! На всём пути очень важно не сбиться, но на этом шаге это критично. Когда ты уже видишь, как обои встали, хочется сделать движение пальцем снизу вверх — ну, типа, выйти из всего. Но если так сделать, то всё сбросится, и придётся начинать с начала. Важно именно нажать Done.
Доволен сегодняшним советом, где снова придумываю интерфейс, на этот раз для тренерского видеоредактора:
https://bureau.ru/soviet/20241008/
В прошлый раз тоже придумывал интерфейс, для израильских избирателей:
https://bureau.ru/soviet/20240924/
Приходите на консультацию, придумаю вам интерфейс для какой-нибудь задачи, которую вы давно не можете ловко решить.
Если на экране всё зелёное, пользователь может даже не заметить, что у него долг. Навигацию по истории можно сильно упростить. 2 минутки:
https://www.youtube.com/watch?v=crgZi_CW6xU
Загрузка видео в ВК сегодня сломана :-) Залью видео в комментарии сюда.
Идёт запись на курс, который пройдёт с 12 октября по 10 ноября. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Какая замечательная находка дизайнера! Только тут дело в не тёмном режиме Айфона, а в тёмном режиме иконок Айфона (да, это отдельный режим).
Читать полностью…Когда покупаешь трек в Айтюнсе, у Эпла в нём заполнено столько тегов, что диву даёшься. Не могу жить с таким мусором, поэтому удаляю всё лишнее говно. Но больше всего меня бесит, что во всяких ипишках Эплы после названия пишут «- EP». Буквы EP не являются частью названия и вообще не нужны. Но, допустим, Эплы считают их нужными; почему блин там дефис?
Да, Айтюнс-стор в России как работал так и работает и отлично продаёт музыку за рубли.
Ну и чтобы не держать интригу слишком долго, третий подход этой же презентации. Участник курса презентаций Роман Туров презентует коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста.
Это третий семинар: мы с Мишей изображаем тех самых коллег, которые пришли на зум послушать Романа, перебиваем и говорим чепуху. А потом разбираем, как с таким поступать. Аж 29 минут, но можно смотреть на 1,5x легко:
https://www.youtube.com/watch?v=VH8kJVfDhOo
В комментарии сюда залью видео, чтобы прямо в телеграме смотреть, если у кого Ютюб не работает. К предыдущему фрагменту уже залил тоже.
Все детали про курс, включая подробную программу, отзывы и кнопку «Запись»:
https://bureau.ru/courses/presentation-online/
Выпустили половину пятой части (из пяти) книги Designing Transit Maps — английской версии «Дизайна транспортных схем». Вышли главы: Variability, Index and coordinate grid и Line diagrams. Новость на сайте бюро на английском:
https://bureau.ru/news/2024/book-metro-variability/
Покупайте и читайте! Книга просто нереально крутая для всех дизайнеров и вообще любопытных ребят.
И там есть бесплатная демоглава про изгибы.
Английская книга выходит сразу с мобильной версией.
Скиньте англоговорящим коллегам.
Ура, Фигма отказалась от плавающих панелей. Драматичная музыка очень в тему.
Что с ними было не так:
http://ilyabirman.ru/meanwhile/all/figma-2024/
Они написали подробный пост про то, какие изменения откатили:
https://www.figma.com/blog/our-approach-to-designing-ui3/
Очень много воды и самооправданий в духе «но ведь не попробуешь не узнаешь, верно?», хотя можно было бы просто сказать, что налажали и исправились. Думаю, просто голоса молодых-талантливых, но неопытных дизайнеров в Фигме перевесили в начале лета, а когда фидбек показал правоту старших, пришлось это отменить.
Чекбокс Clip content тоже вернули. Честно, я не могу придумать ни одного довода за дизайн с выпадайкой, который был летом, выглядит как будто специально сделали, чтобы всех позлить.
Если в ответ на действие пользователя в интерфейсе что-то происходит, то не нужно дополнительно уведомлять, что это произошло — это ж и так видно! 2 минуты с семинара курса:
https://www.youtube.com/watch?v=UENZW1gNjpU
Или так :-(
https://vk.com/video286049442_456239415
Идёт запись на курс, который пройдёт с 12 октября по 10 ноября. Сейчас −10%. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Научите пользоваться аутентификаторами
Есть такая штука — программы-аутентификаторы. Я не понимаю, как они работают.
Пару раз я настраивал вход куча-то через Гугль-аутентификатор, это работало. Но потом спустя год я вдруг обнаруживал, что в Гугль-аутентификаторе пусто, он ничего не знает о сайтах, на которые я через него входил.
С некоторых пор Вконтактик начал в каких-то случаях спрашивать код из аутентификатора, которого у меня, разумеется, нет. Он даже не объясняет, откуда у меня такое могло бы взяться, как будто это что-то само собой разумеющееся. Теперь вот Гитхаб говорит, что я должен настроить двухфакторную аутентификацию, используя аутентификатор в качестве второго фактора. Настроить-то дело нехитрое, но что я буду делать, когда через год аутентификатор забудет про меня и про Гитхаб?
Объясните, как правильно делать!
Глагол понятнее
Недавно в связи с появлением Game Mode мы обсуждали проблемы режимов.
Есть общеинтерфейсное знание, что модальность (то есть «режимность») — зло. Суть режима в том, что он изменяет поведение привычных элементов управления. Из-за этого страдает предсказуемость и надёжность: ты вроде делаешь всё как обычно, а система работает иначе. Оказывается, там другой режим. Про это подробно написано у меня в книге:
bureau.ru/projects/book-ui/
Но помимо этой проблемы есть ещё чисто лингвистическая: режимы часто называются существительными. Например, отключение экрана у часов называется «режимом кино». А в обсуждении фототерминологии мы выяснили, что функция «Никогда не пересвечивать» может вдруг называться Highlight exposure mode. Функция «если блин я нажал кнопку фоткать, то надо фоткать!» называется Release priority. В машинах тоже дурдом: функция «соблюдать дистанцию автоматически» называется Adaptive cruise control.
Когда человек хочет, чтобы что-то как-то работало, он думает об этом глаголами: выключить экран, не пересвечивать, фотографировать по команде несмотря ни на что, притормаживать за другой машиной. Чтобы понять, что определённый паттерн действия называется существительным, в голове приходится проделывать некую работу.
Глагол — понятнее. Многие модальные интерфейсы выиграли бы от простого переименования режимов с использованием глаголов. Название Do not disturb — хорошее, а Silent mode — хуже. Кстати, это два разных независимых режима, что совершенно не укладывается у меня в голове.
Наша схема метро Ташкента обновилась и стала официальной:
https://ilyabirman.ru/tashkent-metro/map-2/
Над схемой изначально работали я и Тимур Репин, а в новой версии поучаствовали ещё Юля Череватая и Алибек Мусабеков.
Приходите за дизайном схем.
Прокрутка бумаги под пальцем
1. В 2007 году в бюро делали интерфейс для устройства «Эмгизмо»:
https://bureau.ru/projects/mgizmo/
2. Тогда Айфон мало кто видел, а тем более мало, кто понимал, как реализовать нормальную прокрутку. Для разработчиков «Эмгизмо» я снял (на Нокию) специальное объясняющее видео с чеком. Исторический документ!
3. Оказалось, что внутри Эпла дизайнеры объясняли разработчикам задачу на таком же примере. Инженер Эпла рассказывал в подкасте у Грубера.
Вот что заставляет людей так делать? Город всегда Челябинск, зачем его вообще писать? Мне нужно записаться в центр на Свердловском, но их, оказывается, два, поэтому нужно в соседней вкладке ещё открыть карту, чтобы выбрать правильный. Казалось бы, добавь рядом «Напротив „Мегаполиса“» и всё. А самый прикол, что когда уже выбрал правильный центр, под ним появляется ссылка «показать на карте». Спасибо, теперь-то уже я сам сходил посмотрел.
Иногда в работе мне начинает казаться, что делать нормальный интерфейс — это само собой и не требует специальных навыков. Ну просто делаешь нормально, чё тут специально уметь? Но потом я смотрю на окружающий мир и вижу, что для большинства людей делать нормально — это что-то недосягаемое.
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 150-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-150/
От № 126 до № 150 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 126 про решение, № 136 про отключение кнопки, № 139 про линейную подачу макетов (это ещё и про презентацию отчасти), № 144 про серенький текст в поле и № 148 про толщины линий.
Идёт запись на октябрьско-ноябрьский курс:
https://bureau.ru/educenter/ui-online/
Вещь, которая больше всего меня убивает в замедлении Ютюба — на картинке. Иногда ты включаешь видео, а в нём появляется крутилка, но при этом не исчезает кнопка плей! Я не знаю, как Гугль умудрился так напрограммировать, но такого не должно происходить ни при каком замедлении, это же просто невозможное состояние интерфейса. Кнопка плей при этом как бы нажимается всё ещё (но ничего не делает), то есть видео не считает, что оно играет. Поэтому, например, на паузу поставить (в надежде, что крутилка перестанет крутиться) тоже нельзя. Просто интерфейс ломается и всё. Нельзя так плохо писать код.
Читать полностью…Три парадигмы проектирования, определение формы барабана на слух, заработок диджея, расист ли Мэтт Уолш и из чего сделан английский язык. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-75/
Пока продуктовые дизайнеры на очередных исследованиях подтверждают правильность закона Фиттса и теории близости, ребята в «Нейролинке» (Neuralink) реально исследуют что-то новое — BCI (brain-computer interface).
Например, они делают мышь, управляемую силой мысли — их первый пациент этим уже пользуется вовсю. Вот вам кусочек подкаста, где ответственный за софт «Нейролинка» рассказывает о принципиальной разнице между определением скорости движения курсора и определением клика.
Левостороннее движение в Токио
Когда-то я писал о левостороннем движении в Лондоне — сколько сюрпризов оно таит:
https://ilyabirman.ru/meanwhile/all/levostoronnee-dvizhenie/
Интересно, что в Токио эффект был совершенно другой. Я только на третий день поездки вспомнил о самом факте левостороннего движения в Японии и удивился, что вообще не обращаю на него внимания. В остальные дни оно вообще никак не вмешивалось в мою жизнь и привычки.
Интересно, почему так и в чём отличие? В Токио нет нерегулируемых перекрёстков на дорогах с двусторонним движением или что? Загадка!
Здравствуйте, это образовательная рубрика. Ютюб подсунул какой-то стендап, я его посмотрел и узнал, что китайцы умеют считать до 10 на пальцах одной руки. Узнайте и вы!
Читать полностью…Бронировали?
Самый тупой диалог, когда заходишь в кафе с полупустым залом:
— Здравствуйте, бронировали?
— Нет... а надо было?..
— Нет, садитесь за любой стол.
Камера-контрол — это новый тачбар
На новых айфонах появилась отдельная кнопка для управления камерой. В своих руках я пока такой не держал.
Я думаю, полезно иметь выделенную кнопку для камеры, и кажется, что её расположение очень логично, чтобы было удобно и вертикально, и горизонтально снимать. Но то, как реализовано само поведение кнопки у Эпла, кажется мне ошибкой.
Ещё до официального анонса писали, что это будет не просто кнопка, а волшебная штука, по которой можно будет водить пальцем, чтобы зумить, или нажимать наполовину, чтобы сфокусироваться. Звучит остроумно, но я уже тогда засомневался. Кажется, что проблем от этого больше, чем пользы. В обычном интерфейсе камеры никаких контролов для зума нет вообще. Если кому-то это понадобилось — ну пусть двумя пальцами зумится, но совершенно справедливо эта фича не демонстрируется на экране. Кнопки прямого выбора реально существующих линз куда полезнее. Фокус при частичном нажатии — полезная кнопка на полноценных камерах, но в случае с Эплом телефон и так фокусируется куда надо. Раз в году бывает, что надо подсказать ему, но делать для этого выделенную физическую кнопку — бред. Кажется, тут ошибки, когда ты случайно сфокусировался не на том, на чём хотел, вероятнее.
Ну а после официального анонса мне вообще стало грустно. На это кнопку кроме фокуса и зума завязано миллион других функций, выбор которых достигается тончайшими нюансами прикосновений и скольжений. Я не представляю, как это может принести больше пользы, чем вреда. Я уверен, я буду чаще терять кадры из-за случайного перевода камеры не в тот режим, чем получать более удачные кадры благодаря этой кнопке. Там модальность 80 уровня, причём выбраться из неё нереально. И обсуждения всего этого в разных подкастах только укрепили меня в моём скепсисе.
Сейчас у меня ощущение, что этот камера-контрол — это что-то вроде тачбара на ноутбуках предыдущего поколения. Эплы придумали какую-то фигню, заложили туда огромную гору функциональности, но это никому не надо и не решает никакой проблемы. Надеюсь, со временем они дадут отключить всю эту чушь и использовать это как просто выделенную кнопку съёмки в удобном месте.
Так, я совсем забыл вас звать ещё и на курс о презентациях и выступлениях. Предыдущий фрагмент выкладывал аж мае!
Там участник курса Роман Туров презентовал коллегам-дизайнерам инструмент для подбора цветов на основе правильного расчёта контраста. Сегодня — вторая попытка этой презентации. Посмотрите первую сперва, если не видели.
Вот подход после докрутки:
https://www.youtube.com/watch?v=83bt2V_KRz0
Все детали про курс, включая подробную программу, отзывы и кнопку «Запись»:
https://bureau.ru/courses/presentation-online/
Вообще, это полностью офигенный курс, на который должны ходить все.
Гейм-моуд
Иногда я играю на Айфоне в некую тетрисоподобную игру. После обновления до 18-го Ай-ОСа при её запуске на экране вылезает такая штука.
Это мелочь заставляет с грустью вспоминать о том, чем была компания Эпл раньше, и чем стала сейчас. Как можно было быть первооткрывателями, а в итоге растерять все знания? Человек, который придумал эту штуку, вообще ничего не знает об Эпле и об интерфейсах, но каким-то чудом работает в Эпле над интерфейсом.
Мы знаем, что режимы — зло. Последние годы Эпл добавляет всё больше самых разных режимов во всё, что делает: Silent Mode, Cinema Mode, Dark Mode, Low Data Mode. Это всё было плохо, потому что человеку приходилось следить за всеми этими режимами и думать, что они значат. Но в этом году добавился Game Mode, который принципиально хуже всего, что было до этого.
На этот раз режим вообще ничего не значит и вообще низачем не нужен. Его нельзя включить или выключить; никто не знает, как и на что он влияет. Весь его смысл — маркетинговый, типа Айфон в курсе, что ты собираешься играть, и щас вот как покажет тебе свою мощь и производительность! Да, он вроде бы там на фоне какие-то процессы утихомиривает, чтобы игра не тормозила, но зачем об этом кричать? Какая польза от этого уведомления человеку? Какое решение я могу принять, увидев его? Это же хуже спама: от спама хотя бы рекламодателю польза, а тут ровно никому во вселенной, чистый вред!
Как вам такой дизайн: игры просто не тормозят! Не потому что специальный режим, а потому что это Айфон, на нём просто не тормозят игры? Но чтобы такой дизайн утвердить, нужно быть Эплом из прошлого, а сегодняшний Эпл на такое уже не способен.
Особенно тупо это, конечно, в контексте моей игры, которая и на 286-м процессоре тормозить не будет, потому что там просто нечему тормозить.
Вы не понимаете, это другое
У пропагандистов иногда можно услышать ироничное выражение «вы не понимаете, это другое». Оно значит «я, как и все люди с мозгами, прекрасно понимаю, что это другое, но для моих целей вы должны почувствовать своё превосходство, если не понимаете, и ущербность, если тоже понимаете».