This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка видосов с жидким стеклом. Секс конечно, чё.
Зимой опубликовал проект навигации для поставщиков «Вайлдберрис»:
https://ilyabirman.ru/wb/suppliers/
Наконец-то снял видеообзор этого проекта:
https://www.youtube.com/watch?v=qQCtZet0jbE
Рассказываю о сценарном подходе к навигационным проектам и что нужно было учесть именно в этом случае. Видео будет полезно дизайнерам и тем, кто думает, не заказать ли мне дизайн.
00:00 Интро
03:16 Путь поставщика
07:30 Предыдущее светодиодное табло на складе
09:24 Табло.вб.ру
12:50 Портал поставщиков, инструкция для водителя и схемы складов
17:35 Банер и указатели ворот на складе
19:59 Улучшенное светодиодное табло
22:30 Аутро
https://ilyabirman.ru/wb/suppliers/
Наконец-то снял видеообзор этого проекта:
https://www.youtube.com/watch?v=qQCtZet0jbE
Рассказываю о сценарном подходе к навигационным проектам и что нужно было учесть именно в этом случае. Видео будет полезно дизайнерам и тем, кто думает, не заказать ли мне дизайн.
00:00 Интро
03:16 Путь поставщика
07:30 Предыдущее светодиодное табло на складе
09:24 Табло.вб.ру
12:50 Портал поставщиков, инструкция для водителя и схемы складов
17:35 Банер и указатели ворот на складе
19:59 Улучшенное светодиодное табло
22:30 Аутро
YouTube
Разбор дизайна навигации для поставщиков «Вайлдберрис»
Я сделал дизайн навигации для поставщиков «Вайлдберрис»:
https://ilyabirman.ru/wb/suppliers/
Рассказываю о сценарном подходе к навигационным проектам и что нужно было учесть именно в этом случае. Видео будет полезно дизайнерам и тем, кто думает, не заказать…
https://ilyabirman.ru/wb/suppliers/
Рассказываю о сценарном подходе к навигационным проектам и что нужно было учесть именно в этом случае. Видео будет полезно дизайнерам и тем, кто думает, не заказать…
1. Приятно так: приходишь на остановку, а там объявление висит по нашему стандарту сделанное и без моего участия, а выглядящее при этом прилично.
2. Высокий уровень сервиса! Жалко, МУП СОД не догадался тоже стандартный шаблон взять для этого объявления.
2. Высокий уровень сервиса! Жалко, МУП СОД не догадался тоже стандартный шаблон взять для этого объявления.
This media is not supported in your browser
VIEW IN TELEGRAM
Эпл настолько заморочился, что решил в новом Макосе автоматически выправлять плохо скруглённые углы иконок.
Отсюда:
https://www.youtube.com/watch?v=l-9tYm0U998
Отсюда:
https://www.youtube.com/watch?v=l-9tYm0U998
А тут у Эпла промах. Readily available проиллюстрированно зачёркнутой иконкой, и воспринимается, как будто вовсе не available на самом деле. Имеется в виду, что функция доступна даже без интернета, но зачёркнутость сильнее, чем комплексный смысл. Чтобы решить проблему, надо было нарисовать самолётик, например. Да, в самолётах интернет бывает, но кажется, что это всё равно пока скорее экзотика, чем обыденность.
Утащу пример в лекцию, где рассказываю о проблеме отрицательных формулировок.
Утащу пример в лекцию, где рассказываю о проблеме отрицательных формулировок.
Думаем дальше № 40 — «Более-менее юикс на юай поделить могут» c Мишей Нозиком
С Мишей Нозиком обсуждаем скиминг, как понимать задачу с ЧатомГПТ и конечно же плохой дизайн по вине исследований.
0:00 — «Скиминг» в интерфейсе и Рэнди Убиллос
5:09 — Просмотр платьев со спины и другие примеры для дизайнеров каталогов товаров
13:16 — ИИ и роль с пониманием задачи
23:24 — Как это соотносится с принципом «Исполнитель понимает задачу»
29:57 — Пост Саши Реушкина и наём фиговых дизайнеров
40:58 — Любить дизайн, а не методологии исследований
43:57 — Как нанимают «37 сигналов»
46:41 — Интерфейс ПВЗ Яндекс-маркета и интерфейсы в виде таблиц
54:40 — Показать клиенту, как лучше — это часть работы
58:28 — Атака банеров в приложении Т-Банка и как такое происходит в корпорациях
1:06:48 — Почему Микрософт не может сделать хороший дизайн
1:11:51 — Почему в Эпл-ТВ нельзя просто продолжить смотреть то, что смотрел в прошлый раз
Эпл · Ютюб · Я.Музыка · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
С Мишей Нозиком обсуждаем скиминг, как понимать задачу с ЧатомГПТ и конечно же плохой дизайн по вине исследований.
0:00 — «Скиминг» в интерфейсе и Рэнди Убиллос
5:09 — Просмотр платьев со спины и другие примеры для дизайнеров каталогов товаров
13:16 — ИИ и роль с пониманием задачи
23:24 — Как это соотносится с принципом «Исполнитель понимает задачу»
29:57 — Пост Саши Реушкина и наём фиговых дизайнеров
40:58 — Любить дизайн, а не методологии исследований
43:57 — Как нанимают «37 сигналов»
46:41 — Интерфейс ПВЗ Яндекс-маркета и интерфейсы в виде таблиц
54:40 — Показать клиенту, как лучше — это часть работы
58:28 — Атака банеров в приложении Т-Банка и как такое происходит в корпорациях
1:06:48 — Почему Микрософт не может сделать хороший дизайн
1:11:51 — Почему в Эпл-ТВ нельзя просто продолжить смотреть то, что смотрел в прошлый раз
Эпл · Ютюб · Я.Музыка · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:
В выпуске обсуждают эволюцию и деградацию интерфейсов, дизайнерские принципы и подходы, а также роль исследовательских практик и искусственного интеллекта в работе над проектами. Илья вспоминает, как при создании сайтов внедрял приём «скиминг», вдохновившись Apple, и как этот интерфейсный ход распространился дальше. Миша приводит примеры из своей практики, где скиминг, «вид со спины» и другие приёмы позволяли сделать каталоги товаров удобнее и понятнее.
Разговор постепенно переходит к теме того, как дизайнеры могут использовать ChatGPT для подготовки текстов — особенно таких, как «понимание задачи». Илья рассказывает, как приучил модель на своих примерах и теперь получает черновики, которые проще редактировать, чем писать с нуля. При этом подчёркивает: использование ИИ не отменяет необходимости самому понимать суть задачи. Миша делится своими опасениями по поводу потери глубины участия, но соглашается, что подход с черновиком, написанным «разговорным джипегом», может быть продуктивным.
Затем затрагивается более широкая тема — кризис найма и профанация профессии дизайнера в крупных компаниях. Говорят о том, что дизайнеры, натасканные на прохождение собеседований, часто создают посредственный дизайн, который всё же считается «успешным», потому что совпадает с бизнес-метриками. Это приводит к абсурдным ситуациям: попапы в банках, неудобные интерфейсы с якобы «хорошими показателями» и культ исследований, не приводящих к улучшениям.
В конце обсуждают профессиональную гордость, вкус и осознанность в работе дизайнера. Критикуют подход, при котором графдизайн считается «вкусовщиной», а продуктовый дизайн — якобы «объективным». При этом призывают дизайнеров сохранять и развивать собственный взгляд, не боясь проявлять инициативу и эстетические предпочтения, если это не мешает задаче.
Основные идеи и выводы:
— Приём скиминга (наведение курсора и просмотр содержимого) — важное и недооценённое дизайнерское изобретение.
— ChatGPT можно эффективно использовать для подготовки черновиков «понимания задачи», снимая психологический барьер перед писательской работой.
— Само написание документа — важная часть процесса осмысления задачи, но рутину вполне можно делегировать ИИ.
— Современные корпорации часто нанимают «собеседуемых», а не действительно способных дизайнеров.
— Метрики часто подменяют собой понятие хорошего дизайна и становятся оправданием деградации интерфейсов.
— Критическое мышление и стремление к улучшению важно сохранять даже в условиях корпоративной рутины.
— Вкус и личная эстетика не противопоставляются практичности — они могут и должны сосуществовать в дизайнерской работе.
Выпуск будет интересен практикующим дизайнерам, особенно тем, кто устал от корпоративного формализма и ищет смысл в своей работе. Полезен тем, кто хочет лучше понять границы и возможности использования ИИ в дизайне, а также всем, кому не всё равно, как устроены интерфейсы вокруг.
В выпуске обсуждают эволюцию и деградацию интерфейсов, дизайнерские принципы и подходы, а также роль исследовательских практик и искусственного интеллекта в работе над проектами. Илья вспоминает, как при создании сайтов внедрял приём «скиминг», вдохновившись Apple, и как этот интерфейсный ход распространился дальше. Миша приводит примеры из своей практики, где скиминг, «вид со спины» и другие приёмы позволяли сделать каталоги товаров удобнее и понятнее.
Разговор постепенно переходит к теме того, как дизайнеры могут использовать ChatGPT для подготовки текстов — особенно таких, как «понимание задачи». Илья рассказывает, как приучил модель на своих примерах и теперь получает черновики, которые проще редактировать, чем писать с нуля. При этом подчёркивает: использование ИИ не отменяет необходимости самому понимать суть задачи. Миша делится своими опасениями по поводу потери глубины участия, но соглашается, что подход с черновиком, написанным «разговорным джипегом», может быть продуктивным.
Затем затрагивается более широкая тема — кризис найма и профанация профессии дизайнера в крупных компаниях. Говорят о том, что дизайнеры, натасканные на прохождение собеседований, часто создают посредственный дизайн, который всё же считается «успешным», потому что совпадает с бизнес-метриками. Это приводит к абсурдным ситуациям: попапы в банках, неудобные интерфейсы с якобы «хорошими показателями» и культ исследований, не приводящих к улучшениям.
В конце обсуждают профессиональную гордость, вкус и осознанность в работе дизайнера. Критикуют подход, при котором графдизайн считается «вкусовщиной», а продуктовый дизайн — якобы «объективным». При этом призывают дизайнеров сохранять и развивать собственный взгляд, не боясь проявлять инициативу и эстетические предпочтения, если это не мешает задаче.
Основные идеи и выводы:
— Приём скиминга (наведение курсора и просмотр содержимого) — важное и недооценённое дизайнерское изобретение.
— ChatGPT можно эффективно использовать для подготовки черновиков «понимания задачи», снимая психологический барьер перед писательской работой.
— Само написание документа — важная часть процесса осмысления задачи, но рутину вполне можно делегировать ИИ.
— Современные корпорации часто нанимают «собеседуемых», а не действительно способных дизайнеров.
— Метрики часто подменяют собой понятие хорошего дизайна и становятся оправданием деградации интерфейсов.
— Критическое мышление и стремление к улучшению важно сохранять даже в условиях корпоративной рутины.
— Вкус и личная эстетика не противопоставляются практичности — они могут и должны сосуществовать в дизайнерской работе.
Выпуск будет интересен практикующим дизайнерам, особенно тем, кто устал от корпоративного формализма и ищет смысл в своей работе. Полезен тем, кто хочет лучше понять границы и возможности использования ИИ в дизайне, а также всем, кому не всё равно, как устроены интерфейсы вокруг.
Читатель Виталий задаёт вопросы о схеме метро Самары:
https://ilyabirman.ru/samara/
— Почему Алабинская с белым кружком, а Юнгородок нет?
Можно было бы объяснить, что типа там улица слева просвечивает, но на самом деле продолбали.
— Изгиб между Алабинской и Российской не «привязан» к улице...
Не уверен, что понял, о чём речь, но сам отрезок рядом с Алабинской надо будет подвинуть на каплю выше в следующей версии, да.
— Расположение латинских названий относительно оригинальных определялось по какому-то правилу?
По правилу «станция подписывается в первую очередь по-русски». Если отключить слой с латиницей, кириллица никуда не должна сдвинуться. Соответственно, если подпись над станцией, то латиница ещё выше, а если под, то ещё ниже.
— Названия улиц не всегда центрированы относительно «отрезка» улицы. Возможно, это направление нумерации домов?
Нет, они просто стоят там, где им свободнее всего стоится или достигается наилучшая читаемость и баланс. Кстати, «Авроры» подписана сверху вниз, а не снизу вверх, как требовала бы русская издательская традиция, потому что все остальные улицы с вертикальными надписями идут под таким \ углом и требуют подписи сверху вниз. Авроре пришлось подчиниться.
— Еле заметное «залезание» названий станций на линию метро — когда и почему такое допустимо, исходя из каких рассуждений можно себе такое позволить при разработке других макетов?
Ладно, объясню. Это просто мне очень всралось так сделать, чтобы было едва уловимое ощущение печати в несколько красок, которые не прям идеально попали куда целились. Тут же ещё и бумага такая жёлтая как бы. Короче, это для вайба.
https://ilyabirman.ru/samara/
— Почему Алабинская с белым кружком, а Юнгородок нет?
Можно было бы объяснить, что типа там улица слева просвечивает, но на самом деле продолбали.
— Изгиб между Алабинской и Российской не «привязан» к улице...
Не уверен, что понял, о чём речь, но сам отрезок рядом с Алабинской надо будет подвинуть на каплю выше в следующей версии, да.
— Расположение латинских названий относительно оригинальных определялось по какому-то правилу?
По правилу «станция подписывается в первую очередь по-русски». Если отключить слой с латиницей, кириллица никуда не должна сдвинуться. Соответственно, если подпись над станцией, то латиница ещё выше, а если под, то ещё ниже.
— Названия улиц не всегда центрированы относительно «отрезка» улицы. Возможно, это направление нумерации домов?
Нет, они просто стоят там, где им свободнее всего стоится или достигается наилучшая читаемость и баланс. Кстати, «Авроры» подписана сверху вниз, а не снизу вверх, как требовала бы русская издательская традиция, потому что все остальные улицы с вертикальными надписями идут под таким \ углом и требуют подписи сверху вниз. Авроре пришлось подчиниться.
— Еле заметное «залезание» названий станций на линию метро — когда и почему такое допустимо, исходя из каких рассуждений можно себе такое позволить при разработке других макетов?
Ладно, объясню. Это просто мне очень всралось так сделать, чтобы было едва уловимое ощущение печати в несколько красок, которые не прям идеально попали куда целились. Тут же ещё и бумага такая жёлтая как бы. Короче, это для вайба.
Media is too big
VIEW IN TELEGRAM
Лето — время качественного контента на канале. Открыл сезон, наконец.
Forwarded from Бюро Горбунова
Бирман утверждает, что Билайн недостаточно нежно и честно спрашивает пин-код:
https://bureau.ru/soviet/20250617/?utm_source=tg-s-s-s250617-170625
https://bureau.ru/soviet/20250617/?utm_source=tg-s-s-s250617-170625
Бюро Горбунова
Обратная связь при вводе пина в «Билайне»
На основе какого принципа следует выбирать механику обратной связи при пользовательском вводе? Есть ли разумные исключения из этого принципа?
В мобильном приложении «Билайн» экран ввода пин-кода даёт пользователю обратную связь при вводе кода с помощью прогрессивной…
В мобильном приложении «Билайн» экран ввода пин-кода даёт пользователю обратную связь при вводе кода с помощью прогрессивной…