Отвечаю на вопрос участницы о том, как выбрать цвета в интерфейсе. Какую роль цвет играл раньше и какую сейчас. Как выбирали цвета для Ворлд Чесса. При чём тут привычка и два слова про книжку Иттена. 5 минут:
https://www.youtube.com/watch?v=Z8C1RMcR2fk
Идёт запись на мартапрелевский интерфейсный курс (16 марта — 14 апреля). Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Думаем дальше № 11 — «Не так, как в 14 веке, но работает» с Сергеем Ведерниковым
С Сергеем Ведерниковым обсуждаем, стоит ли доедать в кафе за другими и почему бог умер.
0:00 — Почему бы не доесть в кафе пирог за другим посетителем?
4:33 — Для Ильи такси — форма роскоши
7:34 — В отеле всё включено, но всё же, сколько именно включено?
13:43 — Неопределённость взаимного долга — важная составляющая человеческих отношения
20:12 — Избыточность: лишняя еда в самолёте, байты, пакеты, электричество, демонстративное потребление
33:25 — Шведский стол: сколько еды накладывать?
38:24 — Сергей читал Харари и рассказывает про три направления гуманизма: либеральную, социалистическую и эволюционную
47:57 — Почему религии стали терять актуальность? Люди поумнели? Появились другие способы регулирования общества?
...
Продолжение и все ссылки — в каментах.
В последнее время меня смешит аккаунт Сорена Иверсона, (видимо) дизайнера, которые придумывает новые идиотские функции для существующих приложений. Например: «Здоровье» показывает, сколько тебе осталось жить, скидка в «Убере», если ты будешь говорить с водителем и т.п.
Сам Иверсон считает, что его самая кошмарная идея — проверять, как внимательно пользователь смотрел рекламу перед видео. Конечно, я ему написал, что «Рутьюб» в своё время делал БУКВАЛЬНО ТАК ЖЕ.
Прикольный вид тумблера в неопределённом состоянии в Фигме (выделено несколько объектов, и у них разное состояние этого свойства).
Читать полностью…Бюроакция имени весны
У нас акция с 4 по 10 марта:
1. Скидка 50% на книги, лекции и школы.
2. Подготовительные курсы за 1 ₽.
Все детали:
https://bureau.ru/news/2024/spring-is-here/
Разумеется, если вы ещё не подписались на мои книги, подпишитесь. «Пользовательский интерфейс»:
• https://bureau.ru/projects/book-ui/?march2024&utm_source=bu-n-multi-8march-040324
«Дизайн транспортных схем» — вообще величайшная книга всех времён и народов:
• https://bureau.ru/projects/book-metro/?march2024&utm_source=bu-n-multi-8march-040324
Ну и лекции об интерфейсе и навигации тоже покупайте и смотрите.
Расскажите всем друзьям и коллегам.
Глюки мозга
Люблю всякие идиотские глюки мозга, связанные со сбоем контекста. В школе я как-то повёл мышку за пределы экрана, чтобы нажать ею на кнопку выталкивания дискеты из дисковода. Ещё, бывает, смотришь газету и пытаешься увеличить фотографию двумя пальцами, чтобы разглядеть. А сейчас я подошёл к светофору, который показывал 47 секунд до моего зелёного света, и машинально даблкликнул в правый эйрпод — типа, промотать на 30 секунд вперёд.
Список кофейных мест дополнился дубайскими % Арабикой и Фьюзом (ничего выдающегося, но уж чем богаты):
https://ilyabirman.ru/meanwhile/all/coffee-places/
Йо Каминагаи показал, что географические линейные схемы автобусов в Париже появились, мягко говоря, не вчера. Вот примеры из 1949 года.
Я недавно показывал современные:
https://ilyabirman.ru/meanwhile/all/paris-bus-stops/
Совет Ильи Бирмана — забить:
https://bureau.ru/soviet/20240227/?utm_source=tg-s-s-s240227-270224
1. У вас 6-й этаж, вы заходите в лифт и жмёте…
2. Да нефиг кнопки сразу жать, сначала инструкцию прочти! Жмёт сразу, посмотрите-ка!
Яндекс.Маркет пока ждёшь такси
Яндекс давно придумал такую фишку: пока ждёшь такси, тебе показывают какие-то товары на Яндекс.Маркете, и тебе они нет-нет, да нравятся. Я сам не раз туда залипал и добавлял в корзину всякие клёвые вещицы. А что, ловко придумано: тебе всё равно нечего делать, стоишь тупишь в телефон несколько минут — почему бы тебе чего-нибудь не продать? Удобно, когда у тебя «экосистема», и один акаунт работает и для такси, и для Маркета.
Да вот только за все месяцы или годы, что эта фича существует, я не купил ни одного товара! В корзине у меня там наверное их уже сто. Это поразительно, но эта штука вообще ничего не делает, чтобы я купил. Я просто добавляю клёвое, а потом приезжает такси и я больше никогда об этом не вспоминаю. Когда я жду следующее такси, мне не показывают, что я добавил в прошлый раз; меня просто развлекают новыми товарами, как будто это лента соцсети, а не магазин. И ни приложение Маркета, ни приложение такси не может додуматься прислать мне напоминалку, мол, эй, ты там добавил в корзину чё-то, может, хочешь купить?
Такое ощущение, что там оптимизируют метрику «сколько товаров пользователь добавил в корзину» или может даже «сколько времени пользователь провёл в приложении», но не метрику «сколько бабла нам принесла эта фича». Ну либо я один такой, а все остальные сами вспоминают о том, что они добавили в корзину, и потом где-то её находят (где?) и покупают себе всё.
Поделюсь любимой красотой — пачкой железнодорожных вагонов. Фиг знает, почему на них столько всего написано и оно всё такое клёвое, но вот.
На второй картинке волшебный шрифт цифр, и он очень часто встречается на вагонах. Что это за шрифт, кто знает? Или это, может, ГОСТ какой-то? Научите.
На третьей картинке обозначение похоже на бензозаправочный пистолет. А на самом деле что это?
Читатель Артём Горбунов (!) принёс совет про карусели и слайдеры из далёкого прошлого:
https://bureau.ru/soviet/20130422/
Он даже переделал совет на новый дизайн, чтобы было удобно читать с любого устройства.
Артём там рассказывает про историю появления фоторамы для сайта КМ/Ч, потом Фоторамы как элемента интерфейса, какая она была классная и полезная, и почему жуткие баннеролисталки — это совсем не то.
Я вообще не помнил откуда важнейшие слова о том, что клик — дорогой жест, а они, оказывается, из этого совета как раз.
Вижу проблему с пунктирными линиями лондонских железных дорог, которые использует Транспорт Лондона. Ну, помимо того, что выглядят они как говно.
На них совершенно не видны станции! Пеньки — настолько незначительные нерегулярности, что на фоне адской мигалки их просто невозможно заметить.
Что делать в Тбилиси в конце марта?
Пришло время для традиционного вопроса.
Что делать в Тбилиси в конце марта? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Где кайфово работать? Буду там первый раз, ничё не знаю.
Париж: аэропорт и связь с городом —
https://ilyabirman.ru/meanwhile/all/paris-airport/
К сожалению, я сам не могу сделать все, что потенциально хотел бы, но зато я могу написать о своих идеях в надежде, что у кого-то другого дойдут руки, а я потом этим воспользуюсь.
Итак, сегодняшний пост для тех, кто собирается писать свою операционную систему с нуля. Я знаю, я скромный, о многом не прошу.
Идея такая: пользовательская папка должна жить по адресу /
(в корне то есть), я вся система ютиться где-нибудь в неудобной жопе типа /.system
.
Потому что — ну системе какая разница? Никакой. А пользователю все эти /Users/tonsky
или, простите, C:/Documents and Settings
, это что вообще такое?
Плюс, когда система живет в /
, рут в /root
, а юзера (меня!) затолкали в /home/tonsky
, это невольно коммуницирует, кого тут считают главным (не меня).
Сейчас сюда придут люди, которые начнут рассказывать про «в системе обязательно должно быть несколько пользователей» и без этого абсолютно, никак невозможно жить.
На что я отвечу: айфон видели? Сколько там пользователей? Помешало это его успеху? Ну вот.
В общем, хоум дир должен быть корнем. Я сказал.
Зашёл в антикварный, увидел такой жетон, думаю: мне надо! Спрашиваю, почём? А мне говорят: 35 000 ₽. Решил, что фотографии хватит.
Читать полностью…Две позиции в длинном содержимом: прогресс и положение прокрутки
Бывает, читаешь электронную книгу, перешёл куда-то по ссылке внутри неё, и потом случайно теряешь, где читал. Или смотришь длинное видео, по ошибку куда-то ткнул не туда, и потом уже фиг найдёшь, где же ты смотрел на самом деле. Хочется, чтобы таких проблем не возникало: хороший интерфейс должен прощать ошибки пользователю.
Дальше — в блоге с картинкой, которую в Телеграм хрен вставишь:
https://ilyabirman.ru/meanwhile/all/two-positions-in-longform/
На курсе о пользовательском интерфейсе комментирую то, как участница показала свой интерфейс то есть, фактически, презентацию. Вообще, о презентации у нас есть отдельный курс, так что это видео можно считать относящимся и туда, и туда. 6 минут:
https://www.youtube.com/watch?v=tqfe5-w0VPo
Идёт запись на мартапрелевский интерфейсный курс (16 марта — 14 апреля), сейчас −10%. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
И одновременно идёт запись на мартовский курс презентаций (11—31 марта). Тоже все подробности:
https://bureau.ru/courses/presentation-online/
Горячо рекомендую оба курса.
Железнодорожные пути между станциями метро в Дубае провисают: отъезжая от станции, поезд едет вниз, а подъезжая к следующей — поднимается. Оказывается, это способ экономить электричество: разгоняться с горы и тормозить в гору получается проще всего.
Читать полностью…В проекте новых дорожных знаков мы придумали упразднить всю кучу знаков о железной дороге и сделать знак «Уступи дорогу поезду».
В Эмиратах проектировщики пошли ещё дальше и вместо знака пешеходного перехода используют знак «Уступи дорогу пешеходу»!
Плакату нужен передний план, даже если он — схема Московских трамваев.
https://bureau.ru/soviet/20240224/?utm_source=tg-s-s-s240224-240224
Комментирую интерфейс кассы самообслуживания в супермаркете: банерность, реалистичность поиска, висящий предлог, шаг оплаты на терминале, выравнивание картинок. 6 минут:
https://www.youtube.com/watch?v=GNxf6DAZR-Q
Идёт запись на мартапрелевский интерфейсный курс, сейчас −20%. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Приведу пример. В приложении Яндекс Go есть экран Специальных возможностей. Когда человек отмечает пункт «Общаюсь только текстом» водителю приходит уведомление. Мы обучаем водителей, что такие пункты могут выбирать глухие пассажиры. Поэтому если водитель поздоровается и в ответ не услышит приветствия, он не удивится и не расстроится, т.к. будет понимать, что человек его просто не услышал. Кроме того, зная, что пассажир не слышит, для водителя будет очевидно, что такому пассажиру не надо звонить, а стоит написать текстом. Любые очень толерантные, но нечеткие формулировки не дадут окружающим понимания, как себя вести.
Также я не отношу себя к тем людям, которые ожидают, что массовая аудитория знает, как вести себя с людьми с инвалидностью. Можно не принимать этот факт, спорить и злиться и мечтать о лучшем будущем. Но мир устроен так, что если у нас не было опыта общения с незрячим человеком, то совершенно не очевидно, как ему дать понять, что мы рядом? Орать в ухо? Трясти, стучать? Я испытываю одинаковую эмпатию, как к человеку с инвалидностью, который часто устает от того, что окружающие не знакомы с этикетом, так и к человеку без инвалидности, который не понимает, как себя вести, что делать и какие говорить слова, чтобы не обидеть. Я понимаю, что это стресс для обоих.
Это понимание крайне важно для всех, кто занимается проектированием пользовательского опыта. Мало водителю сказать, что сейчас будет незрячий пассажир. Нужно дать водителю четкие, конкретные и понятные инструкции и не ожидать, что он сам должен догадаться, как себя вести, при этом не имея такого жизненного опыта. Поэтому, когда водители приезжают на точку А, у них появляется четкая и короткая инструкция «Подойди к пассажиру, дотронься до локтя, спроси нужна ли помощь с посадкой».
Мне кажется, что толерантность не в том, чтобы завуалировать слово «инвалид», а в том чтобы относится к человеку адекватно его социальному статусу, например, помочь там, где надо и не лезть туда, куда не надо. А для этого крайне важно понимать этот социальный статус.
Участник просит поделиться списком дизайнеров, за которыми я слежу. А у меня нет никакого списка, каждый человек — настоящий и особенный, и с ним связана своя история и контекст. Почему-то вспомнил про Людвига Быстроновского (Людвиг, привет!) Кусочек из посиделок после разбора. Пара минут:
https://www.youtube.com/watch?v=dfe9kO0a054
Идёт запись на мартапрелевский интерфейсный курс, сейчас −20%. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Пока тут проверяю студенческие работы очередные, написал, почему листаемые галереи товаров — это плохо:
https://ilyabirman.ru/meanwhile/all/pageable-galleries-suck/
Вы наверняка видели такие навигационные элементы в Москве и задумывались, как расшифровывается индекс снизу. Специально для вас я всё разузнал.
10 — Люблинская линия
SRTB — Сретенский бульвар
TT — Транспортная таблица
TD — Таблица доступности
PLT — На платформе
500 — Ширина
925 — Высота