{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Пользовательский интерфейс", "_rss_description": "Принципы и методы Решение по-эпловски Ховер из овер", "_rss_language": "ru", "_itunes_email": "ilyabirman@ilyabirman.ru", "_itunes_categories_xml": "<\/itunes:category>\r\n<\/itunes:category>\r\n\r\n", "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764", "_itunes_explicit": "no", "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui\/", "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/ui\/json\/", "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764", "authors": [ { "name": "Илья Бирман", "url": "https:\/\/ilyabirman.ru\/meanwhile\/", "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764" } ], "items": [ { "id": "6766", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/carplay-scrubbing\/", "title": "Двигунок для перемотки в Карплее", "content_html": "

Заодно<\/a> ещё один момент про Карплей. В Ай-ОСе 27 анонсировали возможность перематывать музыку в нём, потащив за двигунок. Это отлично, но тут тоже возникает вопрос: а чем думали разработчики предыдущие десять лет, когда не давали это сделать? Это ж стандартное поведение ползунка, что за него можно потянуть. Значит, для аудио в Карплее его кто-то специально ломал.<\/p>\n

Я могу предположить, что идея была такая, мол, слишком сложный элемент управления, за рулём будет отвлекать. Но это, конечно, ошибка. Если я хочу перемотать трек на середину, и мне не дают это сделать, потащив ползунок на экране машины, то я потянусь за телефоном, а не передумаю перематывать.<\/p>\n

Рад, что до Эпла дошло, наконец, — но блин.<\/p>\n", "summary": "Заодно ещё один момент про Карплей. В Ай-ОСе 27 анонсировали возможность перематывать музыку в нём, потащив за двигунок", "date_published": "2026-06-27T00:10:47+05:00", "date_modified": "2026-06-27T00:10:44+05:00", "tags": [ "Карплей", "пользовательский интерфейс", "Эпл" ], "_date_published_rfc2822": "Sat, 27 Jun 2026 00:10:47 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6766", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [] } }, { "id": "6765", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/carplay-temporary-messages\/", "title": "Временные сообщения в Карплее", "content_html": "

Если у тебя Карплей, когда приходит сообщение, ты видишь что-то такое:<\/p>\n

\n\"\"\n
Изображение с сайта appletoolbox.com<\/div>\n<\/div>\n

Это старый дизайн, в новом чуть иначе, но не важно. Появляется сообщение без текста сообщения. Если успеть за пару секунд нажать кнопку на руле, оно попытается прочитать сообщение вслух. Либо спросит, прочитать ли сообщение вслух, там как повезёт. Если за пару секунд не успеть, сообщение исчезнет, и его уже так просто не достанешь.<\/p>\n

Понятное дело, что в реальности это всё бесит неимоверно — я же на дорогу смотрю. Бывает, увижу краем глаза, что пришло сообщение, и думаю: о, ну пусть попробует прочитать. Жму кнопку на руле, но к этому моменту оно исчезает, и кнопка срабатывает как-нибудь иначе (например, отменяет текущий маршрут в навигации, очень удобно).<\/p>\n

Никакие сообщения не должны самовольно исчезать с экрана. Если уж появилось, то блин стой на месте, пока я сам тебя не закрою. В обычном Ай-ОСе можно настроить уведомления так, чтобы они не уезжали, и разумеется, те полтора уведомления, которые у меня разрешены, настроены именно так.<\/p>\n

Но на автомобиле это втройне важно. Причём это кажется настолько очевидным, что я даже не знаю, какой был ход мысли разработчика, который писал код убирания сообщения с экрана. Вероятно, просто никакого не было, потому что если бы там была мысль, то такого кода просто бы не возникло.<\/p>\n", "summary": "Если у тебя Карплей, когда приходит сообщение, ты видишь что-то такое", "date_published": "2026-06-26T14:22:53+05:00", "date_modified": "2026-06-27T00:10:41+05:00", "tags": [ "Карплей", "модальность", "пользовательский интерфейс", "Эпл" ], "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/carplay-message.jpg", "_date_published_rfc2822": "Fri, 26 Jun 2026 14:22:53 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6765", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/carplay-message.jpg" ] } }, { "id": "6762", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/uvolte-programmistov-kotorye-razloginivayut-vashih-polzovateley\/", "title": "Увольте программистов, которые разлогинивают ваших пользователей", "content_html": "

У меня много причин для недовольства современным софтом. Часто мне возражают, мол, зато метрики. Это тупое возражение, но можно хотя бы понять ход мысли недальновидных менеджеров, которые такое продвигают. Но вот вещь, которая не лезет ни в какие ворота — это то, что программы и сайты постоянно разлогинивают пользователей.<\/p>\n

На днях думал прокатиться на самокате. Зашёл в приложение Вуш, а оно меня забыло:<\/p>\n

\n\"\"\n<\/div>\n

Вуш думает, я буду заново проходить там всю канитель с регистрацией? Нет, я пойду пешком.<\/p>\n

Оно даже никак не извиняется, ничего не объясняет, просто полная потеря памяти. Хоть бы написали какую-нибудь чушь типа «вы не пользовались больше полугода, поэтому...». Очевидно, что компьютеру не составляет труда помнить залогиненность хоть двадцать лет, то есть смысла в словах про полгода не было бы никакого, но было бы ощущение, что меня хоть как-то помнят. Но нет даже этого.<\/p>\n

Или вот зашёл я в Саундклауд послушать музыку — а туда я захожу почти каждый день, и у меня даже платный акаунт — а Саундклауд пишет какую-то ахинею:<\/p>\n

\n\"\"\n<\/div>\n

Вы, говорит, разлогинились. Идите теперь в телефон! Что за кретин это написал? Во-первых, я не разлогинивался из Саундклауда, скорее всего, вообще ни одного раза в жизни, потому что нет причин это делать. Только сам дебил-Саундклауд мог меня разлогинить. Во-вторых, какая вообще связь с телефоном? В таком контексте ощущается как сознательное издевательство. Даже если предположить, что я зачем-нибудь разлогинился сам, нафига мне идти в телефон, что там ждёт свежеразлогинившегося меня?<\/p>\n

Увольте программистов, которые разлогинивают ваших пользователей. Вам будут вешать на уши лапшу про безопасность, но это бред сивой кобылы. Пусть объяснят, как потерянные продажи повышают безопасность (но уже в поиске другой работы).<\/p>\n

Не думаю, что меня хоть раз разлогинивало Яндекс.Такси или Озон. Да даже Альфа и Тиньков меня не разлогинивают никогда, и ничего! Как-нибудь уж самокаты и музыка могут снизить свои требования к «безопасности» хотя бы до банковского уровня?<\/p>\n", "summary": "У меня много причин для недовольства современным софтом. Часто мне возражают, мол, зато метрики. Это тупое возражение, но можно хотя бы понять ход мысли недальновидных менеджеров...", "date_published": "2026-06-24T20:27:38+05:00", "date_modified": "2026-06-24T20:27:08+05:00", "tags": [ "безопасность", "бизнес", "пользовательский интерфейс" ], "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/razlogin-whoosh@2x.jpg", "_date_published_rfc2822": "Wed, 24 Jun 2026 20:27:38 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6762", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/razlogin-whoosh@2x.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/razlogin-soundcloud@2x.jpg" ] } }, { "id": "6759", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/liquid-glass-2028\/", "title": "Ликвид-гласс ещё через год", "content_html": "

Помните, когда-то в Винде каждая кнопка была на собственной выпуклости?<\/p>\n

\n\"\"\n<\/div>\n

А потом решили, что это перебор, и убрали?<\/p>\n

\n\"\"\n<\/div>\n

Со временем рамок стало ещё меньше. Ну и Мак тоже через подобное проходил.<\/p>\n

Ликвид-гласс просто запустил этот же процесс. В этом году сделали тулбар, а в следующем уберут отдельные капельки под кнопками:<\/p>\n

\n\"\"\n<\/div>\n

Не является прогнозом. Это было бы слишком хорошо, чтобы быть правдой.<\/p>\n", "summary": "Помните, когда-то в Винде каждая кнопка была на собственной выпуклости?", "date_published": "2026-06-19T20:08:30+05:00", "date_modified": "2026-06-19T20:07:18+05:00", "tags": [ "дизайн", "пользовательский интерфейс", "Эпл" ], "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/microsoft-word-95.png", "_date_published_rfc2822": "Fri, 19 Jun 2026 20:08:30 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6759", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/microsoft-word-95.png", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/microsoft-word-97.png", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/liquid-glass-2028@2x.jpg" ] } }, { "id": "6754", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/rational-screen-area-usage\/", "title": "Рациональное использование площади экрана", "content_html": "

Одна из проблем, встречающихся в дизайне многих продуктов — нерациональное использование площади экрана. Кажется очевидным, что если у вас много информации, то есть смысл занять ею побольше места, а если информации мало — то поменьше. Но по необъяснимым причинам эта тривиальная идея ускользает от многих дизайнеров: они то в маленькую выпадаечку засунут сложную древовидную прокрутку, то наоборот на весь экран покажут полторы кнопки.<\/p>\n

Квиктайм при просмотре видео рисует интерфейс перемотки лишь на небольшую часть ширины экрана:<\/p>\n

\n\"\"\n<\/div>\n

Перемоткой и так сложно пользоваться, особенно если нужно попасть в конкретное место, а тут они искусственно усложняют это в разы без повода. Почему не растянуть на всю ширину видоса-то?<\/p>\n

Налоговая в выбиралке валюты не даёт увидеть, какую валюту я выбираю:<\/p>\n

\n\"\"\n<\/div>\n

Хорошо, что можно загуглить код валюты в соседней вкладке или посмотреть полные названия валют в веб-инспекторе, очень удобно. Выпадайка может быть шире поля, из которого она выпадает, если надо.<\/p>\n

Аналогично Гугль-фонтс прячет настройку шрифта вот в такое меню с прокруткой:<\/p>\n

\n\"\"\n<\/div>\n

Почему не сделать его в десять раз больше-то? Вот я хочу поменять этот язык, и у меня большой экран, у вас как раз много этих языков. Как тут рассуждал дизайнер?<\/p>\n

Ну и так далее. Постоянно что-то, что можно показать целиком без прокрутки, запихивают в амбразуру.<\/p>\n

А вот обратные примеры. У Спотифая не вместилось «С возвращением» и три кнопки на большой экран:<\/p>\n

\n\"\"\n<\/div>\n

Даже если предположить, что вы не хотите «отвлекать» меня от входа ничем интересным, ну уместить-то можно было это всё хотя бы? Хотя, конечно, я был бы больше мотивирован войти, если бы чувствовал, что внутри меня что-то ждёт хорошее.<\/p>\n

Яндекс-музыка туда же:<\/p>\n

\n\"\"\n<\/div>\n

Нафига прятать что-то там в кнопку «Настроить», у вас есть целый экран, я тут могу унастраиваться без лишних кликов!<\/p>\n

В дефолтном дизайне Айтюнса на огромном 32″ 6К мониторе в высоту экрана влезает три трека! Три:<\/p>\n

\n\"\"\n<\/div>\n

Тут я затрудняюсь дать комментарий.<\/p>\n

Не только в музыкальных программах это. Вот Гугль-докс не может уместить названия файлов:<\/p>\n

\n\"\"\n<\/div>\n

Ну какой идиот, а? Ну вон же полно место по бокам, и это при моей любимой ширине окна 1024 даже1 Нахрена, нахрена ты обрезал названия?<\/p>\n

Кинопоиск спрятал две кнопки («Неинтересно» и «Просмотрен») в многоточие:<\/p>\n

\n\"\"\n<\/div>\n

Просто космический идиот. Ещё и нарисовал подсказку, которая заняла столько же места, сколько заняли бы обе кнопки без подсказки! Да у тебя целый экран вот посвящён моим отношениям с этим фильмом. Что может быть важнее, чем показать кнопки настройки этих отношений? Для чего ты сэкономил это место?<\/p>\n

А вот классический Лончпад Эпла:<\/p>\n

\n\"\"\n<\/div>\n

У него много проблем, но сама идея прекрасна: для выбора приложения используется весь экран. Целиться в иконки одно удовольствие. Бывает, захватил откуда-то файл одной рукой, тащишь его на место нужной программы, в это время другой жмёшь шорткат Лончпада и бросаешь файл на программу, потому что она как раз оказывается под курсором где надо.<\/p>\n

А сейчас что? Только вот так:<\/p>\n

\n\"\"\n<\/div>\n

Всему тесно, и чуть что возникает прокрутка.<\/p>\n

Как будто дизайнеры постоянно забывают, зачем нужен интерфейс, который они рисуют. Это превращается в какую-то формальность, типа, надо запихать на экран такие-то элементы, а значимость этих элементов и роль в сценарии пользователя вообще никак на это запихивание не влияет.<\/p>\n", "summary": "Одна из проблем, встречающихся в дизайне многих продуктов — нерациональное использование площади экрана", "date_published": "2026-06-14T18:33:02+05:00", "date_modified": "2026-06-14T18:32:52+05:00", "tags": [ "вёрстка", "Гугль", "дизайн", "дизайн продуктов", "дизайн сайтов", "пользовательский интерфейс", "эпицентрический дизайн", "Эпл", "Яндекс" ], "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quicktime-small-drag.jpg", "_date_published_rfc2822": "Sun, 14 Jun 2026 18:33:02 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6754", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/quicktime-small-drag.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/lkfl-currency-sizing@2x.png", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-fonts-dropdown@2x.png", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/spotify-size.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/yandex-music-setup.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/itunes-density@2x.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/google-docs-filenames-dont-fit@2x.png", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/kinopoisk-doesnt-fit.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/launchpad-high-sierra.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/app-library-tahoe@2x.jpg" ] } }, { "id": "6753", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/nikogda-ne-otryvayte-paneli-ot-krayov-ekrana\/", "title": "Никогда не отрывайте панели от краёв экрана", "content_html": "

Из общей теории, опыта и здравого смысла мы знаем, что всякие боковые панели должны быть приклеены к краям окон. Это не является спорным вопросом интерфейсостроения или делом вкуса. Просто давно установлено, что отрывать панели от краёв не нужно; это хуже со всех точек зрения.<\/p>\n

И тем не менее, время от времени в дизайн приходят дизайнеры, которые об этом не знают, и им кажется, что оторвать панели от краёв — это хорошая, свежая идея. Пару лет назад на ровном месте споткнулась Фигма:<\/p>\n

\n\"\"\n<\/div>\n

Они это показали в бете третьей версии интерфейса. Поднялся шум, и к релизу это пришлось откатить и сделать нормально.<\/p>\n

В прошлом году Эпл придумал оторвать свои сайдбары от краёв. Тупой Алан Дай не только не знал ничего об интерфейсах, но даже не знал что на эти же грабли только что наступила Фигма. У Фигмы-то это хотя бы выглядело красиво, а у Эпла получилось просто говнище, с какой стороны ни посмотри:<\/p>\n

\n\"\"\n<\/div>\n

Эпл упрямый и неповоротливый, поэтому на починку им понадобился год.<\/p>\n

Дизайнеры! Перестанье вы это делать, ну сколько вам ещё надо примеров? Ноль плюсов у этого решения.<\/p>\n", "summary": "Из общей теории, опыта и здравого смысла мы знаем, что всякие боковые панели должны быть приклеены к краям окон", "date_published": "2026-06-13T13:26:51+05:00", "date_modified": "2026-06-13T13:26:43+05:00", "tags": [ "пользовательский интерфейс", "Фигма", "Эпл" ], "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/figma-ui3.jpg", "_date_published_rfc2822": "Sat, 13 Jun 2026 13:26:51 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "6753", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/figma-ui3.jpg", "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/tahoe-sidebars.jpg" ] } }, { "id": "6749", "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/principy-dizayna-epla-2026\/", "title": "Принципы дизайна Эпла (2026)", "content_html": "

У Эпла каждый год выходит доклад о принципах дизайна, и каждый год он немного разный, с разными акцентами и разной степенью высокопарности. По нему, в том числе, можно судить о том, что у них там в головах.<\/p>\n

В этом году доклад неплохой по смыслу. Он слишком абстрактный, в духе «за всё хорошее против всего плохого», но всё-таки то, что́ Эплы в этом году считают хорошим, мне нравится:<\/p>\n

\n