Ilya Birman: Lube
Что, думали всё, кончились треки? А вот нет, ещё один вам:
https://ilyabirman.ru/meanwhile/all/lube/
Или на Саундклауде:
https://soundcloud.com/ilyabirman/lube
Это как раз тот, с которым я приходил к Лидваллю на занятия.
Или прямо здесь ↓
Недавно я выложил на сайте рассказ о дизайне интернет-магазин «Дом Тома». Теперь снял про него более подробное видео:
https://www.youtube.com/watch?v=fuiOIJDT2aQ
Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям.
00:00 Интро
02:33 Подробное главное меню: навигация и вовлечение
03:55 Внесение разнообразия в списки
06:29 Фотографии товаров в разном стиле
07:48 Товар представляет себя и свой отдел
10:03 Акции и банеры распределены по странице
11:56 Как показать намного больше товаров: этажи отделов
13:57 Строчка того, что люди ищут
15:20 Нестрогое разделение товаров по отделам
16:15 «Новые товары декабря»
17:11 Ещё про меню и подвал
18:40 Дизайн подходит для разработки
19:58 Инстаграм
20:50 Мобильная версия должна быть полноценной, а не урезанной
22:17 Как поработать со мной
Обновились вводные лекции о навигации
Для курса лекций о навигации переснял первые три лекции — «Столкновение с проблемой», «Как мы ориентируемся: город» и «Как мы ориентируемся: здания».
Новость на сайте бюро:
https://bureau.ru/news/2023/lectures-wayfinding-updates-problem-space/
Участница курса сделала двухпанельный интерфейс. Комментирую, что с ним не так, и показываю пример, когда он подошёл бы. А потом обсуждаем, как и зачем сделать форму компактнее на вид. 6 минут:
https://www.youtube.com/watch?v=-8neywtnhT8
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 26 августа по 24 сентября. Прямо сейчас — запись со скидкой 20%. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Бирман написал про состояния элементов интерфейса, заодно запретил «активное»:
https://bureau.ru/soviet/20230801/?utm_source=tg-s-s-s230801-010823
Стекло
Со школы не мог понять прикола со стеклом. Когда на физике разбирают агрегатные состояния вещества, обязательно рассказывают, мол, а стекло — это такое особое твёрдое вещество, у которого нет кристаллической решётки. И оно даже немножко течёт: вроде как в очень старых домах стёкла внизу толще, чем сверху.
Так нафига тогда морочить голову, что это твёрдое вещество? Почему не сказать, что это жидкость? Ну типа вода течёт быстро, сметана медленно, а стекло — пипец как медленно. Что я упускаю?
Уличные таблички Осло:
https://ilyabirman.ru/meanwhile/all/oslo-street-name-plates/
Вышли заключительные главы второй части книги Designing Transit Maps — английской версии «Дизайна транспортных схем»: Granularity и Freedom, а также тест по всей второй части (из пяти).
Новость на сайте бюро на английском:
https://bureau.ru/news/2023/book-metro-granularity-freedom-en/
Покупайте и читайте! И там есть бесплатная демоглава про изгибы.
Английская книга выходит сразу с мобильной версией.
Скиньте англоговорящим коллегам.
Сравните с сайтом про марки:
https://stamps.vla.so/
Кажется, Поллок заслужил уважения хотя бы на уровне почтовых марок?
О сайте Джексона Поллока и визуальном богатстве
Искал я картины Поллока (рекомендую), и набрёл на некий сайт:
jackson-pollock.org
Тут миллион совершенно детских ошибок — и в вёрстке, и в типографике, и в навигации, и в графдизайне элементов интерфейса, и чисто технических. Сложно найти хоть что-то, что сделано хотя бы нормально. Но я хочу сказать о другом.
Частая проблема дизайнера — недостаток визуального материала. Делаешь ты сайт про инвестиции, и тебе всю красоту приходится изобретать из цифр и графиков — никакого визуального богатства там сходу не видно. Или про грузоперевозки какие-нибудь — ну контейнеры, ну грузовики, так кто их не видел? А особенно сложно в таких случаях чем-то отличаться от других. Окей, красивые графики и грузовики, но у конкурентов-то точно такие же красивые графики и грузовики.
Но иногда сам предмет настолько богат визуальными деталями, что ничего даже придумывать не надо. Просто бери и не порти.
Я писал о том, что продавцам продуктов тяжело даётся концепция множественного числа. Но бывают и, наоборот, проблемы с единственным. Конфета тут — одна.
Читать полностью…Во-первых, трек не похож ни на что из того, что я делал раньше. В нём нет никаких тональных звуков, всё строится на ритме и всяких шумовых текстурах. Получилось совсем без драмы, весело и задорно. Слушаю и улыбаюсь. Особенно на всяких переходах радостно становится, когда ритм в полную силу возвращается с прикольчиками.
Во-вторых, тут очень нахальная полиритмия. Оказалось, можно вот так против ритма швырять это ведро воды на жестяную крышу всё время, и это не будет мешать слышимости и работоспособности басо-бочечного механизма. Главное, когда слушаешь, не сильно фокусировать внимание на этом ведре, иначе немножко глючит!
В-третьих, я доволен сюжетом. Как правило, за три минуты мне становится «скучно» от того, что я сделал, и я ввожу новый инструмент или хотя бы старым инструментом начинаю играть какие-то новые ноты. Я сам всегда не любил Чайковского, который никак не может определиться с темой, и, наоборот, очень любил Брукнера, который развивает одну-две идеи в симфонии на полтора часа. Тут, наконец-то, я нашёл штуку, которую можно очень долго крутить, а сюжет строить на последовательном взгляде на неё с разных сторон. Трек получился очень целеустремлённым и уверенным в себе. Чуть перевели дух — и погнали дальше.
Я конечно, каждый новый трек люблю больше предыдущего, но на этот раз у меня есть причина для качественного скачка: на прошлой неделе я сходил на индивидуальное занятие к Артёму (Lidvall) и узнал много нового. Мы там разбирали мой другой трек — думаю, выложу скоро тоже — а этот я написал следом за пару дней.
Обсуждаем дизайн формы: кирпичная кладка, расположение финальной кнопки, непоследовательность в изображении элементов. Чем отличается исключительный и неисключительный выбор. Почему знак рубля не надо делать побледнее. 9 минут:
https://www.youtube.com/watch?v=9RUUtqehkyU
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 26 августа по 24 сентября. Прямо сейчас — запись со скидкой 30%. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Новость для опытных продакт-менеджеров
Реклама · Текст предоставлен клиентом
Найден быстрый путь в Тинькофф — Product Manager Week Offer. Можно пройти онлайн-собеседование за выходные и присоединиться к команде уже через неделю.
Дальше — создавать продукты для 30 млн пользователей, работать с данными, ориентироваться на свою экспертность и здравый смысл. Как работать, решать вам, — оценивают только результат.
Успейте оставить заявку до 9 августа: https://o.tinkoff.ru/product-wo-2023
Вторая лекция в курсе лекций о навигации называется «Как мы ориентируемся: город».
В лекции речь о том, как человек представляет пространство и на что полагается, чтобы сориентироваться. У нас в голове нет карты, но есть «якоря» — выделяющиеся объекты — и связки между ними. Лабиринты специально проектируются так, чтобы исключить формирование якорей и иерархии. Якоря в городе — станции метро, а также башни и пустыри — то есть то, что отличается от остального.
В трейлере — мысли о якорях и связках и о значении метро:
https://www.youtube.com/watch?v=jqkm-n3lZlo
Аудио по четвергам:
https://ilyabirman.ru/meanwhile/all/endplate-cold-as-she/
Если вы пропустили, у меня есть ещё канал, где больше находок:
/channel/ilyabirman_listens
С лекции «Столкновение с проблемой» начинается курс. Листочки А4 в файликах — символ проблем с навигацией. В лекции — разбор примеров таких листочков и попытка разобраться в сценариях, которые привели к необходимости их размещения. В тексте таких самодельных объявлений много запутанных инструкций, ошибок и пассивной агрессии. Но чему они нас учат?
В трейлере показываю объявление в общественном туалете, где люди не смогли разобраться с бесконтактным краном:
https://www.youtube.com/watch?v=suOah0kRbb0
Остальные трейлеры покажу отдельно.
Ilya Birman: Carving Heelside
У меня снова трек. Техно, но на этот раз в более естественном для меня трансовом, атмосферном звуке:
https://ilyabirman.ru/meanwhile/all/carving-heelside/
Или на Саундклауде:
https://soundcloud.com/ilyabirman/carving-heelside
Или прямо здесь ↓
Митап Билайна
Реклама · Текст предоставлен клиентом
3 августа в 18:00 встречаемся на митапе билайна, чтобы поделиться своим опытом и драйвом — в онлайн и бесплатно. Соберёмся обсудить генерацию творческих решений, создание анимаций в Figma, распаковку потребностей клиента и UX.
Смотри более подробную программу и регистрируйся!
www.beeline.ru erid: LatgBqn9z
Как работают истории в телеге?
Кто-нибудь понимает, по какому принципу работают истории в телеге? Я — нет.
В обычных соцсетях можно на кого-то подписаться или зафоловить, явно дав понять, что ты хочешь видеть, что человек публикует. В телеге человек и его контент разделены. Есть человек, и с ним можно переписываться только напрямую; а есть его каналы, и какие-то из них ты можешь читать, а какие-то нет.
Эта модель мне нравится, и она отлично работала до появления историй. А сейчас у меня в телеге появляется какой-то мусор от рандомных людей, которых я никогда не фоловил, а некоторых вообще не знаю. В то же время мне ни разу не попалась история от кого-нибудь, чей канал я читаю. И я не представляю, почему. Может, они их просто не публиковали.
Чтобы самому запостить историю, нужно стать платным пользователем. Я пока не находил в этом смысла, и сейчас я даже не знаю, как это сработает. Если я заплачу и запосчу историю, кто её увидит — все 11870 вас? Или рандомные люди, которые никогда не подписывались на меня, но когда-то добавили в контакты, потому что покупали у меня сноуборд на Авито?
У Фигмы очень приятный инсталятор. Точнее, образ диска для перетаскивания в приложения, по маковской долбанутой традиции. Просто три цветных курсорчика и папочка справа радуется, что в неё сейчас Фигму перетащат.
Но также Фигма пополнила список зловредных приложений, которые считают своим долгом добавить иконку в главное меню, да ещё и какие-то уведомления туда совать.
Про склеивание английских слов
Эпл называет вот эту иконку sharrow. Видимо, потому что share+arrow. В подкасте АТП ребята много обсуждали, как им не нравится это слово, но я так и не смог врубиться, чем же. Мне вот нравится!
Мне вообще нравится такая опция в английском, как просто склеить слова вопреки любой формальной морфологии, чтобы получилось что-то новое. Типа smoke+fog даёт smog, а breakfast+lunch даёт brunch. Кайф же!
Или вот есть в Лондоне линия метро между Бейкер-стрит и Ватерлоо, называется Bakerloo line. Просто представьте Тагаресненскую или Серпурязевскую линию! Не такой уж и великий и могучий, получается.
Читатель Вовонька прислал великолепную форму бронирования столика на завтрак. Как вам?
Давайте попробуем придумать, почему она такая: кто и как ставил задачу, как дизайнил, как принимал, как разрабатывал. Как надо было бы сделать и почему? Что бы возразил клиент, если бы вы ему показали ваше «как надо»? Как усилить сильные стороны этого дизайна? Как устранить недостатки?
В недавних живых советах я тоже об этом говорил:
https://ilyabirman.ru/meanwhile/all/video-zhivyh-sovetov-iyunya-2023-goda/
Там девушка сделала приложение про места отдыха на красивом озере, нарисовала монохромную карту с одинаковыми иконками мест и умудрилась не показать фотографии!
Ну и вот наш Поллок несчастный. Картина показана на уменьшенной и плохой фотографии, не подписана. Снизу — три совсем микроскопических картины в листаемой галерее. Почему нельзя делать листаемые галереи — рассказывал в самом начале одной из публичных консультаций:
https://ilyabirman.ru/meanwhile/all/public-consultation-koftyonyshi/
В середине мы видим ту же самую картину, что показана выше, но в других цветах! Получается, автору сайта нельзя доверить и цветопередачу. Но ты ж картины показываешь, а не метизы! Также картина снизу обрезана с краёв — непонятно, по какому праву.
кто бы мог подумать, что линейки можно ставить ВОТ ТАК
(картинку стащил из инстаграма игоря штанга)
разбор переделки карточек авито будет на этой неделе. для тех, кто хотел, но забыл: у вас последний шанс получить от меня открытку, так и знайте.
Сколько осталось спать?
В некоторые дни мне нужно просыпаться в определённое время. Я хочу, чтобы компьютер и телефон мотивировали меня вовремя ложиться, показывая, сколько мне осталось спать. Например, если в четверг мне нужно проснуться в 10 утра, то в час ночи я бы хотел, чтобы включился таймер и считал: 8:59:59, 58, 57... В Вентуре даже встроенный таймер умеет отсчитывать время прямо в строке меню, так что осталось только научиться запускать его в определённый момент, но такого там нет и Шорткаты тоже так не умеют. Я подумывал написать программу, но потом решил спросить у вас — а вдруг что-то уже есть?
Ilya Birman: Limiting Beliefs
У меня новый трек, и я пока до конца не могу поверить своим ушам, что я теперь так могу:
https://ilyabirman.ru/meanwhile/all/limiting-beliefs/
Или на Саундклауде:
https://soundcloud.com/ilyabirman/limiting-beliefs
Или прямо здесь ↓