Две позиции в длинном содержимом: прогресс и положение прокрутки
Бывает, читаешь электронную книгу, перешёл куда-то по ссылке внутри неё, и потом случайно теряешь, где читал. Или смотришь длинное видео, по ошибку куда-то ткнул не туда, и потом уже фиг найдёшь, где же ты смотрел на самом деле. Хочется, чтобы таких проблем не возникало: хороший интерфейс должен прощать ошибки пользователю.
Дальше — в блоге с картинкой, которую в Телеграм хрен вставишь:
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 — Высота
Традиционные мини-новости челябинского транспорта. В автобусных держалках разместили аккуратные мини-объявления о поиске водителей. В аэропорту положили буклетики со схемой маршрутов до города. Дизайн мой, понятное дело.
Читать полностью…С ДНЕМ ВАЛЕНТИНА-БИРМАНА🥰🥰
Где клево, туда и иду
Примерно так мы забрали к себе Илью Бирмана на подкаст. А еще обещали ему классно поболтать. В итоге узнали формулу, как делать свои проекты с кайфом и получать за это деньги.
1. Идти туда, где интересно.
2. Никогда не заставлять себя что-то делать.
3. Свободное время уделять тому, что любишь и наращивать свои скиллы в этом.
Илья Бирман — арт‑директор бюро Горбунова, автор книг и создатель сайта «Правила русского языка» и нами любимый диджей. А еще мы выяснили, что он не любит мыть посуду, обожает техно и предпочтет метро природе.
Что внутри выпуска: увлечение кнопочками с детства, дизайнер = порядок, работа в Бюро Горбунова, издание книжек, ведение блога, музыкальные увлечения отца и первый сет в клубе Garage.
🎧 Слушать выпуск
🎞 Смотреть выпуск
Интерфейсы-интерфейсы, откуда вы берётесь? Зашёл на привычный сайт заплатить за электричество, логинюсь как всегда, а он такой: «Выберите сервис»! Сроду не надо было выбирать сервис, а теперь надо выбрать сервис. Из двух одинаковых сервисов. Вы там с ума посходили? Как я это выбрать должен? Я за электричество заплатить пришёл. Вам.
Читать полностью…Написал совет с использованием интерфейсов компании Эпл для иллюстрации плохого и хорошего:
https://bureau.ru/soviet/20240213/
Глюки мозга
Люблю всякие идиотские глюки мозга, связанные со сбоем контекста. В школе я как-то повёл мышку за пределы экрана, чтобы нажать ею на кнопку выталкивания дискеты из дисковода. Ещё, бывает, смотришь газету и пытаешься увеличить фотографию двумя пальцами, чтобы разглядеть. А сейчас я подошёл к светофору, который показывал 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/
Он даже переделал совет на новый дизайн, чтобы было удобно читать с любого устройства.
Артём там рассказывает про историю появления фоторамы для сайта КМ/Ч, потом Фоторамы как элемента интерфейса, какая она была классная и полезная, и почему жуткие баннеролисталки — это совсем не то.
Я вообще не помнил откуда важнейшие слова о том, что клик — дорогой жест, а они, оказывается, из этого совета как раз.
Вижу проблему с пунктирными линиями лондонских железных дорог, которые использует Транспорт Лондона. Ну, помимо того, что выглядят они как говно.
На них совершенно не видны станции! Пеньки — настолько незначительные нерегулярности, что на фоне адской мигалки их просто невозможно заметить.
Думаем дальше № 10 — «Видео тут совершенно ни при чём»
Ну что, успели выдохнуть после вчерашней порции моей болтовни?
Спец-мета-выпуск: говорю монологом о подкастинге, месте подкастов в жизни, инструментах и что пока получается с этим подкастом.
0:00 — Сегодня «подкастом» называют разговорчики в Ютюбе
3:47 — Лайвджорнал, блоги, РСС-потоки и классические подкасты
9:41 — Аудиокниги и подкасты «по сценарию» против свободной беседы с точки зрения комфорта слушателя
16:15 — Звук должен быть качественным
19:33 — Платный Ютюб — не замена подкастным приложениям: офлайн, позиция, скорость, порядок
29:23 — Оверкаст, плейлисты, приоритеты, нюансы подписки, главы в выпусках, требовательность к подкастному приложению и недоступность в русском Апсторе
38:10 — Поддержка подкастов в Эгее
39:01 — Роль Ютюба и каталога Эпла в распространении подкастов
44:10 — Мой подход: РСС первичен, остальное — вторично
48:07 — Этот подкаст на Яндекс-Музыке
48:49 — Названия и описания выпусков
...
Продолжение и все ссылки — в каментах.
🔴 Запись живых советов Ильи Бирмана и Миши Нозика о презентации клиенту и публичных выступлениях
Запись на Ютубе:
https://youtu.be/iranQxeBJ-A
Курс Ильи Бирмана и Миши Нозика «Презентация клиенту и публичные выступления»:
https://bureau.ru/courses/presentation-online/
Миша Нозик вслед за Бирманом тоже решил выровнять текст и висячий заголовок:
https://bureau.ru/soviet/20240214/?utm_source=tg-s-s-s240214-140224
Напомню, что сегодня вечером в 20:00 мск у нас с Мишей Нозиком будут Живые советы о презентациях и выступлениях. Чтобы живые советы получились, нужно, чтобы вы заготовили вопросы и пришли с ними.
Чтобы было проще фантазировать над вопросами, посмотрите программу нашего курса:
http://bureau.ru/courses/presentation-online/
В начале эфира мы расскажем немного о том, как проходит курс, а потом уже дадим вам задавать вопросы. В общем, приходите с вопросами!
Видео по вторникам: обход Полстара 4. Весело сделано, особенно смешно про кожу в конце:
https://ilyabirman.ru/meanwhile/all/polestar-4-video/