Блог Ильи Бирмана

Как кнопка «Назад» на Айфоне путает проектировщиков интерфейса

Илья Бирман — Wed, 20 Jan 2021 12:46:08 +0500

В школах бюро обновилась лекция о пользовательском интерфейсе под названием «Навигация». О чём речь:

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

В лекции Илья Бирман рассказывает, как делать информативными гиперссылки и главное меню сайта и как не утонуть в иерархии разделов и подразделов.

Фрагмент о том, как кнопка «Назад» на Айфоне путает проектировщиков интерфейса:

Это фрагмент одной из 35 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Программа школы и как поступить

Также эти лекции доступны слушателям моего онлайн-курса «Пользовательский интерфейс и представление информации».

Ощущение безопасности для пассажиров

Илья Бирман — Tue, 19 Jan 2021 12:03:11 +0500

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

Первое — нужно себе запретить в присутствии пассажиров ругаться на других водителей. «Да куда ты прёшь!» Возможно, вы думаете, что критикуя других водителей, вы подчёркиваете свой опыт: вы-то знаете, как правильно ездить, а эти козлы — нет!

Но ощущение у пассажира обратное: обычная дорожная ситуация вызвала ваше удивление или раздражение, вы не восприняли её как должное. Так значит вы не очень-то уверенно водите. Даже если кто-то создал вам помеху, пассажир вообще не должен этого заметить! Просто все едут, и вы тоже; кто-то куда-то перестраивается, подумаешь, обычное дело.

Второе — нужно ехать мягко, то есть не тормозить и не перестраиваться резко. Может, вам кажется, что вы Шумахер: раз-раз, всех обогнали, в последнюю секунду жёлтого света проскочили, ловко заняли нужный ряд, пока другие не сообразили — осталось только шампанским вас облить.

Но ощущение у пассажира обратное: вы лихачите, дёргаетесь, — и всё равно лишь в последний момент успеваете оказаться в нужном ряду. Не говоря уж о том, что резкие движения создают физический дискомфорт, особенно на задних сиденьях.

Третье — нужно быть решительным. Может показаться, что это противоречит предыдущему, но нет. Представьте: вы выезжаете из двора на оживлённую дорогу, и вас всё никак не пропускают в непрерывный поток. И вот вы выезжаете на дорогу по сантиметру, потому что кажется, что вот щас получится, потом останавливаетесь, потому что нет, и потом снова.

В такой момент напряжены не только вы, но и пассажир: он же видит, что вы не понимаете, что делать! Так что нужно или не тупить и всё-таки влиться в поток, или, если вы оцениваете это решение как небезопасное, остановиться уже и спокойно подождать, когда будет несомненная возможность. Решительность — это про то, чтобы не метаться, а принять решение.

Если у вас возник соблазн возразить в том ключе, что «важно не ощущение безопасности создавать, а реально безопасно водить», не утруждайте себя. Ощущение безопасности нужно создавать не вместо, а вдобавок к безопасному вождению.

Что послушать — 45

Илья Бирман — Mon, 18 Jan 2021 20:10:08 +0500

Всё, что можно слушать, я стараюсь слушать, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.

Вот что я слушал в последнее время, что мне понравилось:

Цифровое кочевничество — Свобода общества в России и США, Интеллигенция Ирана. Андрей Ситник, который разное видал и сейчас в Нью-Йорке живёт, очень хорошо рассказывает о том, почему никакой свободы в Америке нет даже примерно.
12 правил жизни. Джордан Питерсон рассказывает о правилах из своей книги (которую я не читал).
Прогноз на 2021, любимый анекдот и уроки коронакризиса. Сергей Гуриев отвечает на вопросы зрителей.
Как меняется Америка и откуда взялся Дональд Трамп. Кац рассказывает интересно.
6 Myths About Monogamy That Are Ruining Our Relationships. Ура, я нашёл ещё годного контента с британским английским.

Дизайн-системы и культ карго, 1-й Айфон, генератор Челябтабличек, Макбук-про 2021

Илья Бирман — Mon, 18 Jan 2021 10:27:39 +0500

Показываю первый Айфон, любуюсь гробами, хвастаюсь генератором табличек и Челябинском. Обзор недель 3—17 января 2021 года:

