Антифриз и незамерзайка
А вот ещё удивительный термин наоборот. Охлаждающая жидкость в автомобиле называется антифризом. А вот незамерзайка — это вообще зимняя жидкость для мытья стёкол.
Бирман вот просто на глазок поставил, чтобы ему нравилось:
https://bureau.ru/soviet/20240130/?utm_source=tg-s-s-s240130-300124
Вещь, которая убивает в Озоне. Иногда по хрен знает каким причинам что-то не доставляется в ближайший пункт выдачи. И тогда уже на этапе заказа оно пишет: «выберите другой адрес». Где блин выбрать, из чего? Нет никаких элементов выбора, никаких подсказок, а в меню есть только пункт «переместить в корзину», который в контексте интернет-магазина вообще взрывает мозг: это в смысле удалить или в смысле добавить в корзину? Так оно и так в корзине у меня. Зато, надеюсь, всё поисследовали и конверсия хорошая.
Читать полностью…Шутки про писание в душе
Ютюб подсунул мне какую-то шутницу, которая в самом начале давай «шутить» про то, что она писает в душе:
https://www.youtube.com/watch?v=9RXlUtgXrdE
Я слушаю и не понимаю, в чём шутка. Кто-то не писает в душе? Почему?.. Причём такое ощущение, что я на эту тему что-то уже слышал у какого-то другого комика, и тоже недоумевал.
Дальше она называет это своим «грязным» секретом. Она что, писает грязью? Потом оказывается, что её бойфренду это кажется неприятным! Это она для шутки больного бойфренда придумала или он правда дебил?
Но люди почему-то смеются! Видимо, это правда какая-то распространённая заморочка.
Активное и пассивное избирательное право
Быть политиком, чиновником, общественным деятелем — большое дело, требующее активного вовлечения. Есть даже слово такое — активист. Но вот право избираться называется «пассивным избирательным правом».
В то же время сходить раз в несколько лет проголосовать — ничего не стоит. А право сделать это называется «активным избирательным правом».
Это так потому, что избирать это active voice, а быть избранным — это passive voice. Логика ясная, но всё равно каждый раз приходится в голове это переворачивать.
Но я считаю, что раз логика тут лингвистическая, то, надо было идти дальше, и по-русски называть это действительным и страдательным избирательным правом! Другой вариант — перейти на математическую терминологию и разделить избирательное право на действительное и мнимое.
В Школах бюро идёт неделя абитуриента. У нас скоро заканчивается набор в 19-й поток, и мы активно призываем всех в него успеть:
https://bureau.ru/news/2024/school-19enroll-studentsweek/
Также у меня сегодня будет мастер-класс — это такой эфир в Зуме:
https://bureau.ru/news/2024/january-masterclass-birman/
Поделюсь своими наблюдениями, связанными с эстетикой интерфейса, и покажу пару простых приёмов, которые сделают любой интерфейс приятнее на вид. Заодно расскажу, как проходит курс «Пользовательский интерфейс и представление информации».
Запишитесь там по ссылке, оставив свою почту.
Интервью с Тимом Куком, Элоном Маском и Джеффом Безосом, а также просветлённый парень и лекция о делании продукта. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-70/
Автомобильная навигация одним предложением
Я редко пользуюсь навигатором — хорошо знаю город, да и редко езжу в загадочные места. А ради выигрыша пары минут на пробках лень даже тыкать в телефон. Но недавно у меня добавилась регулярная поездка, длительность которой может быть от 20 до 50 минут в зависимости от выбора маршрута в конкретное время дня. Пришлось приучиться к навигатору.
Теперь я хочу специальный навигатор, который не рисует никакие карты, а просто говорит одним предложением, как мне ехать прямо сейчас: «Езжай через плотину — Гостевую» или наоборот «Щас лучше по Университетской набережной, потом развернуться и на Северную — Тополиную — Татищева». Всё, больше ничего не нужно.
Объяснение на словах сложно понять, если ты едешь в незнакомое место, но когда у тебя всего несколько комбинаций, это очень понятно. Так объяснил бы по телефону человек, глянувший на карту.
Недавно я выложил на сайте рассказ о дизайне сайта компании «Альфа-Медикал». Теперь снял про него более подробное видео:
https://www.youtube.com/watch?v=xaEn82FX64A
Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям.
00:00 Интро и что за компания «Альфа-Медикал»
03:46 Схема «Вы — Мы» — визуализация роли компании
04:24 Информативное главное меню сайта
05:02 Приёмы управления вниманием в большой текстовой странице
05:57 В основе сайта — ситуации
07:44 Этаж про деньги
11:06 Работа над текстом и согласование с клиентом
11:51 Котекстные отзывы как ещё один способ разнообразить подачу
12:49 Этаж про компетентность
13:23 Плавающая кнопка с телефоном
14:02 Страница ситуации
19:24 Шаблонизация и переиспользование текста в ситуациях
21:36 Зачем каждой ситуации нужна своя страница: забота и сео в одном
23:01 Страница «Команда» тоже не про команду, а про клиента
24:52 Страница «Контакты» помогает решиться обратиться в компанию
26:10 Мобильная версия — полноценная, и даже меню не спрятано
26:54 Итоги и как поработать со мной
Красоты на ночь. Шрифтовики решили сделать шрифты на основе почерков погибших во время хамасской резни:
https://www.ot-hayim.co.il
На картинке — самый красивый из них как раз.
Думаем дальше № 6 — «Красиво разлетаются брызги по твоей мисочке» с Никитой Прокоповым
С Никитой Прокоповым обсудили, что две главные фичи нового Макоса, виджеты и видеообои, сделаны через жопу.
0:00 — Мы теперь в Яндекс Музыке и Ютюбе! Там всё через жопу
3:59 — [Фолоу-ап] Терминал — это кросс-платформенность
6:54 — Никита не может поверить, что в браузере работает выделение текста
8:26 — 512pixels.net и музеи интерфейсов
10:28 — Поднять шум эффективнее, чем починить
15:53 — Как Макос расставляет иконки на десктопе
19:57 — Виджеты в новом Макосе взорвали десктоп
30:37 — Чем был хорош классический Дашборд на Маке
35:50 — Как появились виджеты в Центре уведомлений
37:47 — Новые виджеты — шаг в правильном направлении, но надо шагать дальше
43:03 — Видеообои в новом Макосе сделаны через жопу
49:28 — Как надо было сделать видеообои? Кстати, в Айфоне тоже всё плохо
56:11 — Никите не нравится, что поле пароля потерялось на локскрине, а Илье — что оно поддельное
1:00:53 — Никита учит делать рандомные обои через Unsplash wallpaper
1:04:44 — Так как надо было сделать видеобои?..
1:07:44 — Всё потому, что вместо живых презентаций у Эпла теперь рендеры
1:15:02 — Как Джейсон Фрид презентует продукты Хей
1:19:04 — Как Илья снимает лекции для бюро, как хранит сотни примеров и почему не пользуется тегами в Файндере
Все выпуски на разных платформах:
• https://thinkon.mave.digital
• https://podcasts.google.com/feed/aHR0cHM6Ly9jbG91ZC5tYXZlLmRpZ2l0YWwvNTE3MjQ=
• https://music.yandex.com/album/29069497
• https://www.youtube.com/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d
РСС, чтобы подписаться в подкастном приложении:
• https://cloud.mave.digital/51724
Читатель Сева показывает, что Эпл сошёл с ума и решил обращаться к пользователю на «ты».
Отдельно замечу, что «создать пару» — это чудовищный русский язык.
Прошу не забывать, что кроме моего могучего курса об интерфейсе у нас с Мишей на двоих ещё есть прекрасный курс о презентациях клиенту и публичных выступлениях. Ближайший пройдёт в марте, но если записаться прямо сейчас, то сэкономите аж 30%:
https://bureau.ru/courses/presentation-online/
На картинке — программа курса.
Важная сторона всех курсов — практика. Это то, что на картинке подписано рыжим. Помимо презентаций на семинарах, мы ещё устраиваем «репетиции» в виде видосов, отправленных прямо в чат курса. Там и мы комментируем, и участики могут комментировать друг друга, не дожидаясь семинара. Если ничего не пропускать, то за три недели курса можно сделать шесть или даже больше итераций работы над презентацией.
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 125-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-125/
От № 101 до № 125 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 102 про выравнивание цифр в таблицах (вечные сложности у всех), № 107 про ощущение быстроты в программе, № 115 про мир пользователя и № 118 про обозначение обязательных и необязательных полей (тоже вечные сложности).
Идёт запись на февральский курс:
https://bureau.ru/educenter/ui-online/
В продолжение темы того, что знания теряются. В 391-м выпуске «Ток-шоу» Джона Грубера Джон Сиракьюса описывает свой опыт использования нового приложения «Журнал» на Айфоне (с 1:27:44):
https://daringfireball.net/thetalkshow/2023/12/23/ep-391
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.
Миша вот тоже написал совет по вёрстке, но более содержательный, чем был у меня вчера:
https://bureau.ru/soviet/20240131/
А самое прекрасное в нём — это то, что он назвал терминал оплаты компостером. Я аж заулыбался, когда увидел это. Теперь хочу срочно воскресить и внедрить этот термин на транспорте.
Настоящих компостеров уже не бывает (может только в Европе где-то остались), а слово терминал слишком многозначное, мало ли терминалов всяких. Поэтому хочется прямо постановить, что конкретно вот терминал оплаты проезда на транспорте теперь называется компостер.
Такие у меня радости, да.
Участник курса играл в духовом оркестре и против того, чтобы делать линии нотного стана тоньше линий нот. Обсуждаем разницу между тетрадью в клетку и нотным станом и общий подход к экспериментам с профессиональными нотациями. 8 минут:
https://www.youtube.com/watch?v=zMmO0bWqELQ
Идёт запись на февральский интерфейсный курс. Всё про курс, отзывы и кнока записи:
https://bureau.ru/courses/ui-online/
Последний день: набор в 19 поток Школ бюро закончится сегодня
Набор в 19 поток Школ бюро закончится сегодня. Главный принцип сделывания любых дел — «Прямо сейчас».
Осталось меньше суток, чтобы начать занятия на первой ступени и получить шанс попасть на вторую ступень с началом занятий 3 июня 2024 года.
Если начать занятия на первой ступени завтра, вы попадёте уже в 20 поток школы с началом второй ступени зимой 2025 года — на полгода позже. Лучше не откладывать поступление и начало занятий.
Прямо сейчас
А. Г. любит задавать каверзный вопрос бюрошникам, стажёрам и студентам: «Когда в идеале должна быть решена задача?» Неопытные ребята мнутся, уходят от ответа или задают встречные вопросы. Те, кто поопытнее, отвечают: «К дедлайну, конечно». Это неправильный ответ. Правильный ответ — прямо сейчас. В идеале полезный результат должен быть получен прямо в эту секунду.
Лучший момент для поступления в школу — «Прямо сейчас».
Поступить или подарить обучение на первой ступени
Школа дизайнеров
Школа редакторов
Школа руководителей
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2024/school-19enroll-lastday/
Бюро выложило вчерашний эфир про эстетику в интерфейсе:
https://www.youtube.com/watch?v=shMauLoJmSg
Добавили там таймкоды с тремя приёмами, которые я показывал:
00:00 Приветствие и рассказ о курсе
17:33 Приём 1. Делай ровно!
32:25 Приём 2. Меньше выразительных средств
51:40 Приём 3. Прямоугольнее
55:25 Ответы на вопросы
Это приёмы не чтобы какую-то красоту запредельную делать, а чтобы базовый уровень эстетики обеспечить. Их освоить стоит начинающим дизайнерам. Если вы уже уверенно дизайните, вам они не нужны.
Думаем дальше № 7 — «Мы делаем колбасы и майонезы» с Сергеем Стеблиной
С Серёжей Стеблиной всесторонне обсудили стилизацию и что дизайнера всё бесит. Клёвый получился разговор, как будто просто встретились в жизни и поговорили.
00:00 — Как дизайнеры воспринимают замечания
04:53 — Про запикивание мата
06:59 — Вопрос арт-директора и вопрос пользователя, заданный арт-директором
08:25 — Надо уметь делать плохо, ну или не надо, если не хочешь → userinyerface.com
20:46 — Серёжа не любит стилизацию, а Илья не любит «I am_sterdam». Что вообще такое стилизация и когда она ОК? → https://steblina.notion.site/6902f7987c6a4f88b67d4dd8341baa70?pvs=4
34:58 — Иногда стилизация прощается. Чайник в виде чайника из 3Д-Макса? Упор для двери в виде рельса? Барельефы в виде людей?
40:53 — Так почему дизайнеры любят стилизацию? Страх, лень, безответственность. Заха Хадид наклонила фонари, а в Челябинске поставили настольные лампы
45:55 — А если тебе прям задачу поставили стилизовать? Верстаем журнал «Рыболов» с разделительными удочками и чешуёй на фоне
54:15 — В выразительных средствах комиксах ничего нового
57:59 — Илья рассказывает, что дизайнера всё бесит
1:03:00 — Что делать, если в ресторане шеф-повар делает тебе комплимент
1:09:33 — Шоколадка как логотип
Все выпуски на разных платформах:
• https://thinkon.mave.digital
• https://podcasts.google.com/feed/aHR0cHM6Ly9jbG91ZC5tYXZlLmRpZ2l0YWwvNTE3MjQ=
• https://music.yandex.com/album/29069497
• https://www.youtube.com/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d
РСС, чтобы подписаться в подкастном приложении:
• https://cloud.mave.digital/51724
У «Букинга» слишком много лишних слов, да ещё и по форме весь этот зоопарк не согласован.
Читать полностью…Что делать в Дубае и Абу-Даби в конце февраля?
Пришло время для традиционного вопроса.
Что делать в Дубае и Абу-Даби в конце февраля? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Какие есть максимально попсовые развлечения типа «подняться на крышу небоскрёба» или «покататься с горки в бассейн»? А непопсовые? Может, там есть какой-нибудь крутейший музей арабского искусства?
Буду там первый раз, не имею даже примерного представления ни о чём. Так что будут полезны советы типа как добраться из аэропорта DWC, как перемещаться между Дубаем и Абу-Даби, как пользоваться транспортом, где менять деньги и всё остальное такое базовое.
Гениальный ход — продавать интимную смазку бочками по 200 литров. В таком объёме никто не купит, но зато все будут пересылать друг другу ссылку для ржаки (и постить в бложиках), а там и на более вменяемый объём переключиться недолго:
https://www.ozon.ru/product/menu-200-litrov-intimnaya-gel-smazka-na-vodnoy-osnove-dlya-muzhchin-zhenshchin-i-lyubyh-par-198529012/
Респект ребятам! Надеюсь, бизнес идёт гладко.
Осталось два дня: не пропустите бесплатный мастер‑класс Ильи Бирмана
Хотим напомнить, что в четверг 25 января в 20:00 мск Илья Бирман проведёт бесплатный мастер‑класс об эстетике в интерфейсе, а участники смогут задать вопросы. Илья — арт‑директор бюро, автор книг и преподаватель дисциплины «Интерфейс и информация».
Илья поделится своими наблюдениями, связанными с эстетикой интерфейса, и покажет пару простых приёмов, которые сделают любой интерфейс приятнее на вид. А также расскажет о том, как проходит курс «Пользовательский интерфейс и представление информации».
Мастер‑класс будет полезен тем, кто проектирует, учится или подумывает научиться проектировать интерфейсы. Пройдёт в Зуме.
Записаться на мастер‑класс
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2024/january-masterclass-birman/
Превратить див в браузере в растровое изображение
Продвинутые веб-разработчики, вопрос к вам. В Гугле я не нашёл.
Вот у меня есть веб-страничка, а на ней див. В нём я как-то всё сверстал средствами ХТМЛа и ЦССа. Теперь я хочу как-то получить то, что там вышло, в виде картинки, чтобы её можно было сохранить по правой кнопке, например. Как это сделать?
Я искал какой-то метод типа «получить цвет пикселя по координатами», но не нашёл. При этом в веб-инспекторе Сафари, например, есть у любой ноды в дереве документа возможность сохранить её по правой кнопке как ПНГ. То есть под капотом оно как-то эти пиксели там достаёт именно веб-инструментами.
Может можно через канвас как-то зайти? Но всё-таки изначальный лейаут нужно именно дивами собрать. Или что ещё есть? Куда копать?
Цели и задачи
Всю жизнь напрягает разделение на «цели» и «задачи». Хрен поймёшь, чем одно отличается от другого, и где проводить границу!
Обычно объясняют как-то так: цель — это чего ты хочешь достичь, то есть результат, а задачи — это как ты его будешь достигать, то есть процесс. А в моём понимании задача — это достичь поставленной цели. Как именно её достигать — это не задача, а решение. В учебнике по математике или физике задача — это именно что надо сделать, а не как ты это будешь делать. Непонятно, откуда взялась такая абсурдная интерпретация слова задача, как «шаги для достижения цели».
Даже если просто запомнить и принять, что в этой модели люди называют «задачей» решение, всё равно выходит ерунда. Само это разделение предполагает, что всегда есть ровно две стороны: вот что мы хотим получить, а вот как мы это хотим получить.
На деле всегда есть иерархия. Например: мы хотим достичь такой-то доли рынка в этом году. Это цель. Для этого нам надо открыть пятнадцать новых успешных магазинов. Это задача. Но это же и цель! Чтобы открыть магазины, нужно проанализировать, где хорошие точки в городе, какой там трафик, какие конкуренты. Это задача. Но это же и цель! Чтобы всё это проанализировать, нужно расширить штат отдела аналитиков, обучить их и выдать по макбуку. Это задача. Но это же и цель! Чтобы их нанять и обучить, нужно усилить эйчар-бренд и придумать учебную программу. Но это же и цель! И так далее.
Понятно, что в конкретном случае можно договориться, что называть целью, что задачей, а что решением. Но когда один человек исправляет другого словами: «нет, это тут у тебя задача, а я прошу написать цель» — это дурдом. Никто не обязан читать твои мысли и понимать, где именно у тебя проходит граница между одним и другим. Сформулируй внятно, какой информации тебе не хватает.
А вот ещё кусочек из подкаста. В 312-м выпуске «Ток-шоу» Джон Грубер рассказывает про работу в программе Кварк-экспресс, а потом — что нет так с текстовым вводом на Айпаде (с 1:05:20):
https://daringfireball.net/thetalkshow/2023/12/23/ep-312
Он говорит:
«Всё, что могло быть быстрым, было быстрым. И точным. Очень точным! Я всё ещё помню клавиатурные сочетания, например чтобы подвинуть текст на сотую дюйма. А если на тысячную, то нужно было зажать ещё и Альт. И это всё работало так быстро на тех старых компьютерах! Представь, как быстро работало бы сегодня! А у современного софта такого нет. И точности этой нет. Взять хотя бы фрустрацию от Ай-ОСа, особенно на Айпаде. Я не знаю, как должно быть, но я знаю, что Эплы это ещё не нашли. Как точно выделять текст на тач-экране? Когда я пытаюсь выделить текст на несколько строк, я постоянно промахиваюсь с началом или концом. 25 лет назад я никогда не промахился даже на один символ, и мне даже задумываться над этим не нужно было!»
У Оди вышла статья про опасность минимализма в дизайне:
https://awdee.ru/the-danger-of-minimalist-design/
На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.
1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.
2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.
3. И здесь логотип явно улучшили. Нарисовать «плоский» знак красиво — большое искусство, и там действительно богатство и небезразличие в каждом изгибе. Наложить блики и тени — много ума не надо. Такие спецэффекты часто маскируют отсутствие внимания к деталям в самом знаке. В прошлом-то веке ещё ладно, для их изображения нужно было постараться художнику. А сегодня компьютер нарисует любое 3Д безупречно. В чём тут ценность?
Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
Новосибирск: трешак и кофе —
https://ilyabirman.ru/meanwhile/all/novosibirsk-trash-coffee/
Взгляд новичка в интерфейсе: новая лекция и полезный трейлер
Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка.
Актёры играют по сценарию. А пользователи отвлекаются, переключаются между делами и нажимают кнопки не в том порядке, как придумал дизайнер. Нельзя полагаться на то, что человек помнит, что было на предыдущем экране. Каждый экран должен иметь смысл сам по себе.
В этой лекции учу смотреть на экран свежим взглядом: как будто в первый раз или как будто вам полностью стёрли память. В лекцию добавились хорошие примеры из Телеграма, разные из Айфона, а также конкретные признаки того, что с интерфейсом проблема.
Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» – пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:
https://www.youtube.com/watch?v=Pyb7vhfxjMY
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/