Audio
Думаем дальше № 5 — «Ты явно хочешь гуй» с Никитой Прокоповым
Обсудили ещё деталей интерфейса текстового ввода, зачем люди пользуются терминалом и анимацию.
0:00 — Кросс-платформенность против качества нативных приложений
12:35 — Поведение текстового поля: направление выделения
19:07 — Поведение текстового поля: курсор с памятью стиля
22:05 — Терминал против графического интерфейса. Никита толкает речь против терминала
28:41 — Илья неожиданно толкает речь за
35:10 — Но Никита имел в виду немножко другое, но Илья и про это тоже что-то там думает
40:35 — Находим способ и тут вырулить на тему того, что софт тормозит без дела
47:43 — Сложные клавиатурные действия с текстом в Виме и ВС Коде
52:02 — Чатботы, дизайн взаимодействия через текстовые команды и тотальное скриптование всего
1:02:57 — Делл анонсировал новый 40-дюймовый монитор, а у Ильи Хуавей
1:10:35 — Никита спрашивает, зачем на сайте Ильи анимируется меню
1:14:04 — Управляемая загрузка веб-страниц и Эмёрдж → https://ilyabirman.ru/emerge/
Все выпуски:
https://thinkon.mave.digital
РСС, чтобы подписаться в подкастном приложении:
https://cloud.mave.digital/51724
Обсудили ещё деталей интерфейса текстового ввода, зачем люди пользуются терминалом и анимацию.
0:00 — Кросс-платформенность против качества нативных приложений
12:35 — Поведение текстового поля: направление выделения
19:07 — Поведение текстового поля: курсор с памятью стиля
22:05 — Терминал против графического интерфейса. Никита толкает речь против терминала
28:41 — Илья неожиданно толкает речь за
35:10 — Но Никита имел в виду немножко другое, но Илья и про это тоже что-то там думает
40:35 — Находим способ и тут вырулить на тему того, что софт тормозит без дела
47:43 — Сложные клавиатурные действия с текстом в Виме и ВС Коде
52:02 — Чатботы, дизайн взаимодействия через текстовые команды и тотальное скриптование всего
1:02:57 — Делл анонсировал новый 40-дюймовый монитор, а у Ильи Хуавей
1:10:35 — Никита спрашивает, зачем на сайте Ильи анимируется меню
1:14:04 — Управляемая загрузка веб-страниц и Эмёрдж → https://ilyabirman.ru/emerge/
Все выпуски:
https://thinkon.mave.digital
РСС, чтобы подписаться в подкастном приложении:
https://cloud.mave.digital/51724
Синтаксис и автономность подписи элемента интерфейса
На вчерашнем семинаре интерфейсного курса разбирали элемент настройки окна.
1. Здесь нарушен синтаксис. Синтаксически радиокнопки — это набор однородных членов предложения, остальные члены которого даны в общей подписи. Здесь подпись «не открывается» не сочетается с общей подписью «Открывается». Формально мы как бы выбираем между вариантами: открывается влево, открывается вправо, открывается не открывается.
Чтобы исправить синтаксис, нужно все радиокнопки сделать обстоятельствами, то есть чтобы они отвечали на вопрос «как?».
2. Стало правильно синтаксически, но возникла другая проблема: неавтономность.
Автономность — это когда для понимания смысла элемента не нужно знать, что находится вокруг. Например, компьютер спрашивает, хотите ли вы удалить файл. Если подтверждающая кнопка называется «Да», то она неавтономна, потому что приходится читать, что спрашивают перед ней. А если кнопка называется «Удалить», то она понятна сама по себе, автономна.
Во втором варианте последняя радиокнопка потеряла автономность. Чтобы понять, что именно «никак», приходится читать общую подпись. А вариант «не открывается» был самодостаточным.
Что же в итоге лучше? Кажется, что удобство важнее формализма, и первый вариант побеждает. Но это ловушка! Нет причин выбирать между плохими вариантами, когда можно найти хороший. Вчера, например, сразу же придумали, что вместо слов можно использовать графику: понятные стрелки в две стороны; крестик между ними.
О курсе:
https://bureau.ru/courses/ui-online/
На вчерашнем семинаре интерфейсного курса разбирали элемент настройки окна.
1. Здесь нарушен синтаксис. Синтаксически радиокнопки — это набор однородных членов предложения, остальные члены которого даны в общей подписи. Здесь подпись «не открывается» не сочетается с общей подписью «Открывается». Формально мы как бы выбираем между вариантами: открывается влево, открывается вправо, открывается не открывается.
Чтобы исправить синтаксис, нужно все радиокнопки сделать обстоятельствами, то есть чтобы они отвечали на вопрос «как?».
2. Стало правильно синтаксически, но возникла другая проблема: неавтономность.
Автономность — это когда для понимания смысла элемента не нужно знать, что находится вокруг. Например, компьютер спрашивает, хотите ли вы удалить файл. Если подтверждающая кнопка называется «Да», то она неавтономна, потому что приходится читать, что спрашивают перед ней. А если кнопка называется «Удалить», то она понятна сама по себе, автономна.
Во втором варианте последняя радиокнопка потеряла автономность. Чтобы понять, что именно «никак», приходится читать общую подпись. А вариант «не открывается» был самодостаточным.
Что же в итоге лучше? Кажется, что удобство важнее формализма, и первый вариант побеждает. Но это ловушка! Нет причин выбирать между плохими вариантами, когда можно найти хороший. Вчера, например, сразу же придумали, что вместо слов можно использовать графику: понятные стрелки в две стороны; крестик между ними.
О курсе:
https://bureau.ru/courses/ui-online/
Как вы говорите?
Anonymous Poll
89%
Черви/ы
37%
Бубны
55%
Буби
21%
Трефи/ы
78%
Крести
83%
Пики
9%
Вини/ы
12%
У меня козырная монтана
Западный ветер
Никогда не мог понять, что значит «западный ветер». Это с запада или на запад? Причём, разумеется, мне уже тыщу раз объясняли, как это понимать, но запомнить это невозможно, потому что в равной степени логичны противоположные трактовки.
См. также. Солонка и перечница:
https://ilyabirman.ru/meanwhile/all/solonka-i-perechnica/
Часы швейцарских железных дорог:
https://t.me/ilyabirman_channel/1845
Никогда не мог понять, что значит «западный ветер». Это с запада или на запад? Причём, разумеется, мне уже тыщу раз объясняли, как это понимать, но запомнить это невозможно, потому что в равной степени логичны противоположные трактовки.
См. также. Солонка и перечница:
https://ilyabirman.ru/meanwhile/all/solonka-i-perechnica/
Часы швейцарских железных дорог:
https://t.me/ilyabirman_channel/1845
Как корпорации всех поработят без государства
Любители государств часто говорят, что без государств корпорации всех поработят. Типа корпорации только и мечтают, чтобы государства им перестали мешать на их пути к безграничному обогащению.
Но почему же тогда представители корпораций не особо высказывают либертарианские идеи, если они от них выиграют? Не пытаются убедить людей, как хорошо будет от свободы? Наоборот: корпорации систематически выступают за усиление роли государства.
«Technology needs to be regulated», — говорит Тим Кук.
«I’m increasingly inclined to think that there should be some regulatory oversight», — говорит Элон Маск.
«I think if this technology goes wrong, it can go quite wrong ‹...› We want to work with the government to prevent that from happening», — говорит Сэм Альтман.
Чем крупнее компания, тем охотнее она поддерживает патенты, лицензирование, сертификацию и прочее государственное вмешательство в отношения между людьми. Потому что корпорации знают, для них это всё мелкие и формальные препятствия, с которыми юристы быстро разберутся, а вот зато мелким конкурентам это закроет путь на рынок. И самый кайф, что расходы на всю эту инфраструктуру можно возложить на всё общество, а не нести самим. А люди будут думать, что это в их интересах и делается! Ну не прелесть ли?
Государства — лучшие друзья корпораций.
Любители государств часто говорят, что без государств корпорации всех поработят. Типа корпорации только и мечтают, чтобы государства им перестали мешать на их пути к безграничному обогащению.
Но почему же тогда представители корпораций не особо высказывают либертарианские идеи, если они от них выиграют? Не пытаются убедить людей, как хорошо будет от свободы? Наоборот: корпорации систематически выступают за усиление роли государства.
«Technology needs to be regulated», — говорит Тим Кук.
«I’m increasingly inclined to think that there should be some regulatory oversight», — говорит Элон Маск.
«I think if this technology goes wrong, it can go quite wrong ‹...› We want to work with the government to prevent that from happening», — говорит Сэм Альтман.
Чем крупнее компания, тем охотнее она поддерживает патенты, лицензирование, сертификацию и прочее государственное вмешательство в отношения между людьми. Потому что корпорации знают, для них это всё мелкие и формальные препятствия, с которыми юристы быстро разберутся, а вот зато мелким конкурентам это закроет путь на рынок. И самый кайф, что расходы на всю эту инфраструктуру можно возложить на всё общество, а не нести самим. А люди будут думать, что это в их интересах и делается! Ну не прелесть ли?
Государства — лучшие друзья корпораций.
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 100-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-100/
От № 76 до № 100 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 82 про сео и персональные данные, № 86 про технозависимость, № 89 про прямоугольность и Фотошоп и № 91 с аналогией между юай-китом и шрифтом.
Также выделился раздел «Вёрстка».
А какие видосы вам показались самыми полезными?
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-100/
От № 76 до № 100 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 82 про сео и персональные данные, № 86 про технозависимость, № 89 про прямоугольность и Фотошоп и № 91 с аналогией между юай-китом и шрифтом.
Также выделился раздел «Вёрстка».
А какие видосы вам показались самыми полезными?
Подкаст «Думаем дальше» успешно загружен на Яндекс Музыку, с уважение сообщает команда Яндекс Музыки:
https://music.yandex.ru/album/29069497?dir=desc&activeTab=about
Если вы там хотели слушать, то начинайте. Все вышедшие пять выпусков — там. Скоро будем следующий выпуск записывать, никогда не угадаете, с кем.
Расскажите, как вам подкаст. Перевернул вашу жизнь, надеюсь?
https://music.yandex.ru/album/29069497?dir=desc&activeTab=about
Если вы там хотели слушать, то начинайте. Все вышедшие пять выпусков — там. Скоро будем следующий выпуск записывать, никогда не угадаете, с кем.
Расскажите, как вам подкаст. Перевернул вашу жизнь, надеюсь?
Снял вам кино про то, почему 0,(9) = 1. Казалось бы, это ж и так понятно? Но люди продолжают зачем-то об этом спорить, а некоторые — доказывать. Но доказывать тут нечего, некоторым людям просто не хочется в это верить. Поэтому я пробую помочь поверить:
https://www.youtube.com/watch?v=DGG0bjpg9g0
https://www.youtube.com/watch?v=DGG0bjpg9g0
YouTube
0,(9)=1. Как в это поверить?
Если вам никак не удаётся поверить, что 0,(9) = 1, то давайте я попробую убедить.
00:00 О каше в голове и бесполезности доказательств
02:19 Пример конечной суммы бесконечного числа слагаемых
04:40 Аксиома: 0,(9) — это число
06:04 Что такое число и что с…
00:00 О каше в голове и бесполезности доказательств
02:19 Пример конечной суммы бесконечного числа слагаемых
04:40 Аксиома: 0,(9) — это число
06:04 Что такое число и что с…
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
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.