Презентуйте простыми и точными словами
На нашем с Мишей курсе презентаций и выступлений замечаю такую штуку. Мы призываем участников говорить более простыми словами, не грузить терминологией без необходимости. У участников это иногда вызывает сопротивление, мол, это вы просто не в курсе, а топы в нашей компании, которым я буду презентовать, всё это знают. Зачем, говорят, я буду им объяснять очевидные для них вещи, это только раздражение вызовет.
Объяснять-то может и не надо, но просто старайтесь выбирать точные и простые слова. Вот человек презентует дизайн и говорит: «Мы спроектировали новый флоу, чтобы улучшить пользовательский опыт». Допустим, у вас в компании все так говорят. Но кому станет хуже, если вы скажете по-русски: «Мы уменьшили число шагов, чтобы было проще купить цветы»? Не бывает, чтобы после такого слушатели испытали раздражение от того, что им слишком понятно объяснили. Тут речь не о том, что вы объясняете топам, что такое «флоу» (а они и так знают), а о том, что вы вообще не используете подобных слов.
Обратите внимание, что проблема не в том, что я как-то субъективно не люблю слова «флоу» и «пользовательский опыт». Я их, конечно, не люблю, и сам в жизни так не скажу, но дело тут в том, что эти слова размывают суть. Бывает много профессиональных терминов, без которых непонятно, о чём именно вы говорите, и в подготовленной аудитории резонно их и использовать, а не упрощать. Но тут простыми словами получается не просто проще, но точнее и однозначнее, чем с заумными.
Спроектировали вы «новый флоу», а начальство вам такое: «Так а почему вы говорите, что это новый флоу? Тут ведь то же самое: выбираешь букет, указываешь адрес, оплачиваешь». Что вы на это ответите? «Да, но мы уменьшили число шагов»? Ну так а фигли сразу так и не сказали, зачем этот обмен репликами вам?
О курсе:
http://bureau.ru/courses/presentation-online/
Дважды двусмысленная навигация на Павелецкой
Иду на днях по переходу в Москве, вижу такое. Читаю на бегу, сам продолжаю идти прямо. Уже пройдя, думаю: что я сейчас увидел? Во-первых, на красном фоне написано, что вход закрыт, но меня зачем-то всё равно в него ведут стрелкой вперёд. Во-вторых, меня ведут туда ещё и стрелкой вправо. Куда в итоге идти, прямо или направо? И зачем мне вообще туда идти, если вход закрыт, открытый-то где?
Возвращаюсь обратно, чтобы сфоткать пример дебилизма в коллекцию. Замечаю, что сверху под загибом мелко написано, что вход закрыт не всегда, а только с 8 до 9 по будням. Окей, с первым противоречием разобразились, просто дизайн тупой.
Но две стрелки по-прежнему противоречат друг другу. Я это называю итальянской навигацией. В Италии на дорогах я не раз встречал рядом знаки типа «Римини прямо» и «Римини направо» — можно ведь и так и так доехать! Это взрывает мозг.
Если человек сомневается в дороге и смотрит на знак, нужно направить его чётко, сделать выбор за человека. В пешеходной навигации этим можно пользоваться этим для разруливания потоков, например из двух равнозначных дорог из А в Б рекомендовать первую, а из Б в А — вторую.
Каждый раз, когда такое происходит, я удивляюсь. Вот кому-то поручили придумать, из какого материала должна делаться эта закрывающая заклейка. Как этот сотрудник понял задачу? Какими свойствами должен обладать материал? Когда он сделал, как он сам себе объяснил, почему его решение — удачное?
Читать полностью…Отвечаю на вопросы по моим лекциям об интерфейсе и информации
Ильяхова в очередном подкасте девушки спросили, почему лекции у Бирмана такие непонятные и сложные. Типа, у тебя-то вот Максим лекции кайф, а у Бирмана чё-то не кайф. Макс меня там ловко защитил, и, разумеется, по делу. И всё же я хочу спросить — а что сложно или непонятно в моих лекциях?
Дело в том, что до этого момента я слышал только положительные отзывы о лекциях. Более того, самый тёплый чат среди всех бюрошкол — именно редакторский: как ни зайду туда, все пишут приятности, сердечки ставят. А тут выходит, что меня любят, не понимая? Хотелось бы быть понятным!
Если вы учились в любом потоке любой из школ бюро, и у вас есть вопросы по моему предмету (Интерфейс и информация), задайте, пожалуйста. Вспомнить, какие там вообще были темы можно, посмотрев программу моего курса (тут она подбронее расписана, чем в школе):
https://bureau.ru/courses/ui-online/
Внимательные коллеги по бюро заметили, что скоро наступит 24-й год. По этому поводу такое количество скидок 24%, что я даже не осилил читать:
https://bureau.ru/news/2023/ny24-gifts/
Но там работает поиск, так что можно найти по фамилии «Бирман» мои штуки (ну или кто вам нравится? можете лекции Нозика или Чикина тоже купить).
Из необычного — скидки есть на плакаты, можно купить про синтаксис интерфейса, например.
Ну а так — обязательно покупайте лекции об интерфейсе и навигации, а также книги об интерфейсе и транспортных схемах.
Если вы думаете «так я уже купил», то ещё раз обратите внимание на грядущий Новый год. Купите в подарок!
Пример названия, которое хрен прочитаешь. А вот у меня тут был нормальный пример сочетания алфавитов:
/channel/ilyabirman_channel/4672
Показываю, как навести порядок в размерах полей в форме. Это есть у меня в книге «Пользовательский интерфейс», поэтому показываю прямо из неё. А потом ещё показываю, как это же работает в Эгее:
https://www.youtube.com/watch?v=ublwi2BmrH0
Жду вас на уютном новогодне-рождественском декабрьско-январском курсе. Дед Мороз принесёт вам мешок новых знаний!
Всё про курс:
https://bureau.ru/courses/ui-online/
Ту-ту-ру!
Новый проект — стиль досок и интерфейс его выбора в гейминге Ворлд Чесс.
Сначала у Ворлд Чесса было всего три стиля досок (которые тоже сдизайнили мы). Популярность и известность платформы росла, игроков становилось больше, игрокам хотелось больше цветов. Мы нарисовали.
Один из секретов проекта заключается в том, что стиль доски — это не только цвета полей, фигур и разных обводок. Есть ещё обозначения выбранной для хода фигуры, допустимых ходов, перетаскиваемой пальцем фигуры, последнего сделанного хода, премува, шаха, мата. Доски также используются для анализа и комментариев: на них нужно обозначать альтернативные ходы; подсвечивать обсуждаемые поля. Куча всего. Мы придумали, как быстро оценить тот или иной стиль на предмет красоты и при этом проверить, чтобы в нём не было конфликтов.
О проекте:
https://bureau.ru/projects/worldchess-boards/
(Интересно, сердца скольких людей ностальгически забьются чаще при взгляде на галерею досок в интерфейсе выборе стиля?)
Хочу подкаст
Я хочу регулярный подкаст, но сам сделать его не могу.
Во-первых, я не хочу заниматься всем геморроем вокруг него — монтаж и кодирование файлов, оформление и загрузка во всякие сервисы, обложечки и дескрипшены, отбор тем для очередного выпуска.
Во-вторых, я не представляю себе подкаст в режиме монолога: я воспитан на всяких классических подкастах Дэна Бенджамина — с Джоном Грубером, Марко Арментом, Джоном Сиракьюсой. Все эти ребята в итоге стали делать свои подкасты, но до этого много лет формат был другой. Дэн был не просто интервьюером, который задавал вопросы, а полноценным собеседником, который мог и поспорить с чем-то, и рассказать свою историю в качестве примера, и выбрать тему для обсуждения. Получался полноценный диалог.
Поэтому мне нужен напарник-ведущий, который мог бы такой подкаст со мной делать. Надо, чтобы у нас более-менее пересекались интересы, и чтобы вам тоже было что по всем этим поводам сказать. При этом вам надо будет взять на себя всю рутину вокруг публикации.
Вдруг вы такое захотите? Давайте попробуем! Если вдруг пойдёт и станет достаточно популярным для рекламы, то рекламные доходы будем как-нибудь делить. Но даже если нет, по-моему это просто интересно. Пока мне кажется, что записываться раз в две недели было бы самое то.
В начале ноября я анонсировал усиление практики на своём интерфейсном курсе. Сейчас закончился первый курс с этими нововведениями. Получилось классно!
Рассказываю в блоге, что именно изменилось, и как это повлияло на участников и результаты:
https://ilyabirman.ru/meanwhile/all/ui-online-practice-boost-results/
Приходите на ещё более практический интерфейсный курс:
http://bureau.ru/educenter/ui-online/
Недавно в Макосе появились виджеты на рабочем столе. Их отображение можно включать и выключать. Также добавилась возможность штатными средставми отключать отображение иконок на рабочем столе — раньше это можно было делать только хаком через defaults write. Полезно, например, когда записываешь какой-нибудь скринкаст.
Но всё это сделано жопой.
1. Если нажать правой кнопкой по рабочему столу, там будет Show View Options. Резонно предположить, что там как раз можно настроить отображение элементов, да?
2. Нет, за этим пунктом прячется вот такое несуразное окно, которое не менялось лет двадцать.
3. На самом деле это настраивается в Настройке системы, куда хрен попадёшь из рабочего стола.
А ещё, если отображение иконок выключить, то по правой кнопке по рабочему столу вообще никакое меню не будет отображаться. Почему?..
А ещё эти чекбоксы иногда не работают. Отключаешь отображение иконок или виджетов, а они остаются! Как можно было так напрограммировать? А потому что это Эпл в 2023 году. Ну и старый хак с defaults write тоже сломали, так что единственное спасение — перезагрузка.
Страхи и цели, Харари у Харриса, Карлсен у Фридмана, кинки-вежливость и Дима Гаврилов о баснях. Что послушать. Выпуск 69:
https://ilyabirman.ru/meanwhile/all/listening-69/
Бирман решил посоветовать Тюмени ориентироваться на лучшие образцы дизайна из Парижа и Челябинска:
https://bureau.ru/soviet/20231205/?utm_source=tg-s-s-s231205-051223
Ваш покорный слуга
Это удивительное выражение транслирует одновременно и огромное чувство собственной важности, и огромное же чувство собственной ничтожности.
Важности, потому что человек настолько много о себе думает, что вместо того, чтобы сказать просто «я», зачем-то называет себя целым выражением из трёх слов, одно из которых нормальные люди не каждый год в речи используют. Читатель или слушатель вынуждены проделывать работу по распаковке этой мутотени в «я».
Ничтожности, потому что — что? Ваш покорный слуга? Слуга? Покорный?.. Просто послушай, что ты несёшь!
С любой из сторон выражение было бы ужасно, но это умудряется быть ужасным сразу с обеих.
Представлять и представлять собой
С вами Институт ран русского языка, и на этот раз озабоченность наших учёных вызывает путаница между «представлять» и «представлять собой».
Люди говорят: «гололёд представляет собой опасность» или «эта книга представляет собой ценность». Но как язык поворачивается так говорить? Гололёд представляет собой скользкий слой замёрзших атмосферных осадков, а книга представляет собой пачку печатных листов в переплёте. Опасность или ценность можно представлять, но не представлять собой.
А вот представлять из себя в принципе ничего нельзя.
Рассказываю на курсе, что моноширинные цифры нужны в таблицах и в случае динамических данных, показываю примеры. 3 минутки:
https://www.youtube.com/watch?v=2PC5L3tv6fA
Запись на уютный новогодне-рождественский декабрьско-январский курс вот-вот закроется. Приходите, теперь много практики.
Всё про курс, отзывы и кнока записи:
https://bureau.ru/courses/ui-online/
Бирман принципиально заадаптивил скелет страницы:
https://bureau.ru/soviet/20231219/?utm_source=tg-s-s-s231219-191223
Сайт из 2004 года
Когда делаешь сайт какой-то компании, обычно живёт он максимум несколько лет. Потом что-то поменяется, сайт решат переделать, и твоя работа исчезнет. Некоторые дизайнеры из-за этого страдают, а я знаю, как не страдать. Но сейчас не об этом.
Сайт компании «Металлмашсервис» я задизайнил в Фотошопе, сверстал и запрограммировал в Эдитплюсе своими руками в 2004 году. И он до сих пор живёт и работает ровно в таком виде!
http://metmas.ru/
Сейчас заметил, что у меня его почему-то даже в портфолио нет, но зато есть вот всякие визитки для них:
https://ilyabirman.ru/metmas/
Я даже специально сфотографировал штуку, которую я бы охарактеризовал как полурым, чтобы положить на бумаги именно её, а не болт, например.
Еду по Варшавскому шоссе, проезжаю мимо здания Научно-исследовательского института технической физики и автоматизации. Над дверьми у него написано: НИИТВА. Думаю: «о, ОТКРЫТО».
(Nyitva — по-венгерски)
Уважаемые пассажиры! В связи со сбоями в цветовых профилях типографии, станция «Павелецкая» переносится на Люблинскую линию.
Читать полностью…Классическая проблема настройки пиццы
В Школе бюро есть задание — нужно сделать интерфейс для заказа пиццы с определёнными условиями. В частности, пользователь может настраивать начинку. Половина студентов допускают одну и ту же логическую ошибку — делают настройку прямо в меню.
Вот первая попавшаяся работа. Это главная страница, меню пицц.
Здесь сразу можно убрать мешающие ингредиенты, добавить собственные, выбрать размер и тесто. Видите ли вы проблему?
Дальше — в блоге:
https://ilyabirman.ru/meanwhile/all/classical-pizza-problem/
Не надо скрывать элементы при наведении
Это кажется очевидным, но в студенческих работах часто встречается, поэтому приходится писать. Не надо скрывать элементы при наведении мышки на них. В данном случае исчезла вся пицца, которую я хочу настроить.
Видимо, дизайнерам кажется ловким, что они как бы переиспользовали место, но на самом деле это же ужасно раздражает. Люди водят мышкой по странице просто так, причём часто наводят как раз на тот элемент, которым заинтересовались. Очень тупо, что он в этот момент становится невидимым.
В этих примерах при наведении появляются какие-то элементы управления. Бывает ещё такое, что в модненьких интернет-магазинах делают товар чёрно-белым при наведении — типа просто такой эффект для обратной связи. Обратная связь важна, но она не должна мешать смотреть на товар.
Вдогонку, вот где я был в гостях:
Иммигранткаст —
https://immigrantcast.unebaguette.com/episodes/2020-08-25-ep080-ilya-birman/
Подлодка —
https://podlodka.io/188
Кода кода —
https://kodakoda.mave.digital/ep-2
Дизайнеры бюро —
https://www.youtube.com/watch?v=K3AJynvowIs
Фронтенд-викенд —
https://podcast.ru/e/3Nvl5B0bIea
Кого забыл?
Эгея 11.3:
https://ilyabirman.ru/meanwhile/all/aegea-11-3/
Накопилось мелочей, а также — Нисден 3.0, ускоренный в десятки раз.
На корпусе Айфона никак не подписаны его кнопки, инструкции в комплекте тоже нет. Зато на защитной наклейке экрана есть объясняющие пиктограммки. Ловко!
Читать полностью…Фотопоста сегодня не будет, но зато. В прошлый раз я выложил фотки из Самары — 2021:
https://ilyabirman.ru/meanwhile/all/samara-2021/
После этого я перезалил в более высоком разрешении фотки из Самары — 2013, а заодно перенёс её из раздела «Мир» в блог:
https://ilyabirman.ru/meanwhile/all/samara-2013/
А потом сделал то же самое и с Самарой — 2010. Этот рассказ я ещё и дополнил несколькими фотками:
https://ilyabirman.ru/meanwhile/all/samara/
И следом та же участь постигла Штутгарт:
https://ilyabirman.ru/meanwhile/all/stuttgart/
Ютуб автоматически подсвечивает кнопку, когда блогеры просят подписаться. Смотрим со звуком.
Подсказал Антон.
Разбираем многословные и не очень полезные сообщения об ошибке в форме регистрации. 3 минуты:
https://www.youtube.com/watch?v=5e2pwuF8raQ
Сейчас действует скидка 10% при записи на уютный новогодне-рождественский декабрьско-январский курс. Дед Мороз принесёт вам мешок новых знаний!
Всё про курс:
https://bureau.ru/courses/ui-online/
А у вас бывает, что вам настолько нравится какой-нибудь кусочек в треке, что вы запускаете Трактор чисто чтобы поставить луп на пару квадратов и ближайшие полчаса просто наслаждаться без лишних манипуляций?
(Ну, просто у меня бывает.)