Канал Ильи Бирмана
13.2K subscribers
5.29K photos
156 videos
21 files
3.42K links
Заметки, советы, находки

Чат для обсуждения тем из канала (офтоп нельзя):
https://t.me/ilyabirman_chat_2

Классический заблокированный чат канала (там творится дичь):
https://t.me/ilyabirman_chat

Разместить рекламу:
ilyabirman@ilyabirman.ru
Download Telegram
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 125-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-125/

От № 101 до № 125 — свежедобавленное, посмотрите.

Если всё смотреть лень, особенно рекомендую № 102 про выравнивание цифр в таблицах (вечные сложности у всех), № 107 про ощущение быстроты в программе, № 115 про мир пользователя и № 118 про обозначение обязательных и необязательных полей (тоже вечные сложности).

Идёт запись на февральский курс:
https://bureau.ru/educenter/ui-online/
У Оди вышла статья про опасность минимализма в дизайне:
https://awdee.ru/the-danger-of-minimalist-design/
https://t.me/awdee/29518

На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.

1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.

2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.

3. И здесь логотип явно улучшили. Нарисовать «плоский» знак красиво — большое искусство, и там действительно богатство и небезразличие в каждом изгибе. Наложить блики и тени — много ума не надо. Такие спецэффекты часто маскируют отсутствие внимания к деталям в самом знаке. В прошлом-то веке ещё ладно, для их изображения нужно было постараться художнику. А сегодня компьютер нарисует любое 3Д безупречно. В чём тут ценность?

Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
Прошу не забывать, что кроме моего могучего курса об интерфейсе у нас с Мишей на двоих ещё есть прекрасный курс о презентациях клиенту и публичных выступлениях. Ближайший пройдёт в марте, но если записаться прямо сейчас, то сэкономите аж 30%:
https://bureau.ru/courses/presentation-online/

На картинке — программа курса.

Важная сторона всех курсов — практика. Это то, что на картинке подписано рыжим. Помимо презентаций на семинарах, мы ещё устраиваем «репетиции» в виде видосов, отправленных прямо в чат курса. Там и мы комментируем, и участики могут комментировать друг друга, не дожидаясь семинара. Если ничего не пропускать, то за три недели курса можно сделать шесть или даже больше итераций работы над презентацией.
А вот ещё кусочек из подкаста. В 312-м выпуске «Ток-шоу» Джон Грубер рассказывает про работу в программе Кварк-экспресс, а потом — что нет так с текстовым вводом на Айпаде (с 1:05:20):
https://daringfireball.net/thetalkshow/2023/12/23/ep-312

Он говорит:
«Всё, что могло быть быстрым, было быстрым. И точным. Очень точным! Я всё ещё помню клавиатурные сочетания, например чтобы подвинуть текст на сотую дюйма. А если на тысячную, то нужно было зажать ещё и Альт. И это всё работало так быстро на тех старых компьютерах! Представь, как быстро работало бы сегодня! А у современного софта такого нет. И точности этой нет. Взять хотя бы фрустрацию от Ай-ОСа, особенно на Айпаде. Я не знаю, как должно быть, но я знаю, что Эплы это ещё не нашли. Как точно выделять текст на тач-экране? Когда я пытаюсь выделить текст на несколько строк, я постоянно промахиваюсь с началом или концом. 25 лет назад я никогда не промахился даже на один символ, и мне даже задумываться над этим не нужно было!»
Читатель Сева показывает, что Эпл сошёл с ума и решил обращаться к пользователю на «ты».

Отдельно замечу, что «создать пару» — это чудовищный русский язык.
Цели и задачи

Всю жизнь напрягает разделение на «цели» и «задачи». Хрен поймёшь, чем одно отличается от другого, и где проводить границу!

Обычно объясняют как-то так: цель — это чего ты хочешь достичь, то есть результат, а задачи — это как ты его будешь достигать, то есть процесс. А в моём понимании задача — это достичь поставленной цели. Как именно её достигать — это не задача, а решение. В учебнике по математике или физике задача — это именно что надо сделать, а не как ты это будешь делать. Непонятно, откуда взялась такая абсурдная интерпретация слова задача, как «шаги для достижения цели».

Даже если просто запомнить и принять, что в этой модели люди называют «задачей» решение, всё равно выходит ерунда. Само это разделение предполагает, что всегда есть ровно две стороны: вот что мы хотим получить, а вот как мы это хотим получить.

На деле всегда есть иерархия. Например: мы хотим достичь такой-то доли рынка в этом году. Это цель. Для этого нам надо открыть пятнадцать новых успешных магазинов. Это задача. Но это же и цель! Чтобы открыть магазины, нужно проанализировать, где хорошие точки в городе, какой там трафик, какие конкуренты. Это задача. Но это же и цель! Чтобы всё это проанализировать, нужно расширить штат отдела аналитиков, обучить их и выдать по макбуку. Это задача. Но это же и цель! Чтобы их нанять и обучить, нужно усилить эйчар-бренд и придумать учебную программу. Но это же и цель! И так далее.

