Forwarded from Бюро Горбунова
Бирман похвалил схему троллейбусов Красноярска:
https://bureau.ru/soviet/20240116/?utm_source=tg-s-s-s240116-160124
https://bureau.ru/soviet/20240116/?utm_source=tg-s-s-s240116-160124
Бюро Горбунова
Схема троллейбусов Красноярска
Илья, привет! В качестве упражнения я нарисовал схему троллейбусных маршрутов Красноярска. Прокомментируй, пожалуйста. Какие видишь недочёты? Что можно было бы сделать лучше?
Смотрите, нас тут спросили про ворк-лайф-баланс:
https://awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out/
Если приходится искать баланс, вы уже делаете что-то не так.
Женя Арутюнов примерно про то же, что и я, но явно лучше подготовился и аж с картинками выступил! Женя, привет.
https://awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out/
Если приходится искать баланс, вы уже делаете что-то не так.
Женя Арутюнов примерно про то же, что и я, но явно лучше подготовился и аж с картинками выступил! Женя, привет.
Оди. О дизайне
Как поддерживать work-life balance и не выгорать: мнения опытных дизайнеров — Оди. О дизайне
Мы запускаем новую рубрику, в которой будем публиковать мнения нескольких заметных дизайнеров по одной конкретной теме. Для первой статьи мы выбрали вопрос сохранения баланса между работой и остальными сферами жизни. Его мы обсудили с Ильёй Бирманом, Александрой…
Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер
Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.
В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть за уголок. Но мы видим в подобном «волшебном» поведении последовательность и логику. Если в физическом мире есть законы физики, то в интерфейсе мы можем придумать любые законы. Когда они хорошо продуманы, человек не просто заучивает определённые последовательности действий, а может осмысленно придумывать новые для решения своих задач.
Эта лекция о том, как видеть и придумывать хорошие законы в интерфейсе. Она существенно дополнилась: появились идеи об управляемости, замкнутости и обратимости, о связи внешнего вида интерфейса и ожиданий от него. Ну и добавились новые примеры.
В трейлерах у меня, в основном, обрезки для заманухи. Но также я придумал принцип, что трейлер сам по себе должен быть полезен. То есть кроме заманухи в нём должна содержаться хотя бы одна самостоятельная мысль или хотя бы один пример должен быть разобран содержательно.
В трейлере «Последовательного волшебства» – домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:
https://www.youtube.com/watch?v=_EOTBVLCvfk
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.
В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть за уголок. Но мы видим в подобном «волшебном» поведении последовательность и логику. Если в физическом мире есть законы физики, то в интерфейсе мы можем придумать любые законы. Когда они хорошо продуманы, человек не просто заучивает определённые последовательности действий, а может осмысленно придумывать новые для решения своих задач.
Эта лекция о том, как видеть и придумывать хорошие законы в интерфейсе. Она существенно дополнилась: появились идеи об управляемости, замкнутости и обратимости, о связи внешнего вида интерфейса и ожиданий от него. Ну и добавились новые примеры.
В трейлерах у меня, в основном, обрезки для заманухи. Но также я придумал принцип, что трейлер сам по себе должен быть полезен. То есть кроме заманухи в нём должна содержаться хотя бы одна самостоятельная мысль или хотя бы один пример должен быть разобран содержательно.
В трейлере «Последовательного волшебства» – домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:
https://www.youtube.com/watch?v=_EOTBVLCvfk
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
YouTube
Трейлер лекции Ильи Бирмана «Последовательное волшебство»
Курс «Пользовательский интерфейс и представление информации», 2024:
https://bureau.ru/courses/ui-online/
https://bureau.ru/courses/ui-online/
Яндекс, я возмущён. Я ж добавил подкаст в твою «Музыку». И вот слушатели мне жалуются, что они не понимают, с кем я разговариваю в выпуске. Я говорю: так там же в описании написано. И тут выясняется, что в твоём интерфейсе хрен найдёшь описание!
1. Мне показывают скриншот, реально ничего нет. От безысходности спрашиваю: «Что прячется за многоточием?»
2. Мне говорят: «О, там описание, спасибо!» Яндекс, ты с какой планеты упал, где за таким многоточием описание прячут? Там пользователь ожидает интерфейсы типа «добавить в избранное», «скачать», а не описание. Посмотри плиз лекцию «Привычка» у меня.
При этом показывается только начало описания. Я спрашиваю: «А таймкоды-то он [Яндекс] куда дел? Ещё и „Далее“ надо нажать?»
3. Мне присылают следующий скриншот: «Ух ты, там ещё и таймкоды есть!» И это при том, что это не первый подкаст у человека, просто он до меня вообще не знал, что такое есть.
Вы со своими дизайн-исследованиями совсем охренели и интерфейс не можете нормальный сделать.
4, 5. Посмотри, Яндекс, пожалуйста, как выглядят подкасты здорового человека. Не показывать описание — это просто какой-то мрак и моветон. Гмейл изобрёл показывание первой строчки письма прямо в списке писем лет двадцать назад. Это делает хоть Оверкаст, хоть встроенное приложение Эпла.
И посмотри мою лекцию «Информативность» ещё, пожалуйста.
И вы ещё спрашиваете, почему я подкасты на Яндекс Музыке не слушаю. Я что, больной что ли? Пусть они сначала разберутся хотя бы в общих чертах, что такое подкасты, как ими люди пользуются.
1. Мне показывают скриншот, реально ничего нет. От безысходности спрашиваю: «Что прячется за многоточием?»
2. Мне говорят: «О, там описание, спасибо!» Яндекс, ты с какой планеты упал, где за таким многоточием описание прячут? Там пользователь ожидает интерфейсы типа «добавить в избранное», «скачать», а не описание. Посмотри плиз лекцию «Привычка» у меня.
При этом показывается только начало описания. Я спрашиваю: «А таймкоды-то он [Яндекс] куда дел? Ещё и „Далее“ надо нажать?»
3. Мне присылают следующий скриншот: «Ух ты, там ещё и таймкоды есть!» И это при том, что это не первый подкаст у человека, просто он до меня вообще не знал, что такое есть.
Вы со своими дизайн-исследованиями совсем охренели и интерфейс не можете нормальный сделать.
4, 5. Посмотри, Яндекс, пожалуйста, как выглядят подкасты здорового человека. Не показывать описание — это просто какой-то мрак и моветон. Гмейл изобрёл показывание первой строчки письма прямо в списке писем лет двадцать назад. Это делает хоть Оверкаст, хоть встроенное приложение Эпла.
И посмотри мою лекцию «Информативность» ещё, пожалуйста.
И вы ещё спрашиваете, почему я подкасты на Яндекс Музыке не слушаю. Я что, больной что ли? Пусть они сначала разберутся хотя бы в общих чертах, что такое подкасты, как ими люди пользуются.
Канал Ильи Бирмана
Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве. В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть…
Взгляд новичка в интерфейсе: новая лекция и полезный трейлер
Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка.
Актёры играют по сценарию. А пользователи отвлекаются, переключаются между делами и нажимают кнопки не в том порядке, как придумал дизайнер. Нельзя полагаться на то, что человек помнит, что было на предыдущем экране. Каждый экран должен иметь смысл сам по себе.
В этой лекции учу смотреть на экран свежим взглядом: как будто в первый раз или как будто вам полностью стёрли память. В лекцию добавились хорошие примеры из Телеграма, разные из Айфона, а также конкретные признаки того, что с интерфейсом проблема.
Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» – пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:
https://www.youtube.com/watch?v=Pyb7vhfxjMY
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка.
Актёры играют по сценарию. А пользователи отвлекаются, переключаются между делами и нажимают кнопки не в том порядке, как придумал дизайнер. Нельзя полагаться на то, что человек помнит, что было на предыдущем экране. Каждый экран должен иметь смысл сам по себе.
В этой лекции учу смотреть на экран свежим взглядом: как будто в первый раз или как будто вам полностью стёрли память. В лекцию добавились хорошие примеры из Телеграма, разные из Айфона, а также конкретные признаки того, что с интерфейсом проблема.
Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» – пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:
https://www.youtube.com/watch?v=Pyb7vhfxjMY
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
YouTube
Трейлер лекции Ильи Бирмана «Взгляд новичка»
Курс «Пользовательский интерфейс и представление информации», 2024:
https://bureau.ru/courses/ui-online/
https://bureau.ru/courses/ui-online/
Канал Ильи Бирмана
Думаем дальше № 3 — «Ощущается как ненастоящие ёлочные игрушки» с Никитой Прокоповым Выпуск про то, что в Эпле теряются даже те знания о дизайне, которые они же сами и принесли в мир. Успеваете? 0:00 — Приветствия, разогрев и поздравления с Новым годом 0:05…
В продолжение темы того, что знания теряются. В 391-м выпуске «Ток-шоу» Джона Грубера Джон Сиракьюса описывает свой опыт использования нового приложения «Журнал» на Айфоне (с 1:27:44):
https://daringfireball.net/thetalkshow/2023/12/23/ep-391
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.
https://daringfireball.net/thetalkshow/2023/12/23/ep-391
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.
Новосибирск: трешак и кофе —
https://ilyabirman.ru/meanwhile/all/novosibirsk-trash-coffee/
https://ilyabirman.ru/meanwhile/all/novosibirsk-trash-coffee/
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 125-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-125/
От № 101 до № 125 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 102 про выравнивание цифр в таблицах (вечные сложности у всех), № 107 про ощущение быстроты в программе, № 115 про мир пользователя и № 118 про обозначение обязательных и необязательных полей (тоже вечные сложности).
Идёт запись на февральский курс:
https://bureau.ru/educenter/ui-online/
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Д безупречно. В чём тут ценность?
Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
• https://awdee.ru/the-danger-of-minimalist-design/
• https://t.me/awdee/29518
На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.
1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.
2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.
3. И здесь логотип явно улучшили. Нарисовать «плоский» знак красиво — большое искусство, и там действительно богатство и небезразличие в каждом изгибе. Наложить блики и тени — много ума не надо. Такие спецэффекты часто маскируют отсутствие внимания к деталям в самом знаке. В прошлом-то веке ещё ладно, для их изображения нужно было постараться художнику. А сегодня компьютер нарисует любое 3Д безупречно. В чём тут ценность?
Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
Прошу не забывать, что кроме моего могучего курса об интерфейсе у нас с Мишей на двоих ещё есть прекрасный курс о презентациях клиенту и публичных выступлениях. Ближайший пройдёт в марте, но если записаться прямо сейчас, то сэкономите аж 30%:
https://bureau.ru/courses/presentation-online/
На картинке — программа курса.
Важная сторона всех курсов — практика. Это то, что на картинке подписано рыжим. Помимо презентаций на семинарах, мы ещё устраиваем «репетиции» в виде видосов, отправленных прямо в чат курса. Там и мы комментируем, и участики могут комментировать друг друга, не дожидаясь семинара. Если ничего не пропускать, то за три недели курса можно сделать шесть или даже больше итераций работы над презентацией.
https://bureau.ru/courses/presentation-online/
На картинке — программа курса.
Важная сторона всех курсов — практика. Это то, что на картинке подписано рыжим. Помимо презентаций на семинарах, мы ещё устраиваем «репетиции» в виде видосов, отправленных прямо в чат курса. Там и мы комментируем, и участики могут комментировать друг друга, не дожидаясь семинара. Если ничего не пропускать, то за три недели курса можно сделать шесть или даже больше итераций работы над презентацией.
А вот ещё кусочек из подкаста. В 312-м выпуске «Ток-шоу» Джон Грубер рассказывает про работу в программе Кварк-экспресс, а потом — что нет так с текстовым вводом на Айпаде (с 1:05:20):
https://daringfireball.net/thetalkshow/2023/12/23/ep-312
Он говорит:
«Всё, что могло быть быстрым, было быстрым. И точным. Очень точным! Я всё ещё помню клавиатурные сочетания, например чтобы подвинуть текст на сотую дюйма. А если на тысячную, то нужно было зажать ещё и Альт. И это всё работало так быстро на тех старых компьютерах! Представь, как быстро работало бы сегодня! А у современного софта такого нет. И точности этой нет. Взять хотя бы фрустрацию от Ай-ОСа, особенно на Айпаде. Я не знаю, как должно быть, но я знаю, что Эплы это ещё не нашли. Как точно выделять текст на тач-экране? Когда я пытаюсь выделить текст на несколько строк, я постоянно промахиваюсь с началом или концом. 25 лет назад я никогда не промахился даже на один символ, и мне даже задумываться над этим не нужно было!»
https://daringfireball.net/thetalkshow/2023/12/23/ep-312
Он говорит:
«Всё, что могло быть быстрым, было быстрым. И точным. Очень точным! Я всё ещё помню клавиатурные сочетания, например чтобы подвинуть текст на сотую дюйма. А если на тысячную, то нужно было зажать ещё и Альт. И это всё работало так быстро на тех старых компьютерах! Представь, как быстро работало бы сегодня! А у современного софта такого нет. И точности этой нет. Взять хотя бы фрустрацию от Ай-ОСа, особенно на Айпаде. Я не знаю, как должно быть, но я знаю, что Эплы это ещё не нашли. Как точно выделять текст на тач-экране? Когда я пытаюсь выделить текст на несколько строк, я постоянно промахиваюсь с началом или концом. 25 лет назад я никогда не промахился даже на один символ, и мне даже задумываться над этим не нужно было!»