00:00 Интро
00:57 Систематизация — новая тема интерфейсого курса. Стандарты, гайдлайны, сетки, юай‑киты и дизайн‑системы. Внедрение и поддержание системы. Гибкость и адаптивность стандартов. Технологичность и взаимодействие с разработчиками. О курсе
02:24 Вышла уже половина книги User Interface (на английском)
03:08 На что я снимаю? Показываю свой фотик Фуджифильм X-T4
04:23 У меня есть английский блог
04:50 Отключение защиты телефона на 15 минут шоппинга
05:22 Показываю первый Айфон!
05:42 Я не понимаю кино. Спойлер х/ф «Престиж»!
07:15 Продолжение фоторассказа о нью-йоркском Мете. Коровий щит, гробы, шкатулки
09:12 Заставки Муз-ТВ. Как я осваиваю Ютюб
09:52 Генератор табличек Челябинска. Показываю, как работает. Рассказываю про варианты табличек. В чём смысле системного размера
14:55 Какой Челябинск клёвый вообще-то. Парк, озёра, все дела
16:35 Инстаграм, перчатки, музончик
18:26 Картинки: новый логотип GM, редизайн чека в магазине, иконка приложения Найка, новогодние иконки Телеграма, велорога

Рассказываю про новую лекцию в интерфейсном курсе и новые главы в интерфейсной книге на английском. Показываю свой видеоблогерский сетап, свой первый Айфон (это первый Айфон) и свой генератор адресных табличек Челябинска. Музончик, новый логотип GM, велорога. Ну и слухи про Макбук-про 2021 года

Неправильные фразочки и присказки

Илья Бирман — Sat, 16 Jan 2021 18:57:03 +0500

Какие вы знаете неправильные фразочки и присказки? Ниже — моя коллекция.

«Критикуя, предлагай». Какая связь? Сам решай, как тебе исправлять косяк, я-то при чём?

«Ты злишься, значит ты неправ». Нет, не значит. Логику подучи.

«Это исключение, которое лишь подтверждает правило». И ты подучи.

«Нет — это не ответ». С хера бы не ответ, когда ответ? Джим Кемп не даст соврать.

«По себе людей не судят». Это вот серая зона. Имеется в виду, что так нехорошо делать, а не то, что так реально не делают. Но как ещё судить, если не по себе? По закону? Так а если его написали мудаки? По заповедям? Ну, тот же вопрос. Плюс ты сам выбираешь, каким заповедям следовать, так что это в конечном счёте всё равно по себе.

«О вкусах не спорят». Похоже на предыдущее. О чём ещё спорить? Если что-то строго доказуемо, то там и спорить не о чем.

«Больше двух говорят вслух». Ну а это вообще абсурд. Единственная вообще причина говорить не вслух — это то, что людей больше двух.

Ну и «Горе не беда» тоже муть какая-то.

Добавляйте!

Хочу фичу: временно отключить пароль и Фейс-айди

Илья Бирман — Fri, 15 Jan 2021 20:44:05 +0500

Эплы молодцы: придумали фейс-айди, который надёжно защищает телефон и при этом работает незаметно. Но и учёные из уханьской лаборатории молодцы: изобрели коронавирус, который вынудил людей по всему миру носить маски.

В результате идти по магазину и поглядывать в список покупок — настоящее мучение. Приходится каждый раз вводить чёртов пароль.

Хочу такую фичу: отключить защиту телефона на пятнадцать минут, чтобы я просто мог его доставать из кармана и делать слайд ту анлок, как на первом Айфоне.

Понятно, что я могу пойти в настройку и выключить там, но это целая история, а включить обратно — вообще неподъёмная задача, которую будет влом делать. А моя фича предполагает, что забыть ничего нельзя, оно само вернётся обратно в защищённый режим. Ну пусть показывает красную иконочку беззащитности в статусбаре, по тапу на которую защищённый режим будет возвращаться обратно.

Аудио по четвергам: даб-техно-сет Йориса Ворна

Илья Бирман — Thu, 14 Jan 2021 12:38:09 +0500

Если вам понравился предыдущий его сет, который я публиковал, то вот послушайте и посмотрите ещё один:

Саундклауд

Если вам нравится музыка, которую я публикую, подписывайтесь на меня на Саундклауде, теперь у меня там живой профиль. Если вы не в теме Саундклауда, это такая первая в истории музыкальная соцсеть, которая реально работает. Рекомендую зарегистрироваться и фоловить тех исполнителей и те лейблы, которые вам нравятся. Поскольку там выкладывают не только своё, но и репостят чужое, в результате вы постепенно узнаёте много новой хорошей музыки. Плюс Саундклауд изучает, что вам нравится, и подбирает ещё и ещё. И у него есть приложение для Айфона, конечно.

Перчатки «с пальчиками»

Илья Бирман — Tue, 12 Jan 2021 16:09:01 +0500

В нормальных перчатках можно спокойно тыкать в мобилу. На днях я узнал, что даже приятные кожаные перчатки уже научились так делать (и сразу купил).

