Позднее Ctrl + ↑

Ближайшая кнопка — не та

Собирался залить очередной видеофрагмент со своего интерфейсного курса, но понял, что в данном случае достаточно картинки.

Разбираем работу участника, я выделяю кусок и говорю:

— А ещё теория близости. Смотри, у тебя вот эта штука выглядит как будто это надо заполнить и нажать синюю кнопку. А что там справа — вообще не волнует, оно даже цвета другого.

Приходите на курс, там кайф и польза.

До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.

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

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

Проблемный скеоморфизм

Рассмотрим такой фрагмент студенческой работы:

Пицца лежит на листке в клетку, точнее, не лежит, а, судя по тени, парит над ним. Со школы мы хорошо знаем, что клетка имеет размеры 5×5 мм, поэтому пицца у нас получается диаметром с ширину со средний Айфон. Это никто не считает специально, но просто эта клетка на фоне делает пиццу маленькой. Там, конечно, и выбрана «Маленькая» внизу, но всё-таки даже очень маленькую пиццу я представляю как в два-три раза большую, чем эта.

К самой переключалке размеров вопросов ещё больше. Переключалка нарисована на бумаге тем же способом, что клетка, но при этом выбранный вариант «Маленькая» отбрасывает тень, то есть находится выше бумаги. Но тень он отбрасывает только внутрь шахты переключалки, а за её пределы не отбрасывает. Получается, что на самом деле эта шахта утоплена, а лифт «Маленькая» находится на том же уровне, что бумага? Нет, такого тоже быть не может, ведь внутри самой шахты никакой тени нет. Ладно, может это всё плоское, от лифта никакая тень не падает, просто вот такой эффект нарисован на бумаге? Но этого тоже не может быть, ведь это интерактивный, двигающийся элемент. Напечатанное на бумаге так не может.

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

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

Кстати, это ещё и очередной пример тесного интерфейса.

На курсе презентаций: об опасности излишнего веселья

Участник курса Максим Бугайчук презентует коллегам идею продвижения порошка «Дося» через умное приложение. Это учебное задание. Максим бодро и весело рассказывает, а потом мы разбираем сильные и слабые стороны такой презентации, в том числе говорим об опасности излишнего веселья. 13 минут:

00:00 Презентация
04:53 Разбор

Это фрагмент № 1 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 29 мая 2023 года.

До 2 июля идёт запись на курс, который пройдёт с 3 по 23 июля.

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

Программа и запись

На интерфейсном курсе: подробный разбор сложной формы

Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов, и про инфомусор, и про расположение подписей полей, и про размеры полей, и про разделение на шаги. Целых 15 минут:

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

До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.

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

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

Что послушать — 64

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

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

  1. In Depth: The 5 phases of Figma’s community-led growth. Интересно про то, как был устроен процесс выхода Фигмы на рынок.
  2. Сэм Харрис у Лекса Фридмана. Про отсутствие свободы воли интересный тейк. Да и про любовь тоже.
  3. Making Sense of Free Will. Ещё один разбор философии Харриса относительно свободы воли.
  4. Depression is a disease of civilization. Доклад на ТЕДе про то, что депрессия — это не шутка, но и про то, что антидепрессанты — не решение.
  5. Competition is for Losers. Офигенный спич про то, что есть только два типа бизнесов: монополии и конкурирующие, и что если хочешь быть успешным, то надо быть монополией. Любимая фраза: «This tendency for us to see competition as validation is very deep».

Лайкли 3.1

Лайкли — клёвые социокнопки. В третьей версии улучшена доступность — по социокнопкам можно ходить табом, а кнопка Вотсапа теперь работает, когда не установлено приложение.

Теперь сами кнопки — это элементы <a>. Чтобы в них не просачивались ваши стили, там занулено всё, поэтому если вам нужно, чтобы они наследовали какие-то стили у вашего документа, придётся это более явно прописать.

Подробности:

Лайкли ведёт Николай Рысь (Линкед-Ин).

Эгея 11.2

Ещё один апдейт 11-й версии.

Появилась возможность переименовать загруженный файл из меню с превьюшками в редакторе:

Зачем это надо. Вы могли загрузить файл вставкой картинки через ⌘V в редактор, и он назвался как попало, а вам хочется, чтобы назывался по-вашему. Или вы могли забыть написать @2x в названии ретинового файла или @loop в названии зацикленного видео. Раньше надо было удалить файл, переименовать у себя на диске, загрузить новый, не забыть исправить имя в редакторе, а сейчас — просто переименовываешь и всё. Эгея сразу переименовывает и в редакторе тоже.

