Активное и пассивное избирательное право
Быть политиком, чиновником, общественным деятелем — большое дело, требующее активного вовлечения. Есть даже слово такое — активист. Но вот право избираться называется «пассивным избирательным правом».
В то же время сходить раз в несколько лет проголосовать — ничего не стоит. А право сделать это называется «активным избирательным правом».
Это так потому, что избирать это 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
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.
Яндекс, я возмущён. Я ж добавил подкаст в твою «Музыку». И вот слушатели мне жалуются, что они не понимают, с кем я разговариваю в выпуске. Я говорю: так там же в описании написано. И тут выясняется, что в твоём интерфейсе хрен найдёшь описание!
1. Мне показывают скриншот, реально ничего нет. От безысходности спрашиваю: «Что прячется за многоточием?»
2. Мне говорят: «О, там описание, спасибо!» Яндекс, ты с какой планеты упал, где за таким многоточием описание прячут? Там пользователь ожидает интерфейсы типа «добавить в избранное», «скачать», а не описание. Посмотри плиз лекцию «Привычка» у меня.
При этом показывается только начало описания. Я спрашиваю: «А таймкоды-то он [Яндекс] куда дел? Ещё и „Далее“ надо нажать?»
3. Мне присылают следующий скриншот: «Ух ты, там ещё и таймкоды есть!» И это при том, что это не первый подкаст у человека, просто он до меня вообще не знал, что такое есть.
Вы со своими дизайн-исследованиями совсем охренели и интерфейс не можете нормальный сделать.
4, 5. Посмотри, Яндекс, пожалуйста, как выглядят подкасты здорового человека. Не показывать описание — это просто какой-то мрак и моветон. Гмейл изобрёл показывание первой строчки письма прямо в списке писем лет двадцать назад. Это делает хоть Оверкаст, хоть встроенное приложение Эпла.
И посмотри мою лекцию «Информативность» ещё, пожалуйста.
И вы ещё спрашиваете, почему я подкасты на Яндекс Музыке не слушаю. Я что, больной что ли? Пусть они сначала разберутся хотя бы в общих чертах, что такое подкасты, как ими люди пользуются.
Смотрите, нас тут спросили про ворк-лайф-баланс:
https://awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out/
Если приходится искать баланс, вы уже делаете что-то не так.
Женя Арутюнов примерно про то же, что и я, но явно лучше подготовился и аж с картинками выступил! Женя, привет.
Снял вам кино про то, почему 0,(9) = 1. Казалось бы, это ж и так понятно? Но люди продолжают зачем-то об этом спорить, а некоторые — доказывать. Но доказывать тут нечего, некоторым людям просто не хочется в это верить. Поэтому я пробую помочь поверить:
https://www.youtube.com/watch?v=DGG0bjpg9g0
Думаем дальше № 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/
Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер
Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.
В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть за уголок. Но мы видим в подобном «волшебном» поведении последовательность и логику. Если в физическом мире есть законы физики, то в интерфейсе мы можем придумать любые законы. Когда они хорошо продуманы, человек не просто заучивает определённые последовательности действий, а может осмысленно придумывать новые для решения своих задач.
Эта лекция о том, как видеть и придумывать хорошие законы в интерфейсе. Она существенно дополнилась: появились идеи об управляемости, замкнутости и обратимости, о связи внешнего вида интерфейса и ожиданий от него. Ну и добавились новые примеры.
В трейлерах у меня, в основном, обрезки для заманухи. Но также я придумал принцип, что трейлер сам по себе должен быть полезен. То есть кроме заманухи в нём должна содержаться хотя бы одна самостоятельная мысль или хотя бы один пример должен быть разобран содержательно.
В трейлере «Последовательного волшебства» – домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:
https://www.youtube.com/watch?v=_EOTBVLCvfk
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
Бирман похвалил схему троллейбусов Красноярска:
https://bureau.ru/soviet/20240116/?utm_source=tg-s-s-s240116-160124
Подкаст «Думаем дальше» успешно загружен на Яндекс Музыку, с уважение сообщает команда Яндекс Музыки:
https://music.yandex.ru/album/29069497?dir=desc&activeTab=about
Если вы там хотели слушать, то начинайте. Все вышедшие пять выпусков — там. Скоро будем следующий выпуск записывать, никогда не угадаете, с кем.
Расскажите, как вам подкаст. Перевернул вашу жизнь, надеюсь?
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 100-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-100/
От № 76 до № 100 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 82 про сео и персональные данные, № 86 про технозависимость, № 89 про прямоугольность и Фотошоп и № 91 с аналогией между юай-китом и шрифтом.
Также выделился раздел «Вёрстка».
А какие видосы вам показались самыми полезными?