Понятно, что в конкретном случае можно договориться, что называть целью, что задачей, а что решением. Но когда один человек исправляет другого словами: «нет, это тут у тебя задача, а я прошу написать цель» — это дурдом. Никто не обязан читать твои мысли и понимать, где именно у тебя проходит граница между одним и другим. Сформулируй внятно, какой информации тебе не хватает.
Audio
Думаем дальше № 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
Превратить див в браузере в растровое изображение

Продвинутые веб-разработчики, вопрос к вам. В Гугле я не нашёл.

Вот у меня есть веб-страничка, а на ней див. В нём я как-то всё сверстал средствами ХТМЛа и ЦССа. Теперь я хочу как-то получить то, что там вышло, в виде картинки, чтобы её можно было сохранить по правой кнопке, например. Как это сделать?

Я искал какой-то метод типа «получить цвет пикселя по координатами», но не нашёл. При этом в веб-инспекторе Сафари, например, есть у любой ноды в дереве документа возможность сохранить её по правой кнопке как ПНГ. То есть под капотом оно как-то эти пиксели там достаёт именно веб-инструментами.

Может можно через канвас как-то зайти? Но всё-таки изначальный лейаут нужно именно дивами собрать. Или что ещё есть? Куда копать?
Красоты на ночь. Шрифтовики решили сделать шрифты на основе почерков погибших во время хамасской резни:
https://www.ot-hayim.co.il

На картинке — самый красивый из них как раз.
Осталось два дня: не пропустите бесплатный мастер‑класс Ильи Бирмана

Хотим напомнить, что в четверг 25 января в 20:00 мск Илья Бирман проведёт бесплатный мастер‑класс об эстетике в интерфейсе, а участники смогут задать вопросы. Илья — арт‑директор бюро, автор книг и преподаватель дисциплины «Интерфейс и информация».

Илья поделится своими наблюдениями, связанными с эстетикой интерфейса, и покажет пару простых приёмов, которые сделают любой интерфейс приятнее на вид. А также расскажет о том, как проходит курс «Пользовательский интерфейс и представление информации».

Мастер‑класс будет полезен тем, кто проектирует, учится или подумывает научиться проектировать интерфейсы. Пройдёт в Зуме.

Записаться на мастер‑класс

Эта и другие новости на сайте бюро:
https://bureau.ru/news/2024/january-masterclass-birman/
Канал Ильи Бирмана
Сайт «Альфа-Медикал» Зацените сайт для медтуроператора «Альфа-Медикал». Это большая содержательная работа. Задача — помочь людям, оказавшимся в беде, разобраться в услугах компании и доверить ей своё здоровье. Посмотрите и почитайте: https://ilyabirman.ru/alfa…
Недавно я выложил на сайте рассказ о дизайне сайта компании «Альфа-Медикал». Теперь снял про него более подробное видео:
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 Итоги и как поработать со мной
Гениальный ход — продавать интимную смазку бочками по 200 литров. В таком объёме никто не купит, но зато все будут пересылать друг другу ссылку для ржаки (и постить в бложиках), а там и на более вменяемый объём переключиться недолго:
https://www.ozon.ru/product/menu-200-litrov-intimnaya-gel-smazka-na-vodnoy-osnove-dlya-muzhchin-zhenshchin-i-lyubyh-par-198529012/

Респект ребятам! Надеюсь, бизнес идёт гладко.
Автомобильная навигация одним предложением

Я редко пользуюсь навигатором — хорошо знаю город, да и редко езжу в загадочные места. А ради выигрыша пары минут на пробках лень даже тыкать в телефон. Но недавно у меня добавилась регулярная поездка, длительность которой может быть от 20 до 50 минут в зависимости от выбора маршрута в конкретное время дня. Пришлось приучиться к навигатору.

Теперь я хочу специальный навигатор, который не рисует никакие карты, а просто говорит одним предложением, как мне ехать прямо сейчас: «Езжай через плотину — Гостевую» или наоборот «Щас лучше по Университетской набережной, потом развернуться и на Северную — Тополиную — Татищева». Всё, больше ничего не нужно.

Объяснение на словах сложно понять, если ты едешь в незнакомое место, но когда у тебя всего несколько комбинаций, это очень понятно. Так объяснил бы по телефону человек, глянувший на карту.
Что делать в Дубае и Абу-Даби в конце февраля?

Пришло время для традиционного вопроса.

Что делать в Дубае и Абу-Даби в конце февраля? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Какие есть максимально попсовые развлечения типа «подняться на крышу небоскрёба» или «покататься с горки в бассейн»? А непопсовые? Может, там есть какой-нибудь крутейший музей арабского искусства?

Буду там первый раз, не имею даже примерного представления ни о чём. Так что будут полезны советы типа как добраться из аэропорта DWC, как перемещаться между Дубаем и Абу-Даби, как пользоваться транспортом, где менять деньги и всё остальное такое базовое.
Интервью с Тимом Куком, Элоном Маском и Джеффом Безосом, а также просветлённый парень и лекция о делании продукта. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-70/