Эгея переименовывает внимательно:

  • не даст случайно переписать другой файл с тем же именем, но промолчит, если существующий файл с тем же именем — это реально точно такой же файл байт в байт;
  • не сломает другие заметки, если вдруг в них используется файл под старым именем (сделает копию вместо переименования);
  • не даст переименовать jpeg в mp3, но даст в jpg, если вам так нравится больше.

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

  • у Черновиков появилась иконка с карандашиком, чтобы сразу перейти в редактор, а не просто открыть превью заметки;
  • добавились параметры конфига custom_htaccess_rewrites и custom_htaccess_directives, чтобы можно было добавить отсебятины в .htaccess и Эгея её не перетирала при обновлении (при изменении этих параметров Эгея сама перезапишет .htaccess, то есть его по-прежнему не нужно редактировать руками);
  • можно установить переменную окружения или серверную переменную E2_SYNTH_URLS, чтобы Эгея генерировала красивые урлы, так что если у вас Нгинкс, и вы настроили все реврайты в нём, то можете заодно сделать fastcgi_param E2_SYNTH_URLS true, чтобы не трогать конфиг Эгеи;
  • подтюнились темы оформления;
  • на странице /settings/underhood/ теперь показывает, на каком серверном ПО крутится Эгея.

Починилось:

  • ошибки в инсталяторе под ПХП 8.2;
  • ошибки под ПХП 5.6;
  • у всех превьюшек картинок на сервере было то же расширение, что у исходных файлов, хотя на самом деле они все джипеги — теперь будут с расширением jpg как положено;
  • могла не работать загрузка файлов на конфигурациях без красивых урлов;
  • редкие баги в РСС;
  • вёрстка количества новых комментариев иногда ломалась в новом дизайне;
  • поля для ввода имени и почты в комментариях иногда могли появляться, когда не нужно;

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

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

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

См. также: Что изменилось в файлах с версии 11.1 (или любой другой).

Выключение аудио при смене приложения на Айфоне

На днях я писал про воровство фокуса.

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

Когда-то так делало Дуолинго: вырубало всё прямо при открытии. Логика, видимо, в том, что в самих уроках бывают аудиозадания, и твой подкаст или музыка будут мешать. Но я же ещё даже не выбрал и не начал урок. Может, я вообще зашёл статистику посмотреть? Потом вроде это починили.

С недавних пор такая же лажа началась в Ютюбе. Ты открываешь приложение, и через пару секунд то, что ты слушал, останавливается, потому что Ютюб начал автовоспроизведение какого-то видео в ленте. Ты ещё даже не ткнул в это видео! Оно вообще без звука там играет! Чего оно влезло в то, что я слушаю? Подозреваю, что это просто криворукое программирование. Есть какой-то код, написанный сто лет назад, который при запуске видео отключает аудио в других приложения. И есть новая фича: автовоспроизведение беззвучного видео из ленты. Просто не подумали, что из-за новой фичи старый код начнёт срабатывать в ненужном месте.

Аудио по четвергам: Crime as Service на техно-вторнике 31 января

Микс, который послушал на одном дыхании:

Crime as Service @ Techno Tuesday Amsterdam

А потом ещё под него бегал (хотя я сроду не бегаю под музыку). Кайф: 5:33, 13:02, 14:12 (!), 18:18, 24:08, 43:48, 46:42, 49:17. Пока эти таймкоды выписывал, ещё раз послушал на одном дыхании. Уже который клёвый их микс попадается, теперь хочу на выступление попасть. Сложно только смириться с отсутствием артикля перед словом Service.

Саундклауд

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

Воровство фокуса

Есть такая проблема в интерфейсах — воровство фокуса. Это когда какое-то окно вдруг решает, что оно важнее, и берёт фокус на себя.

Например, вы пишете письмо, а тут соседнему приложению приспичило обновиться, и оно про это спрашивает. Вы как раз нажали Энтер, чтобы перейти на следующую строку в письме — и вот вы случайно согласились обновиться прямо сейчас. Или Эпл вдруг ни с того ни с сего забыл ваш пароль от Айклауда и просит ввести его заново, пока вы пытались ответить на сообщение, и в итоге половина вашего ответа оказалась в поле ввода пароля.

Некоторые программы любят воровать фокус в момент, когда они запустились, им кажется это уместным. Например, я ткнул в Фотошоп, а пока он прыгает в Доке, пошёл кому-то что-то написать. Через три секунды он загружается и ворует фокус! Кто просил? Я же сам перешёл в другую программу, почему ты решил вдруг, что ты важнее?

Хуже всех в этом плане Зум: даже на самом последнем М2-про он запускается секунд десять и за это время ворует фокус несколько раз! Это при том, что сам сценарий использования Зума сопряжён с тем, что тебе надо пойти в какую-то другую программу, чтобы отправить или найти ссылку на встречу. То есть он активно сопротивляется тому, чтобы ты мог им воспользоваться.

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

Ещё про неожиданную смену режима:

Ранее Ctrl + ↓