Так вот, у меня вопрос. Из каких соображений кто-то ещё производит перчатки, в которых тыкать в мобилу нельзя? Каков ход мысли этих людей?

Из-за того, что такие чудаки до сих пор остались, производители нормальных перчаток всё ещё иной раз красят пальчики другим цветом, чтобы подчеркнуть, что они нормальные (из-за чего покупать их не хочется: что за цирк?). Не честнее ли было бы наоборот, чтобы производители перчаток «без пальчиков» особо сообращали дизайном на ущербность своих перчаток?

Генератор адресных табличек Челябинска

Илья Бирман — Mon, 11 Jan 2021 20:09:46 +0500

Опубликован рассказ о генераторе адресных табличек по нашему с Игорем Штангом стандарту.

Быстрый видосик:

Там есть живая демка, где можно попробовать пособирать таблички, и описание того, как я автоматизировал генерацию макетов по базе и проверку ошибок, почитайте и покажите всем!

Я ещё про это подробнее расскажу.

Если найдёте ошибку, пишите в комментарии.

На курсе: скруглённое поле поиска и ужасный шрифт Мирьяд-про

Илья Бирман — Mon, 11 Jan 2021 11:47:25 +0500

Фрагмент № 27 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 октября 2020 года. Покажите дизайнерам:

0:00 Скруглённое поле поиска
2:06 Ужасный шрифт Мирьяд-про

До 12 января идёт запись на курс, который пройдёт с 18 января по 12 февраля:

Почитать о курсе

Программа, отзывы, запись

Муз-ТВ: рекламные заставки

Илья Бирман — Sat, 09 Jan 2021 11:29:09 +0500

Продолжаю разгребать эфирную графику «Муз-ТВ». Сегодня — реклама и всё, что рядом.

Рекламые отбивки, все кучей:

Самореклама из обрывков другой графики:

Самореклама про число городов вещания:

В рекламных перерывах ещё показывали сетку вещания:

Предыдущие — по тегу «Муз-ТВ». Самое золото:

Метрополитен-музей в Нью-Йорке. Часть 4

Илья Бирман — Fri, 08 Jan 2021 11:01:08 +0500

Предыдущая часть.

Вроде, это предпоследняя. Иду дальше.

Щит и штука для стрел:

Коровы:

Египтяне:

Другие:

Гробы. Параллелепипед:

Клиновидный:

Кроватевидный:

Человековидный:

Красивейшая штука с текстом:

Украшения:

Клёвый способ вешать бусы. Эффект множества:

Есть отдельные комнаты, где собраны осколки и обломки, из которых пока не удалось восстановить предмет целиком:

Лего археологов:

Шкатулки. Я бы в такой хранил всякие проводки и переходнички:

Камни:

Коридор между залами:

Фиг знает, что это, красиво просто:

Вазы, снова вазы:

Живопись:

Украшения и предметы быта:

Орнамент:

Продолжение следует.

Фотографии из поездки в октябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Нью-Йорк! (Когда дадут)

Ещё Нью-Йорк:

Ещё музеи и выставки:

Кинотемп

Илья Бирман — Mon, 04 Jan 2021 17:22:02 +0500

Чтобы смотреть современное кино, нужен особый скил успевать за автором. Картинка сменяется быстро, но детали имеют большое значение. Если случайно моргнуть, перестаёшь понимать, что происходит — просто какие-то беспорядочно сменяющие друг друга кадры и герои.

Для меня трудно смотреть кино, потому что я редко его смотрю и соответствующая мышца не прокачано. Это что за чувак? Почему они ищут эту штуку? А откуда она узнала? Для других людей я выгляжу слабоумным: всем всё понятно, только я туплю.

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

Египетская вёрстка, факап с Доком Биг Сура, разбор дизайна круга наследования по закону

Илья Бирман — Mon, 04 Jan 2021 11:45:56 +0500

Древний логотип, дырявый Док и дизайн-делёжка наследства. Обзор недели 27 декабря 2020 — 3 января 2021 года:

00:00 Интро
01:07 Про мои книжки
02:11 Открытое письмо мэру Челябинска
03:23 Красивый телефон, самая дорогая шахматная фигура
04:02 Дизайн-позор нового Макоса
05:36 Японская телефонная будка под снегом
05:42 Продолжение фоторассказа о нью-йоркском Мете. Египтяне, египетская типографика и древний логотип. Зачем дизайнеру музей
09:48 Не думай о белой обезьяне!
12:03 Три видоса про Фигму
12:46 Разбор домашки! Круг наследников по закону

