Разбираем фрагмент интерфейса, где программа то ли задумалась, то ли ждёт чего-то от пользователя. Объясняю, что крутилка означает именно первое, и точно не второе. 5 минут:

Это фрагмент № 185 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.

Открыта запись на курс, который пройдёт 13 декабря — 11 января. Сейчас −20% из-за ранней записи.

Почитать о курсе

Программа, отзывы, запись

Некоторые элементы интерфейсного языка кажутся универсальными и одинаково понимаемыми всеми, пока не встретишь случай, когда начинающий дизайнер вдруг понимает их не так. Поэтому напоминаю, что зацикленная абстрактная анимация означает, что программа думает, и пользователю тут пока ловить нечего:

Она ну никак не может означать, что программа, наоборот, ждёт чего-то от пользователя.

Иногда мы встречаем кнопку «Отменить» там, где она не нужна, например в форме. Типа, заполнил — нажимаешь «Отправить заявку», а если передумал — нажимаешь «Отменить». Так вот, эта кнопка «Отменить» чаще всего не нужна. Передумал — ну так закрой окно, делов-то.

Тут бывают какие-то возражения — мол, «а если ты хочешь именно заново начать заполнять, с чистого листа, то есть как бы не уходить, а именно отменить»... — но в таком случае дизайнер обычно и сам понимает, что это ерунда какая-то. Не стоит эта гипотетическая ситуация того, чтобы портить жизнь всем остальным.

Но бывает возражение другого вида: что это привычно и так всегда было. Типа, устоявшийся паттерн, что-то такое.

Так вот я вспомнил, что на кассетных проигрывателях были раздельные кнопки «Стоп» и «Пауза». Потом появились дисковые проигрыватели, где в этом разделении смысла было намного меньше, но раздельные кнопки остались. Кнопка «Стоп» даже стала сбрасывать позицию воспроизведения, потому что запоминать её было бы дополнительной сложностью. Потом появились программы — проигрыватели аудиофайлов, и там всё ещё были эти раздельные кнопки. Кнопка «Стоп» целенаправленно забывала, докуда доиграл файл, хотя в этом не было вообще никакой пользы и смысла. Хочешь играть с начала — и так есть кнопка перемотки на начало! И много лет никто не мог её убрать, потому ну как может не быть кнопки с квадратиком «Стоп»?

А потом Эплы сделали Айпод, и на нём не было кнопки «Стоп». И с тех пор у Эпла нет кнопки «Cтоп» в проигрывателях. И большинство из вас никогда даже не обращало на это внимания.

Короче, просто не ставьте кнопки «Отменить», всё будет хорошо.

В Ижевске крутые уличные таблички:

Они как бы наклонены к тебе:

Не то, чтобы это как-то сильно влияет на читаемость, но в этом чувствуется столько человечности, что я растаял сразу:

Номер без улицы:

Бывает более убогая модификация, с такими вот острыми углами:

Наклоняется тоже, но без уважения. А тут ещё и винты жуткие:

А в основной версии даже под винты сделаны пазы красивые:

Цвет полосы вроде бы значит район:

Ну кайф?

Дизайнерам ТСЖ «Центр-1» показалось, что и так сойдёт:

Жители дома справа завидуют жителям дома слева:

А ещё бывает вообще другой дизайн — чёрный, с логотипом «Иж» в углу. Зачем-то табличкой закрыли номер дома:

Этот номер чувствует себя лишним:

«Родной» номер выглядит так:

А номер этого дома мы не узнаем:

Шрифты, конечно, вообще не дружат.

Фотографии из поездки в сентябре 2022 года. Слетайте в Ижевск!

Ещё уличные таблички:

• Нью-Йорк
• Осло
• Чикаго
• Амстердам
• Иерусалим, Старый город
• Копенгаген
• Стокгольм
• Штутгарт
• Берлин
• Гамбург
• Лондон (восемь частей)
• Санкт-Петербург
• Екатеринбург
• Киев
• Минск

С Михаилом Руденко продолжаем применять его модель ДКЦП к Эгее. Не забывайте, что у Эгеи скидка до конца недели.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

Вышел очередной апдейт 11-й версии (сборка v4169).

Редактор новой заметки

Редактор новой заметки теперь работает надёжнее и не требует интернета. Если хотя бы один раз открыть страницу /new/, то она радикально закешируется и дальше уже будет открываться из офлайна. В сочетании с локальным автосохранением в браузере это позволяет писать заметки из самолёта или где вы там пишете. Если попытаться сохранить заметку на сервер, Эгея скажет, что интернета нет, но если просто перезагрузить страницу, то всё откроется с того же места. Также исправлен досадный баг, из-за которого локальное автосохранение в браузере иногда могло не срабатывать.

Можете попробовать сами в демоблоге.

Загрузка и управление файлами

Добавилась поддержка аудиоформата Ogg, графического формата AVIF, а также улучшена поддержка WebP (при условии поддержки этих форматов используемой сборкой ПХП). Теперь в диалоговом окне выбора файла для загрузки не поддерживаемые файлы забледнены.

Заодно исправлены разные мелочи вокруг файлов и редактора:

• если вы загружали файлы picture.png и picture.jpg, Эгея могла запутаться и показывать одному другой в качестве превьюшки (кажется, этот баг появился в 11.2);
• при изменении набора картинок, загруженных в тег, мог устаревать кеш картинок в связанных с ним заметках; теперь не устаревает;
• при перетаскивании картинок, в именах файлов которых содержались неразрешённые символы, Эгея могла их «потерять» (это случалось, например, при перетаскивании картинок напрямую из Телеграма, где в именах файлов он использовал двоеточия);
• если попытаться перетащить кучу файлов, часть из которых поддерживается, а часть нет, спиннер загрузки продолжал крутиться до бесконечности;
• у аудиофайлов превьюшка иногда была ноткой в квадратике, а иногда в прямоугольничке;
• если при загрузке юзерпика на сервере не окажется нужной для него папки, Эгея попытается создать её, и только если не получится, скажет об ошибке;
• если перетащить пачку файлов прямо в поле текста заметки, они могли вставляться в неожиданном порядке, а если до этого был выделен кусок текста, то он вообще мог замениться, причём после этого ещё и анду не работало; теперь файлы вставляются по порядку, перед абзацем, в котором сейчас курсор, и в зависимости от браузера может даже работать анду;
• исправлены ещё несколько эзотерических багов вокруг загрузки файлов связанных с определение того, что такой файл уже есть, нумерацией, автоконвертацией в джипег и т. д.;
• сообщения об ошибке при попытке перетащить файл неподдерживаемого формата стали информативнее; вообще, повысилась внятность сообщений об ошибках при работе с файлами (загрузка, переименование, удаление).

Безопасность

В этой версии залатаны несколько потенциальных уязвимостей, за что спасибо Владиславу Покровскому — тут без подробностей, чтобы не подвергать риску тех, кто не обновляется.

Также по умолчанию куки теперь работают только на ХТТПС-соединении и при локальном использовании (можно настоять на использовании всегда, включив insecure_cookies в конфиге). И ещё улучшена защита от перебора пароля, за что спасибо Жене Степанищеву.

Разное

Что ещё изменилось:

• Лайкли обновились до 3.2 (теперь умеют называть Твиттер «иксом»; обновились иконки части соцсетей);
• в списке комментариев у каждого комментария появился якорь в коде, чтобы можно было дать ссылку на конкретный.

Исправлено ещё несколько багов:

• кажется, поля поиска и ввода тегов, наконец, заработали на Андроиде;
• если при распаковке дистрибутива вы потеряли скрытый файл .htaccess, инсталлятор должен был сам создавать его и работать гладко, да вот только забывал это делать в некоторых случаях, да ещё и не выводил внятных сообщений об ошибках; теперь и пытается создать всегда, и ошибки выводит чёткие, если не получается;
• в скрытых заметках, которые обычно отображаются бледно-серыми, жирный текст оставался чёрным;
• если у заметки было слишком длинное описание для соцсетей, его поле забывало растянуться на весь текст, но вдруг вспоминало об этом при первом же изменении (теперь сразу отображается нужного размера);
• убраны несколько сообщений об ошибках, появлявшихся под ПХП 8.2.

Как обновиться

Если Эгея у вас оплачена, напишите мне, и я дам вам полную версию 11.4. Если вы пользуетесь сервисом, у вас уже последняя Эгея.

Свежий дистрибутив лайт-версии — в конце страницы «Стать пользователем». Замените папку /system/ новой.

Всё, что можно слушать, я стараюсь слушать, а не читать и не смотреть. Потому что когда у меня свободны глаза, я предпочитаю делать что-то более полезное.

Вот что я слушал в последнее время, что мне понравилось:

1. Павел Дуров у Лекса Фридмана. Круто, чё. Правда, я совсем иначе смотрю на идею дисциплины.
2. Чейз Хьюс у Джо Рогана. Какой-то эксперт по манипулированию людьми. Рассказывает, какие мы все уязвимые.
3. Андрей Карпати про настоящее и будущее нейросетей. Я очень порадовался, что он наехал нейросетевой стиль программирования ровно так же, как я (33:10+). В конце очень интересно про то, что нейросети пока очень плохие учителя, но как круто будет, когда станут хорошими; и что учиться мы будем так же, как ходить в спортзал .
4. Rework: Everybody works. Хорошая мысль, что необязательно быть менеджером, просто если ты старший, ты можешь быть наставником. Это мне нравится.
5. Новое производство «Тейсти-кофе». Интересно, как заморачиваются с кофе, чтобы получилось нормально!

В рамках интереса к транспорту пофоткал станцию Фридберг и внутри поезда до Франкфурта.

Неожиданная и приятная вёрстка экрана с ближайшим и следующими поездами. Вместо строчек — колонки:

Обычный поезд:

Обожаю бесконечное число всяких обозначений и пометок на вагонах снизу.

Нравятся такие поезда с огроменными окнами:

Традиционное германское расписание отправляющихся (жёлтым) и прибывающих (белым) поездов:

Направление на экранчике:

Схема местных электричек над дверью:

Более общая схема региональных поездов. Дизайн совсем другой:

Общий вид вагона. Дизайн экрана опять совсем другой:

Я люблю ставить ноги на сиденья:

Какая-то местная фридбергская железнодорожная будка в окне:

А это выход со станции, когда уже возвращаешься обратно:

Фотографии из поездки в апреле-мае 2022 года. Слетайте во Фридберг!

Близко к теме:

• Фридберг
• Железная дорога в Берлине

Разбираем интерфейс конструктора окон. Сначала я говорю о том, что на экране половина места тратится не на то. А потом о том, нужно ли, чтобы интерфейс был понятен с первого раза. 5 минут:

Это фрагмент № 184 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 5 апреля 2024 года.

Открыта запись на курс, который пройдёт 13 декабря — 11 января. Сейчас −20% из-за ранней записи.

Почитать о курсе

Программа, отзывы, запись

Попался мне трек:

Приятный техно-транс, 2024 год. И напомнил мне о другом треке:

Это мой трек. Пситранс, 2006 год.

Альбом Skin Care целиком — на Саундклауде (нужен ВПН чтобы открыться, но потом играет и без).