Если поставить элементы для выбора в строку, то как понять, нужно ли выбрать только один из них или можно сразу несколько? В минимальном варианте достаточно склеить взаимоисключающие элементы в один. 1 минутка с курса:
https://www.youtube.com/watch?v=FusPcntg-oI
Идёт запись на сентябрьский курс (31 августа — 29 сентября). Сейчас −30% из-за ранней записи. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Фича
А куда вы ставите ударение в слове «фича» и как его склоняете?
Я за последние дни от нескольких людей услышал «фича́» (вместо «фи́ча») и, что самое невообразимое, «несколько фиче́й» (вместо «фи́ч»). Это вообще как?
Гениально: в аппарате по выдаче талонов на электронную очередь в поликлинике есть вариант «просто спросить»!
Читать полностью…Оказывается, я не выложил вам саундклаудный плейлист лайков за февраль и март (саундклауду нужен ВПН):
https://soundcloud.com/ilyabirman/sets/2024-feb-mar
Более своевременные поставки:
@ilyabirman_listens
Иконочные новости
Магнит наконец осознал, что иконкой фотоаппарата должна быть спина смартфона.
Мы с Ильёй Бирманом ещё в 2017 так делали:
https://ilyabirman.ru/lawn-parking-sign/
Гугль объясняет в тексте, что продолжать нужно только если это мой дивайс. Но мало кто будет читать текст, когда есть большая синяя кнопка. Правильно было саму кнопку назвать «This is my personal computer», например.
Читать полностью…Когда-то я написал свои впечатления о книге Элияху Голдратта «Цель»:
https://ilyabirman.ru/meanwhile/all/goal-book/
А сегодня ко мне пришли люди, представляющиеся юристами Литреса, и требуют «прекратить использование следующих объектов авторских прав или информации» (вопреки моим ожиданиям, после этой фразы не говорится, какие объекты чьего авторского права или информации я использую). Я спросил, что они имеют в виду, а вы пока почитайте.
Бирман разрешил предположить, что схема Иванова — нормальная:
https://bureau.ru/soviet/20240716/?utm_source=tg-s-s-s240716-160724
Ещё кусочек интерфейсного курса вам. Подробно разбираем работу участницы.
Много неоднозначных, но интересных ходов. Классный приём линеаризации вариантов, который сильно упрощает подачу, но есть и минусы. Заголовки, объединённые со значениями полей, тоже и упрощают, и создают проблемы. Обсуждаем, что можно сделать с иконочками.
А потом говорим про кнопку, которая «думает», пока считает, и я рассуждаю о том, какими должны быть отношениях дизайнера и разработчика, чтобы кнопка считала мгновенно. Например говорю о том, что негодно делать дизайн для сообщения ошибки, не вникая с разработчиками в то, какие там вообще могут быть ошибки:
https://www.youtube.com/watch?v=CSvgFqJ8p1Q
Идёт запись на июльавгустовский курс (20 июля — 18 августа). Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Илья Бирман навалил базы про интерфейсные контролы: https://www.youtube.com/watch?v=KWSaJJsDvtw
Очень рекомендую. Я три раза пытался остановить это видео, потому что некогда смотреть, но не смог, слишком залипательно. Ну и ещё я форварднул примеры своим ребятам и попросил так же сделать. То есть прям пользу извлёк.
Ужасно стыдно было за всех, кто в зале. Они же разработчики. Там ещё так красиво всё снято, постоянно зрительный зал показывают, и люди такие сидят немножечко смущённые. А Илья им говорит «КАК БЛИН МОЖНО БЫЛО ТАК СДЕЛАТЬ 😑», а они такие «но мы же не виноваты 😔, это же не мы», а Илья такой «ДА ЗНАЮ Я ВАС, ВЫ ТАМ У СЕБЯ НЕБОСЬ ТАКОЕ ЖЕ ДЕЛАЕТЕ 😑», и они такие «вообще если честно, то да 😔, но это потому что...», а он им «ЗАПРЕЩАЮ 😑», и они грустные сидят.
Наверное, ещё и поэтому пришлось полностью смотреть.
Всё забываю спросить, как у вас дела в офисе! (Вроде начало получаться заезжать на волну и съезжать с неё иногда)
Читать полностью…Кстати о Тиндере! У меня тут вдруг назрела необходимость переустановить Виндоус.
Мне досталась ЭВМ ИБМ Цинкпад с ОС Виндоус Экс-Пи, владелец которой забыл пароль от неё, потому что не пользовался ей лет пятнадцать (привет, пап). А у меня как раз нашлось применение для старого компьютера.
Мне надо всё снести и поставить какую-нибудь ОС, которая будет работать на уровне «подключаться к вайфаю и открывать сайты в интернете».
Как это сделать? Где прочитать мануал? Или надо вызывать компьютерного мастера из объявлений у подъезда? Или и вызывать бесполезно и такой компьютер в принципе не откроет сегодняшний интернет с его протоколами шифрования? Или он к современному вайфаю не подключится? А если эзернет в него воткнуть? Научите.
Приходите на курс!
А вот вам и публичное выступление, кстати: Яндекс выложил мой доклад с июньской фронтенд-конференции:
https://www.youtube.com/watch?v=KWSaJJsDvtw
Вижу в студенческой работе такое, пишу комментарий:
В диапазонах с минусом вместо тире лучше ставить многоточие, не дублировать единицу измерения и писать значения в порядке возрастания: −45...−25 °C.
Метро Будапешта: линии 1 и 2 — https://ilyabirman.ru/meanwhile/all/budapest-metro-lines-1-2/
Читать полностью…В аудио по четвергам — отличный новый Фэтбой Слим:
https://ilyabirman.ru/meanwhile/all/fatboy-slim-role-model/
Как сделать дубликат компонента в Фигме
Пишу, чтобы самому не потерять знание.
В Фигме есть неудобство: хрен сделаешь копию компонента. Если копировать и вставлять или тащить с альтом, она делает инстанс, что логично.
Но что, если ты хочешь сделать новый компонент, просто использовать старый как заготовку? В простом случае можно оторвать инстанс от компонента (⌥⌘B) и сделать новый компонент (⌘K). Но в если у компонента настроена куча свойств, то все они потеряются.
Нам нужно сделать именно полноценный клон компонента. Для этого идём в консоль (⌘/, Show/Hide console), выделяем наш компонент и пишем заклинание:
figma.currentPage.selection[0].clone()
Думаем дальше № 22 — «Дизайнер — это мой сейлз» с Ромой Шаминым
С Ромой Шаминым обсуждаем безумие шрифтовых лицензий и как надо делать по-нормальному.
0:00 — Шрифт — подстава для клиента
3:44 — Как следить за соблюдением шрифтовой лицензии
8:22 — Сейчас шрифтовики проигрывают дважды: и отпугивают мутной лицензией, и не следят за её исполнением
9:47 — Value-based модель и значимость шрифта для брендинга
13:30 — Что не так с идеей, что стоимость шрифта должна зависеть от посещаемости
18:44 — Плюсы и минусы подписочной модели
25:43 — Что, если цена шрифта будет расти при росте компании-пользователя
35:19 — Рома рассказывает про свою модель продажи шрифтов
40:26 — Сложности больших шрифтовых семей. Как свобода развращает дизайнеров (и диджеев)
48:52 — Рома благославляет дизайнеров на кручение в Фотошопе всего, практику и изучение «Спесимена»
52:45 — Как Рома сделал шрифт и неожиданно для себя стал словолитней
58:02 — Дешевые шрифты и демпинг
1:01:09 — Бесплатные шрифты — зло?
1:05:46 — Экономико-филосовские вопросы о бесплатных шрифтах (и диджеях, и кофейнях)
1:12:15 — Как Рома продвигает свои шрифты
Эпл · Ютюб · Я.Музыка · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
Тараканы и исследования
Был такой детский-детский анекдот, где школьники проводили опыты по биологии.
Взяли таракана, скомандовали ему «беги!», ну и он и побежал. А потом поймали, оторвали его ноги, снова скомандовали «беги!» — а он не побежал. Вывод: «органы слуха таракана расположены в его ногах».
И вот вроде анекдот детский, но я его каждый раз вспомнинаю, глядя на очередные выводы из очередных исследований, делающиеся абсолютно всерьёз.
Подключайтесь, мастеркласс про умные компоненты в Фигме начнётся тут через пять минут:
https://www.youtube.com/live/5tmNLdUfXcY
Разговаривали сейчас с коллегой Мишей Нозиком об одном клиентском проекте, и он вспомнил о том, как делал вторую версию ВШГ:
https://bureau.ru/projects/glavbukh-school-2/
Знания дешевле и бесплатно до конца недели
Во-первых, в бюро на этой неделе скидки, приуроченные к середине лета. Много всего на 25% дешевле, но в частности моё —
Книга «Пользовательский интерфейс»:
https://bureau.ru/projects/book-ui/
Лекции «Пользовательский интерфейс и представление информации»:
https://bureau.ru/lectures/ui/
Книга «Дизайн транспортных схем»:
https://bureau.ru/projects/book-metro/
Лекции «Навигация в общественных местах»:
https://bureau.ru/lectures/wayfinding/
А также поступление в наши школы и на подкурсы, где тоже есть разные мои материалы. И ещё книги и лекции сразу пачками.
· · ·
Во-вторых, бесплатно на этой неделе проходят разные мастер-классы, в том числе — мой про Фигму.
В четверг в 20 Мск я расскажу, что такое умные компоненты, и покажу, как их собрать на примере недавно опубликованного Уникорна. А ещё расскажу, когда компоненты нужны, а когда проще собрать дизайн «на коленке».
Изучить всё подробно и записаться на мастерклассы нужно здесь:
https://bureau.ru/news/2024/midsummer/
На Айфоне очень классная живая анимация перехода между галереей приложений и поиском приложений. Явно её старательно вылизывали. А потом пришёл программист мигающего курсора и прошёлся в своих грязных сапогах по помытому.
Читать полностью…Почувствуйте важность согласования замечаний
В бюро есть важная идея о работе с замечаниями клиента, что замечания нужно согласовать, то есть отсортировать на три категории: 1) взять в работу в конкретном виде; 2) снять; 3) взять таймаут, а уже потом поместить в одну из первых двух категорий. 11-летний-назад совет Артёма Горбунова:
https://bureau.ru/soviet/20130624/
Это подробно разбирается в лекциях и книге Коли Товеровского об управлении проектами.
Есть ещё и видео, где Артём это объясняет:
https://www.youtube.com/watch?v=WIFG_yQMCz8
И всё же начинающим дизайнерам и студентам наших школ трудно это даётся (про другие школы я и подумать боюсь). Они пытаются исправлять замечания в каком-то одним им понятном порядке и не понимают, почему в проекте наступает ад. Арт-директор требует согласовать замечания, а студенты продолжают их исправлять! Все страдают, не спят ночами, дедлайн сдвигается непонятно куда.
При этом требование согласовать замечания кажется каким-то ненужным формализмом. Типа, клиент или арт-директор просто хотят, чтобы студенты сделали всё «по процедуре», вместо того, чтобы посмотреть на суть работы.
Недавно записывал своим студентам объяснительный войс на эту тему. Он эмоциональный, потому что я пытался донести до них, насколько усложняется жизнь клиента без согласованных замечаний. Согласование — это не просто формализм; это радикальная разница между дизайнером, которому можно доверять, и дизайнером, которому доверять нельзя. Ну и разница в зарплате на порядок между такими дизайнерами тоже легко объясняется ощущениями клиента от работы с ними.
Послушайте, если вы вдруг тоже не понимаете
↓
Запилили блиц-редизайн сайта «Уникорн»:
https://ilyabirman.ru/unicorn/
Приходите тоже за блиц-редизайном.
Ночь — это Тиндер
С вами рубрика «Как работает мой мозг».
Проснулся я сегодня с мыслью, что была такая приятная песня у Алёны Свиридовой, «Ночь нежна». Нахожу — выясняется, что это была не Свиридова, а Валерия — включаю, слушаю:
https://www.youtube.com/watch?v=UwIUna-CPG0
Откуда-то вспоминаю, что по-английски роман назывался Tender is the Night. Естественно, преобразую это в Tinder is the Night. Наверняка, это и до меня придумали? Да. Но что ж теперь?
Последний день: 7 июля в 23:59 мск закрывается запись на практический курс Ильи Бирмана и Михаила Нозика «Презентация клиенту и публичные выступления».
Записаться на курс заранее до 7 июля
Презентация клиенту и публичные выступления 8—28 июля
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2024/presentation-online-open-20240708/
Выпустили суперглаву Labels книги Designing Transit Maps — английской версии «Дизайна транспортных схем». Новость на сайте бюро на английском:
https://bureau.ru/news/2024/book-metro-labels-en/
Покупайте и читайте! Книга просто нереально крутая для всех дизайнеров и вообще любопытных ребят.
И там есть бесплатная демоглава про изгибы.
Английская книга выходит сразу с мобильной версией.
Скиньте англоговорящим коллегам.