Новость недели: наступил новый год! Рассказываю про адресные таблички Челябинска и почему написал открытое письмо мэру. Как Эпл эпически облажался с дизайном Дока в новом Биг Суре. Продолжение фоторассказа о нью-йоркском Мете. Египтяне, египетская типографика и древний логотип. Зачем дизайнеру музей. И — ура! — разбор домашки про наследство.

Что послушать — 44

Илья Бирман — Sun, 03 Jan 2021 22:19:12 +0500

Вот что я слушал в последнее время, что мне понравилось:

The God Debate II: Harris vs. Craig. Целиком то, кусочек чего давал в прошлый раз. Чувак, защищавший бога как источник морали, повторил свой аргумент раз 50, потому что всё время переживал, что люди неправильно его понимают, а отвечая на вопросы говорил, что люди не понимают разницы между эпистемологической и какой-то ещё чем-то там. Бррр.
The Machine That Changed The World. Интервью с Ларри Теслером (который умер в том году). И сразу мой конспект. Ксерокс вообще взялся заниматься интерфейсами, потому что все начали говорить о «безбумажном офисе» будущего, а у Ксерокса весь бизнес был вокруг бумажности офиса. Чтобы не потерять релевантность, Ксерокс решил возглавить эту революцию. Тогда считалось, что многомесячное изучение компьютера перед работой было неизбежно, но типа это стоило того. Но продажники сказали, что так мы ничего не продадим, и возникла необходимость делать всё проще. Теслер организовал юзер-тесты, чтобы доказать, что мышь избыточна и только всё усложняет, но оказалось, что люди предпочитают всё делать мышью. В начале 80-х Ксерокс столкнулся с большой конкуренцией среди японских производителей копировальных аппаратов, поэтому вынужден был направить максимум ресурсов в основной бизнес, а на компьютерные исследования подзабить. Сотрудничество с Эплом началось, потому что они искали себе производителя недорогой электроники, сами-то умели только большие сложные механические дивайсы делать.
Крег Федериги выступает про прайвеси. Понравился термин Data Industrial Complex.
Провал Ильяхова: роковая ошибка «Новых правил деловой переписки». Клёвая история про то, как дизайнер может ошибиться — и исправиться.
«Вера, замолчи»: солистка «АлоэВера» о свободной любви, отвращении к своему телу и войне с устоями. Вера классная. А вот Залина умудрилась аж два раза за первую минуту упомянуть, что Вера — жена Ильи Яшина, хотя это не имеет никакого отношения к сути. Получается, что к главной борщице за сильность и независимость женщин пришла сильная и независимая женщина, чтобы начать разговор с того, чья же она жена. Фейспалм.

Три видоса про Фигму, которые дизайнеру интерфейса стоит посмотреть на каникулах

Илья Бирман — Sun, 03 Jan 2021 11:58:08 +0500

Что дизайнеру посмотреть на каникулах: октябрьские видосы Фигмы.

Вот это — обзор новых недавних фич Фигмы. Варианты — самое полезное, хотя когда ими уже попользуешься, понимаешь, что там не всё идеально. Но всё равно круто:

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

И вот ещё интересно — как в Фигме принимают продуктовые решения:

Не думай о белой обезьяне

Илья Бирман — Sun, 03 Jan 2021 00:54:58 +0500

Когда говорят о мыслях, от которых трудно отмахнуться, всегда приводят в пример фразу «не думай о белой обезьяне». Мол, если её произнести, слушатель ну никак не сможет не подумать о белой обезьяне!

Я давно заметил, что хоть я и слышал эту фразу сто раз, но я никогда при этом на самом деле не думал о белой обезьяне, причём я не предпринимал для этого никаких усилий. Просто когда я слышал этот пример, я с ним внутренне сразу соглашался: ну разумеется, как тут выбросишь эту обезьяну из головы! Но в реальности никакой обезьяны в этот момент в моей голове даже не появлялось.

Пока писал эту заметку, сделал специальное сознательное усилие, чтобы нарисовать в голове белую обезьяну, чтобы впервые в жизни о ней подумать. Это было не так просто: я не помню ни одной фотографии или картинки с белой обезьяной, поэтому пришлось прям усиленно синтезировать этот образ.

Так что не верьте всему, что вам говорят.

Метрополитен-музей в Нью-Йорке. Часть 3

Илья Бирман — Fri, 01 Jan 2021 13:24:27 +0500

Предыдущая часть.

Чё там дальше. Какие-то петухи и ангелы:

Снова вазы!

И ещё. Каждую — надо:

Чёрон-белая — крутая. Рядом с картиной Поллока из предыдущей части её:

Инструменты и обломки чего-то:

Вроде пошли всякие египетские дела. Египтяне:

