Коротко об Эпл-ивенте
Так, несколько комментариев про сегодняший Эпл-ивент.
Мак-про какой-то совсем странный. 192 ГБ памяти — это, конечно, много, но у предыдущего Мака-про было 1,5 ТБ, и Эплы об этом скромно промолчали.
Ай-ОС 17 ни о чём. Они реально показали иконки телефона, Фейстайма и Месседжеса в начале! «The Phone app is essential to iPhone experience». Ну да, оно где-то в подпапках третьего экрана зарыто как раз. Стендбай красивый, ладно. «We truly live in the age of wonders» про множественные таймеры — смешно!
Виджеты на десктопе на Маке — это то, о чём я мечтал с того момента, как убили Дэшборд и на кой-то хер запрятали виджеты в тупую выезжалку с прокруткой. Но надо будет понять, как они взаимодействуют с файлами на рабочем столе.
Веб-приложения в доке — хочется, но много уже кто пытался, получалось плохо. Посмотрим, получилось ли у Эпла.
Листалка виджетов на часах выглядит приятно.
А насчёт очков — я получил всё, чего ждал:
/channel/ilyabirman_channel/9124
Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов, и про инфомусор, и про расположение подписей полей, и про размеры полей, и про разделение на шаги. Целых 15 минут:
https://www.youtube.com/watch?v=dqnYrhXSMms
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 1 по 30 июля. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
Традиционный плейлист лайков за апрель и май:
https://soundcloud.com/ilyabirman/sets/2023-apr-may
Red Rooms и Jen Series — классные-тёплые.
Лайкли — клёвые социокнопки. В третьей версии улучшена доступность — по социокнопкам можно ходить табом, а кнопка Вотсапа теперь работает, когда не установлено приложение.
Теперь сами кнопки — это элементы <a>. Чтобы в них не просачивались ваши стили, там занулено всё, поэтому если вам нужно, чтобы они наследовали какие-то стили у вашего документа, придётся это более явно прописать.
О проекте и зип-архив:
http://ilyabirman.ru/projects/likely/
Гитхаб:
https://github.com/NikolayRys/Likely/releases/tag/v3.1.0
Лайкли ведёт Николай Рысь:
http://linkedin.com/in/nikolay-rys
Эгея 11.2:
https://ilyabirman.ru/meanwhile/all/aegea-11-2/
Переименование файлов в редакторе, иконка редактирования в черновиках и несколько других изменений и фиксов.
Выключение аудио при смене приложения на Айфоне
На днях я писал про воровство фокуса.
А вот похожая проблема на Айфоне — воровство аудиоканала при смене приложения. Бывает, слушаешь себе подкаст, запускаешь какое-то приложение, а оно берёт и отключает твой подкаст, потому что хочет свои звуки поиздавать. Причём это ещё логично было бы, если бы ты в новом приложении какое-то другое аудио запустил, но всё чаще приложения отключают твоё аудио, не предлагая никакого взамен.
Когда-то так делало Дуолинго: вырубало всё прямо при открытии. Логика, видимо, в том, что в самих уроках бывают аудиозадания, и твой подкаст или музыка будут мешать. Но я же ещё даже не выбрал и не начал урок. Может, я вообще зашёл статистику посмотреть? Потом вроде это починили.
С недавних пор такая же лажа началась в Ютюбе. Ты открываешь приложение, и через пару секунд то, что ты слушал, останавливается, потому что Ютюб начал автовоспроизведение какого-то видео в ленте. Ты ещё даже не ткнул в это видео! Оно вообще без звука там играет! Чего оно влезло в то, что я слушаю? Подозреваю, что это просто криворукое программирование. Есть какой-то код, написанный сто лет назад, который при запуске видео отключает аудио в других приложения. И есть новая фича: автовоспроизведение беззвучного видео из ленты. Просто не подумали, что из-за новой фичи старый код начнёт срабатывать в ненужном месте.
Почему концепция множественного числа не до конца поддаётся понимаю продавцами продуктов? То вместо «яйца» почему-то пишут «яйцо», то вот оливки вдруг «с косточкой», а не «с косточками».
Читать полностью…Попался некий сайт дизайн-принципов, но они очень странные:
https://humanebydesign.com/principles/
На картинке вот учат спрашивать подтверждения — это то, чего мы учим не делать как раз. Но у них тут мотивация неожиданная: они пытаются искусственно тормозить работу пользователя, чтобы он меньше на автопилоте делал. Гурджиев был бы счастлив. (Но мы-то знаем, кто какой бы ни была мотивация, это всё равно не сработает.)
Если вы неопытный дизайнер, не ходите туда, вас научат плохому. А если опытный, то можно и почитать чтобы просто поразмышлять и лишний раз проверить собственную систему ценностей на прочность.
Мехколонна → Чурилово
Конечную маршрутов 2 и 34 «Мехколонна» переименовали в более узнаваемое для большинства жителей название «Чурилово». Электронные табло на автобусах тоже перенастроили.
Не пугайтесь: сами маршруты не изменились.
Олег Андреев показал нечто под названием «Дракон» — какой-то «визуальный язык для представления алгоритмов» бла-бла. Я не вникал в подробности, но даже этой картинки достаточно, чтобы увидеть кайф.
Их правила по составлению блок-схем стоит брать на вооружение в любом случае:
— пересечения линий запрещены,
— разрешены только прямые линии и прямые углы,
— стрелки заменяются простыми линиями,
— время в диаграмме течёт вниз,
— разветвление идёт вправо.
Ссылка с деталями и инструментами для тех, кому не влом разбираться:
https://drakonhub.com/en/drakon
Чего я жду от виар-шлема Эпла
Через неделю с небольшим — очередная конференция разработчиков Эпла, и ожидается, что на этот раз они представят новое устройство — некий свой виар-шлем или очки.
За прошедшие годы Эпл показывал много технологий, связанный с виртуальной и дополненной реальностью — всякие люди ходили с Айпадами вокруг пустого стола, но на экране Айпадов над столами рисовалось какое-то действо. Это всё выглядело глупо, но на самом деле это просто был их способ обкатывать технологии и вовлекать в это разработчиков, чтобы они были лучше подготовлены к настоящему устройству, а не пародии в виде Айпада.
Глупые примеры создают впечатление, что этот виар-шлем — это устройство для некоторых развлекательных или узких профессиональных задач. Наверное, круто будет играть в 3Д-игры или там удалённо делать операцию на мозге, но трудно понять, зачем такая штука нужна в повседневной жизни.
Но я предлагаю подумать об этом вообще не с точки зрения того, какие новые необычные сценарии нам откроет виар-шлем, а как он поможет нам лучше делать то, что мы и так делаем без него. Вспомните Айфон: это было не новое революционное устройство для ловли покемонов и видеомонтажа на лету. Это был карманный телефон-плеер-браузер в одном устройстве. И именно потому, что мы хорошо понимали, зачем нам телефон, плеер и браузер, Айфон сразу же выглядел очевидным улучшением жизни. Это уже потом он открыл нам новые сценарии и поменял образ жизни.
Самое первое, чего я жду от виар-шлема — это просто бесконечно-дюймового экрана. 6К-монитор у Эпла стоит столько денег, что страшно. Но представьте, что Эплам в шлеме удалось решить проблему низкого качества картинки, а глаза не охреневают от нескольких часов в нём. Тогда просто возможность делать всё то же самое, что вы и так делали с компьютером, но с бесконечной рабочей областью вокруг вас — это уже невероятный прорыв. Можно открыть Фигму на всю стену, а остальные окна расположить по бокам вокруг. А если ещё и зазумиться можно будет просто движением головы вперёд, так вообще сказка будет.
«То же самое, но в 3Д» звучит скучновато, люди почему-то любят что-то невероятно-космическое. Но мне кажется, что успех устройства главным образом зависит именно от таких скучных вещей. У людей должен быть повод купить этот шлем, когда он появится в продаже, а не ждать пять лет, пока разработчики придумают ему какое-то инновационное применение.
А какое скучное, но очень полезное применение такого устройство видите вы?
В сеть утёк дизайн корпуса нового Мака Про, который ожидается на ближайшей конференции WWDC 2023.
Читать полностью…Последний день: 26 мая в 23:59 мск закрывается запись на практический курс Ильи Бирмана «Пользовательский интерфейс и представление информации».
Записаться на курс заранее до 26 мая
Пользовательский интерфейс и представление информации 27 мая — 25 июня
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2023/ui-online-open-20230527/
Заехал сегодня на транспортную выставку, посмотреть, как приклеили экипировку на новый челябинский троллейбус. Встретил там знакомую, а она и говорит:
— О, Илья, а мы тут с коллегой ваш пост про вагины недавно обсуждали!
Вот так вот пишешь про дизайн, транспорт, интерфейсы, города, музыку — а обсуждают пост про вагины. Делаю выводы на будущее.
Ну и традиционный набор итоговых картинок по темам. ТВ-ОС настолько в пролёте, что ему даже на картинку фич не наскребли.
Читать полностью…Снова меня выручил этот шаблон.
В русской версии книги о транспортных схемах:
На схеме можно показать не все, а только избранные маршруты.
Дипл:
You can show not all, but only selected routes on the map.
Дипл, ну ты чё.
Я:
Instead of showing all existing routes, you can cherry-pick routes to put on the map.
А как бы написали вы?
Как Фигма выходила на рынок, Харрис о свободе воли, антидепрессанты — не решение, а конкуренция — для неудачников. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-64/
Может, вы видели iA Writer — минималистичный текстовый редактор. Эти же авторы выпустили свой паверпоинт — iA Presenter:
https://ia.net/presenter
В основе ровно тот процесс, который я использую, когда готовлю доклады. Я пишу текст в Ноутсе, а потом уже разбиваю его на слайды, и тогда уже рисую их в Фигме. А с «Презентером» и делать ничего не надо: он превращает текст в слайды прямо на лету.
Я ещё не попробовал, но мне очень нравится, что можно вообще взорвать всё и сделать по-другому, отталкиваясь не от фич, а от сценария. Программа — не просто инструмент, чтобы сделать слайды; она даёт методологию, как подготовиться к докладу.
Даже если сценарий не для вас, сам подход очень сильный. Хочется больше таких продуктов.
Точка
Когда я учился в школе, глагол «точить» означал есть какую-то фигню на бегу. Заточить можно было бутерик на перемене или там сосиску в тесте у вокзала. Эй чувак, чё ты там точишь? Дай тоже попробовать.
Я бы и не вспомнил такое, но город теперь напоминает каждый день. Надеюсь, что это не случайное совпадение, а ловкий лингвоностальгический ход.
Что не так с полосатыми сайтами?
Регулярно обращаю внимание студентов на проблему: полосатый сайт. Пишу: у вас сайт полосатый! Студенты не всегда понимают, что мне не нравится.
Хотя был совет у меня:
https://bureau.ru/bb/soviet/20141230/
И у Миши:
https://bureau.ru/soviet/20180620/
На днях в одном из школьных чатов записал ещё и войс на эту тему. Хочу поделиться и с вами ↓
Аудио по четвергам: Crime as Service на техно-вторнике 31 января —
https://ilyabirman.ru/meanwhile/all/techno-tuesday-amsterdam-crime-as-service/
Воровство фокуса
Есть такая проблема в интерфейсах — воровство фокуса. Это когда какое-то окно вдруг решает, что оно важнее, и берёт фокус на себя.
Например, вы пишете письмо, а тут соседнему приложению приспичило обновиться, и оно про это спрашивает. Вы как раз нажали Энтер, чтобы перейти на следующую строку в письме — и вот вы случайно согласились обновиться прямо сейчас. Или Эпл вдруг ни с того ни с сего забыл ваш пароль от Айклауда и просит ввести его заново, пока вы пытались ответить на сообщение, и в итоге половина вашего ответа оказалась в поле ввода пароля.
Некоторые программы любят воровать фокус в момент, когда они запустились, им кажется это уместным. Например, я ткнул в Фотошоп, а пока он прыгает в Доке, пошёл кому-то что-то написать. Через три секунды он загружается и ворует фокус! Кто просил? Я же сам перешёл в другую программу, почему ты решил вдруг, что ты важнее?
Хуже всех в этом плане Зум: даже на самом последнем М2-про он запускается секунд десять и за это время ворует фокус несколько раз! Это при том, что сам сценарий использования Зума сопряжён с тем, что тебе надо пойти в какую-то другую программу, чтобы отправить или найти ссылку на встречу. То есть он активно сопротивляется тому, чтобы ты мог им воспользоваться.
В операционной системе должна быть фича, которая запрещает программам самовольно перехватывать фокус вообще. Вот прям никаких причин быть не может, чтобы программа вместо меня решила, чем мне сейчас заниматься. Сайтам не разрешают самим выпрыгивать на первый план (пока что), вот и приложения могли бы поскромнее себя вести.
Унитаз
Все знают, что унитаз значит «универсальный таз», горшок — «городской шок», а сортир — «соразмерный тир». Очевидно, что трусы — это «трикотажные усы». А чего все пока не знают? Раскройте секреты других слов!
Смотрите, в Челябинске спокойно пишут про транспорт, и ничего, никакая прокуратура не возбуждает проверку по факту отсутствия страдательного залога.
Читать полностью…Эйблтон выпустил третий «Пуш». Много всего, но в частности, наконец-то это не только контроллер, но и аудиоинтерфейс. Очень красивый дивайс:
https://www.ableton.com/en/push/
Они на три головы выше всех остальных аудиоребят в плане эстетики. Почему-то в мире профессиональной аудиотехники и софта стандартом является клоунада и мультяшность. Даже у Эпла Лоджик не далеко ушёл по эстетике от Фрутилупса. А Эйблтон просто делает офигенно не глядя на весь цирк вокруг.
В твиттере есть Слава Корнилов, постит интерфейсные анимации. Как я понимаю, это просто фантазии, а не решения конкретных задач. Некоторые очень крутые, но вот этот пример привлёк моё внимание как прям физически невыносимый. Обратите внимание, насколько всё ужасно тягуче-медленное, как будто интерфейсу прям влом шевелиться, но он вынужден из-за тебя.
В чём тут дело. Во-первых, анимации реально очень долгие. Такой может быть просто обратная связь при движении пальца — я медленно двигаю, и интерфейс с той же скоростью реагирует. Но здесь на это непохоже из-за безупречности движений: палец так не умеет.
Во-вторых, тут само начало каждого движения сделано с плавным ускорением, а оно должно быть резким. Вот эта начальная плавность вносит огромный вклад в ощущение тормознутости.
В-третьих, содержимое невидимо и, вероятно, неуправляемо до завершения анимации. Это тоже ведёт к тому, что приходится ждать, пока там интерфейс закончит развлекаться и наконец-то будет готов слушаться.
Вот вам пример из юзер-экспириенса Яндекса. Вчера забыл аэроподушку в такси из аэропорта. Пишу в суппорт. Мне отвечают, мол, вот вам телефон водителя. Но позвонить по нему никак нельзя, его даже скопировать нельзя! Видимо, потому что снизу вылезает Please rate my work, и видимо, он как-то блокирует собой стандартное поведение текста в системе.
Читать полностью…