Прокрутка клавиатурными стрелками в Вентуре
Я заметил, что в Макосе Вентуре прокрутка стрелками на клавиатуре стала работать очень плавно, чего нельзя было сказать о прошлых системах.
Речь о документах для чтения, где нет курсора. По идее однократное нажатие на стрелку вниз или вверх должно прокручивать документ на одну строку. Но что такое «одна строка», когда в документе, например, веб-странице, используются разные шрифты, иллюстрации и видео? Это некоторая условность, типа, один сантиметр. Не на пиксель же прокручивать!
Раньше если нажать на стрелку и удерживать её, документы прокручивались дёрганно, этими шагами однострочными. Это очень напрягало; я всё время задумывался о том, как можно было бы сделать плавно. Задача нетривиальная, ведь при однократном нажатии всё ещё надо решительно прокручивать на какой-то фиксированный шаг, на ту самую «одну строку».
Так вот, Вентура научилась прокручивать документы плавно при использовании стрелочек. Для этого предсказуемо пришлось пожертвовать мгновенностью реакции на однократное нажатие: при такой построчной прокрутке система как будто бы подтупливает. Но в целом на мой вкус стало приятнее.
Проверка на аудиофила
Ха-ха, попались! Или нет? «Если вы этого не слышите, вы не аудиофил»: https://www.youtube.com/watch?v=48PxwspDvrE
Посмотрите и послушайте, а потом читайте дальше, а то там спойлеры.
В общем, я считаю себя до какой-то степени аудиофилом; правда обычно аудиофилы покупают дорогущее оборудования, чтобы различать едва уловимые детали в звуке, и для них ценность почему-то представляют случайные детали, возникающие вследствие несовершенства физического мира, например звучание конкретного контрабаса в конкретном помещении в руках конкретного исполнителя, в то время как я наслаждаюсь теми деталями в звуке, которые являются содержательной частью произведения, которые целенаправленно и ювелирно созданы автором.
Тем не менее, мне было интересно понять, услышу ли я «проблему» с кусочком, который поставил автор. Не знаю, считать ли, что я её услышал, — я не смог бы её так точно сформулировать и изолировать, как сделано в видео. Но после первого прослушивания у меня сложилось ощущение «со стерео происходит какая-то противоестественная фигня», а после второго — «да, стерео какое-то искусственное». При этом я не был уверен, что в этом и состоит проблема, это просто то, что я заметил, пока слушал. Оказалось, что проблема в этом, а из видео вы можете узнать даже конкретнее, в чём именно.
При этом в моём мире сама эта «проблема» — никакая не проблема. Автор произведения вполне мог бы захотеть сделать такое стерео частью произведения. Просто для инструментального произведения такая свобода самовыражения, как работа с пространством и физикой звука, не очень принята. Есть такое искусственное ограничение жанра; правило, о котором нужно знать. Это примерно как сделать хаусовый трек и нарушить в нём размер 4:4 в одном из квадратов. Это «проблема» только с точки зрения хаусового диджея, но в мире музыки в целом в этом нет ничего такого. Единственная разница только в том, что слушатели инструментальной музыки намного чаще склонны считать себя представителями «музыки в целом».
Выложил рассказ о проекте, который сделал в 2019 году — дизайн интернет-магазина «Дом Тома»:
https://ilyabirman.ru/dom-toma/
Почитайте, там надо было исхитриться и разнообразие коллекции показать, и индивидуальность товаров. Репостните везде и приходите за хорошим дизайном!
Самый тупой шаблон для мемов
Самый тупой шаблон для мемов:
— X
— Ты хотел сказать Y?
— Нет.
Обычно в X содержится какой-то плохой каламбур. Плохой, потому что сам по себе он не очень считывается. Именно поэтому нужен Y, чтобы объяснить, про что каламбур из X. Например:
— Пригожая Россия будущего.
— Ты хотел сказать «прекрасная»?
— Нет.
Содержательно всё сказано в первой реплике, но автор шутки настолько в ней неуверен, что решает её объяснить во второй реплике. Типа,«пригожая — это примерно как хорошая, а хорошая — это почти прекрасная... ну, понимаете?..» Объяснение убивает даже хорошую шутку, а в случае с плохой результат совсем жалкий.
Придумал каламбур — публикуй без говна вокруг.
Может, не все видят красоту?
Я всё думал, зачем девушки так много красятся, делают причёски, придумывают увеличение губ — ведь они и так красивые. Я не про особый повод «нарядиться» — это понятно, а именно про мнение, что это обязательно нужно делать каждый день.
И тут недавно у меня вдруг сверкнула мысль: а может просто большинство людей слепые и не видят нихера? То есть мне просто раньше не приходило в голову, что, может, мужчины смотрят на красивых женщин и не видят красоты?..
Точно так же, как не видят двойных пробелов в тексте, или когда знак рубля не того шрифта, или цены не выровнены нормально, или наклейка криво налеплена. Просто их взгляд вообще не отмечает этого, и им нужны какие-то другие признаки бинарные, типа «губы накрашены → красиво».
Может, мне просто повезло, что я вижу и так?
Незамкнутость интерфейса полотенцесушителя
На старом полотенцесушителе у меня был только выключатель, а на новом — целых три кнопки. Нижняя включает и выключает, средняя выбирает температуру, а верхняя — время работы. Температура последовательно выбирается из низкой, средней и высокой, а время — из ∞, 2, 4 и 6 часов. Внимание, вопрос: как работает выбор времени?
Допустим я выбрал 4 часа. Захожу через три часа в ванную, а полотенце ещё мокрое. Думаю: «надо подольше посушить», и переключаю на 6 часов. В какой момент время пошло? Стали ли сейчас заново отсчитываться шесть часов или предыдущий таймер продлился на час? Если продлился, то что будет, если я долистаю до 2 часов?
Незамкнутость откуда не ждали! Обычно такие интерфейсы придумывают начинающие дизайнеры, но их не берут в работу, потому что уж инженер-то понимает, что в интерфейсе нет внутренней логики.
Кстати, нагородили целых три кнопки, но при этом режима «всегда работать на низкой температуре, но когда надо включать „буст“ на 2 или 4 часа» — нет.
Немного о качестве современного эпловского софта. На свежеустановленной системе запускаешь приложение «Часы», и оно открывается вот так, с прокруткой. Часы чуть-чуть не влезают в приложении «Часы».
Это пример косяка, который в бюро не то, что до релиза не должен доходить, такого даже дизайнер не должен видеть, потому что ну ни один разработчик не способен такое говно оставить. И это не какой-то эзотерический экран приложения Audio MIDI Setup, о существовании которого большинство пользователей не догадываются; нет, это главный экран, которым встречает одно из новых приложений системы!
Давненько Бирман не рассматривал транспортные схемы, ну и вот:
https://bureau.ru/soviet/20230620/?utm_source=tg-s-s-200623
Кулер на Вижене-про
Может вы пропустили, но на Вижене-про у Эпла есть кулер. Мне всё было интересно, слышно ли его при большой нагрузке. Оказалось, нет: Эплы автоматически шумоподавляют его!
Про айтрекинг на Маке
Когда Эплы показали Ай-ОС 7 с эффектом параллакса — фон под иконками немного сдвигался в зависимости от наклона Айфона — я подумал, что подобная фича должна будет рано или поздно появиться на Маке, но для этого ему надо будет понимать, куда ты смотришь. Когда они показали десятый Айфон с фейс-айди, я подумал, что вот ещё один шаг в сторону параллакса на Маке. Ну а теперь они ещё и Вижен сделали, который точно понимает, куда именно ты смотришь. Теперь точно всё есть!
В 2010-м году у Эпла был ивент под названием Back to the Mac. Кучу разных изобретений с Айфона они принесли на Мак — после этого на Маке, например, исчезли постоянные полосы прокрутки, появились инерция и отпружинивание. Так что ждём через три года следующего Back to the Mac, когда всякие волшебства с Вижена станут доступны и без него.
Дизайн советского секундомера
Этот секундомер достался мне по наследству от деда. Это очень ценный предмет, который приятно держать в руках и на который приятно смотреть. Он лежит у меня в одном ящике с первым Айфоном. Но, в отличие от первого Айфона, этот секундомер я реально иногда использую для засекания времени.
Хочу обратить ваше внимание на три вещи, связанных с дизайном циферблата.
Во-первых, у него очень красивые деления на большой, секундной шкале. Каждая секунда разделена ещё на пять «подсекунд», причём их деления нанесены со сдвигом и образуют приятный орнамент. Секундные деления, кратные пяти, нарисованы немного жирнее остальных.
Недавно мы обсудили футболки с тупыми надписями. А как вам кружки с тупыми рисунками?
1. Недавно увидел в магазине приятную кружку: клёвая форма, приятная поверхность, белая внутри — прям всё как я люблю. Думаю, надо брать!
2. Но хрен: дизайнер решить насрать на обратной стороне. Что ж, окей, тогда кружка остаётся стоять на полке, мне такого говна дома не надо.
Бесит, когда пара приезжает на заправку, муж остаётся сидеть за рулём, а жена идёт заправлять машину. Ну что за позорище? То есть я допускаю, что у них там прекрасные гармоничные отношения, но по мнению мужа.
Читать полностью…Про Вижен-про и другие новости Эпла, почему лучше обойтись без серверов, дебаты Питерсона и Харриса и почему вы вечно уставшие. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-65/
Теперь вот УВДЦ выложил фотки с «Живых советов», которые я там провёл неделю назад, и я подумал: а что мне мешает устаривать голосовые советы (голосоветы?) прямо тут?
Давайте попробуем: в комментариях к этому посту вы присылайте картинку и объяснение, что изображено и в чём проблема, а я записываю войсик со своими соображениями. Желательно, чтобы на картинке было что-то одно конкретное, а не десять экранов сложного приложения. Картинку придётся сделать ссылкой на Дроплер или аналог.
Памяти скеоморфизма посвящается. Откопал у себя в бекапах-архивах папку скриншотов 4-го Айфона, когда впервыве появилась ретина.
Читать полностью…Многие дизайнеры думают, что тормозной интерфейс — это из-за программистов. Но на самом деле ощущение быстроты в большей степени создаётся именно качественным дизайном. Если дизайнер нарисовал макет с шагом «Подождите...», то вся тормознутость будет сконцентрирована в нём. А работа дизайнера — придумать, как распределить ровно то же вычислительное время по другим шагам, чтобы пользователь тормозов не заметил. 4 минутки:
https://www.youtube.com/watch?v=GBj17b4l10s
Я вам эти все фрагменты не просто так выкладываю, а чтобы вы приходили на курс о пользовательском интерфейсе. Он очень классный, и все уходят довольными. Кроме этих семинаров с разборами заданий там 20 часов лекций с фундаментом.
Ближайший курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Олег Андреев поделился фоточкой. Видите, под каждой иконкой про неё что-то написано? Ха-ха, а вот и не про неё! Это просто текст на пяти языках, а иконок тоже пять, но с текстом они никак не связаны.
Это стандартная проблема, когда соседние, не связанные по смыслу этажи кажутся связанными из-за одинаковой сетки. Рассказываю про это на курсе в теме «Близость»:
http://bureau.ru/courses/ui-online/
Но этот пример прям отличный, сохранил в соответствующую папочку! Тут ещё и расстояния между этажами никакого нет: кружочки с языками висят как раз между своим текстом и иконками выше.
В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Лёве, когда я приглашал присылать работы для получения голосовых советов.
Лёве пишет: «Каждый год математическая школа заказывает у меня вариацию их логотипа для своего летнего лагеря. В этом году сделал пирамидки, но ощущение, что логотип разваливается. Что с этим сделать?».
Вчера вышел совет про калининградскую схему:
https://bureau.ru/soviet/20230620/
Его заметил Владимир Титов из Мостранспроекта, очень приятно:
/channel/Titovmos/625
И тут я вспомнил, что самые крутые схемы Калининграда — это вот эти из 1990 года, особенно троллейбусная. Скриншот — из моей книги о дизайне транспортных схем:
https://bureau.ru/books/metro/
СР 28 июня 20:00 мск — бесплатный мастер‑класс Ильи Бирмана о «взгляде новичка» в интерфейсе
В среду 28 июня в 20:00 мск Илья Бирман проведёт бесплатный мастер‑класс о «взгляде новичка» в интерфейсе, а участники смогут задать вопросы. Илья — арт‑директор бюро, автор книг и преподаватель дисциплины «Интерфейс и информация».
В конце мастер‑класса — сюрприз!
Илья расскажет в прямом эфире про «взгляд новичка» и принцип «Каждый экран имеет смысл», в том числе на примерах, которые собрал за последние пару лет у Эпла, Микрософта и Телеграма. А также расскажет о том, как проходит курс «Пользовательский интерфейс и представление информации».
Мастер‑класс будет полезен тем, кто проектирует, учится или подумывает научиться проектировать интерфейсы. Пройдёт в Зуме.
Записаться на мастер‑класс
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2023/june-masterclasses-birman/
Сегодня — день видосов с моим бубнежом! Обещаю, на сегодня это последний видосик, и он малюсенький.
Небольшой спич про то, почему вообще интерфейс не обязательно должен быть хорошим, но на курсе по интерфейсу — обязательно. Две минуточки:
https://www.youtube.com/watch?v=3fzeLHVhvy0
Приходите на курс о пользовательском интерфейсе, он очень классный, и все уходят довольными. Ближайший курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/
Екатеринбургская лекция про полезные сайты
Непонятно, как так получилось, что я не выкладывал такую вот лекцию про полезные сайты:
https://www.youtube.com/watch?v=zsyfdOkaSi4
00:00 Интро
19:57 Часть 1. Лучше рассказать о продукте
40:09 Перерыв
50:08 Часть 2. Повысить доверие
1:43:18 Вопросы
Ещё непонятно, почему у меня там голос дрожит. Зато лекция важная! Поделитесь с коллегами обязательно.
В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Михаил, когда я приглашал присылать работы для получения голосовых советов. Кстати, войсы удобнее всего слушать на полуторной или двойной скорости.
Читать полностью…Во-вторых, интересно сделана маленькая, минутная шкала. У неё есть сплошная обводка, и она вырезает из секундной дырку, нагло закрывая куски пятёрок. Длинными сделаны деления, кратные пяти, но не десяти; а вот деления, кратные десяти сделаны, снова, чуть жирнее и подписаны числами. Шрифт немного другой — посмотрите на двойку, — но явно нарисован той же рукой.
В-третьих, на нём есть пиктограмма секундомера! Я не могу найти этому никакого объяснения, кроме как «не придумали, чем заполнить пустоту», но выглядит хорошо.
Ах да, Made in USSR написано по-английски.
Участник курса презентаций Стёпа Рычков рассказывает про новый набор иконок для Яндекс.Клауда и инструмент умного поиска, которые он разработал. В середине рассказа предлагает поиграть в игру: угадать, что было самым сложным в работе. Обсуждаем недостатки презентации: преуменьшение значимости работы, ненужная игра, неочевидность связи слайда с текстом, произнесение заголовков вслух. 14 минут:
https://www.youtube.com/watch?v=CRnsWOsCW_A
00:00 Презентация
02:01 «Небольшой интерактив»
05:24 Разбор
Все подробности про курс, включая подробную программу и кнопку «Запись»:
https://bureau.ru/courses/presentation-online/
Следующий курс пройдёт в июле, приходите.
Выше — голосовой комментарий вот к такой картинке, которую прислал Никита Яковенко чуть выше, когда я приглашал присылать работы для получения голосовых советов. А кто ставит фак, тот дурачок :-)
Читать полностью…Обращение в Минздрав России по поводу знака о запрете курения:
https://ilyabirman.ru/meanwhile/all/obraschenie-v-minzdrav-rossii/
Экран приложений в Вотч-ОС 10
С первых Эпл-часов людей напрягал интерфейс экрана приложений — было очень неудобно перемещаться, запоминать где что, целиться. Несколько лет назад появился вариант показывать приложения просто списком, но он выглядел уныло и был слишком длинным.
И вот в 10-м Вотч-ОСе Эплы ловко придумали! Теперь «классический» интерфейс стал просто прокручиваться вертикально, как список. Мне нравится это решение тем, что оно сохраняет визуальную привлекательность и узнаваемость оригинала, решая большинство его проблем.