Офигенная письменность:

Надо такое можно смотреть бесконечно:

Древний логотип. Текст в капсуле:

В заметке про Нефертити показывал подобное на папирусе (или что это было), а тут прям камни:

Дальше всякие сюжеты с фигурками. Морские:

Производственные:

Фермерские:

Опять графдизайн:

Сцена с изображением жены короля, написано на табличке справа:

Цвета и состояние:

Рядом висят всякие плакаты, объясняющие, как что читается:

Я ни во что не успевал вникнуть, потому что у меня было всего часа три на весь музей. Просто жадно смотрел красивое и фоткал подряд:

Камни-камни:

Красиво расставлено и развешано:

Типографика и вёрстка:

Продолжение следует.

Ещё Нью-Йорк:

Ещё музеи и выставки:

Лецплей № 10: техно

Илья Бирман — Thu, 31 Dec 2020 11:19:34 +0500

Вчера так:

0:00:26 Mersel: Asorted
0:05:18 Ness: Sidereal Cycle
0:10:28 Infinity: Recap (Vanoni Remix)
0:14:34 Kaiser: Anesthesia
0:17:58 Rene Wise: Sling Jockey
0:22:21 Ausgang: BS82
0:25:10 Alignment: Convulsions
0:26:28 Shifted: Clairvoyance Part II ★
0:31:12 Ray Kajioka: Constant
0:33:40 b.mod: Raw Uluz
0:37:50 Denise Rabe: Don’t Leave
0:40:48 Hedustma: Existence
0:45:48 Claudio PRC: Ost
0:48:11 Kaspiann: Cave Of Escher
0:54:18 Truss: Beacon (Original Mix)
0:55:33 Robert Hood: Shaker
1:00:40 Woo York: Black Soul
1:03:32 The Ripped: The Arquitectural Uncanny
1:06:00 Psyk: Voyager
1:09:43 TWR72: X2
1:11:25 Troy: Algol
1:14:42 Technasia: Final Quadrant
1:18:19 Dorian Gray: Stellar Wanderer
1:22:05 Blazej Malinowski: Drifting
1:26:08 Conrad Van Orton & VSK: Interaction

Комментарий к комментарию Павла Крутолапова

Илья Бирман — Wed, 30 Dec 2020 13:07:58 +0500

В «Деловом квартале» вышел комментарий главного архитектора Павла Крутолапова к моему открытому письму главе города об адресных табличках.

Тезисы Павла:

«Для начала следовало уладить вопрос с правообладателем шрифтов». Верно. Поэтому мы ещё весной подготовили с нашими юристами и согласовали с дизайнером шрифта лицензию. Павел попросил меня оплатить эту лицензию самому из тех денег, которыми город, как тогда предполагалось, оплатит нашу с Игорем работу по приданию стандарту формального вида, мы с этим согласились.
«Наши юристы запросили документы, которые дали бы нам право на использование шрифтов». Это не так. Никакие юристы УАГП ни разу ко мне не обращались, но документы мы передали и без этого — очевидно же, что они нужны. Более того: я сам просил Павла связать меня с юристами, чтобы я объяснил, как работает наша лицензия. Павел несколько раз обещал это сделать, но так и не сделал.
«Параллельно с этим к нам обратились известные дизайнеры — Андрей Брохман и Юрий Пономарёв». У меня другая информация. Брохман и Пономарёв позвонили мне в конце ноября с вопросом «Что случилось у вас с Крутолаповым, что он пришёл к нам с просьбой срочно придумывать новый дизайн?»
«Таблички авторства Бирмана, появившиеся на Лесопарковой, на „Белом рынке“ — они там висят без получения прав на шрифт». Это не так.
«Мы обсуждали вопрос предоставления городу его наработок по уличным указателям, он выставил нам определённый ценник». Тут подмена. Никаких денег за предоставление городу «наработок» я не просил. Павел попросил оценить создание документа с формальным описанием стандарта (из этих денег, как предполагалось, я должен был оплатить лицензию на шрифт), и мы назвали сумму именно за эту работу.
«Мы хотели сохранить именно синий цвет на табличках». Любопытно! Вариант с синим цветом мы обсуждали ещё с предыдущим главным архитектором Николаем Ющенко. Мы даже согласовали тогда конкретный оттенок синего, который будем использовать, если поймём, что горожане активно против чёрного, но по умолчанию оставили чёрный. Этот вопрос не был для нас принципиальным, просто мы сами предпочитаем чёрный.

По существу Павел не сказал ничего, что хоть как-то изменило бы суть моего обращения к главе города, поэтому по-прежнему жду реакции Натальи Петровны Котовой.