Дизайнер аналогичного экрана уже в трамвае: холд май бир.

Иногда необходимо ломать шаблон, потому что он может быть ложным советчиком в процессе понимания устройства интерфейса.

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

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

Только после подробного изучения выясняется, что белое поле внизу — не текстовый инпут, а шахта синего ползунка, который надо двигать вправо для перемещения фрагментов каракуль вплоть до их соединения в читабельные текстовые символы.

То есть механизм капчи совсем новый, но визуальный шаблон обычный, и получается, что он тут — ложный советчик. Если бы ползунок внизу не был бы похож на текстовый инпут, разобраться с капчей было бы проще, даже если встречаешь ее впервые.

Ну и сразу еще про капчи. Недавно Бирман на своем канале показывал капчу, где надо было признать дорожный знак с нарисованным светофором за светофор.

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

Пора присоединяться

Спустя год после релиза дотянулись ручки сделать нормально и завести гитхаб-репозиторий для скрипта кастомизации скругления углов в Иллюстраторе: https://github.com/kefiijrw/Round-Corners-Customization-for-Illustrator

Еще я его немного обновил, добавив в панель настроек чекбокс сокрытия профиля кривизны.

Кстати, недавно обнаружил, что ничто не мешает сделать уродливое скругление и у экрана. Вот углы дешевого андроид-смартфона и айфона:

Хотя с почти двукратной плотностью пикселей (247 vs 457 dpi) сделать приятный разглаженный угол попроще, конечно.

Разбейте простенькое стеклышко, чтобы получить супероружие для финального босса — солидного стеклища. Пластиковая крышка еще и обточена фрезеровкой, чтобы легко ломалась по шву как плитка шоколада.

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

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

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

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

Получаются две крайности: или мириться со сорванными стопкранами и украденными молотками во имя поддержания доступной безопасности, или обматывать всё опломбированной проволокой, смещая безопасность в сторону театра безопасности: «не беспокойся, аварийное открывание дверей есть, просто ты им не сможешь воспользоваться».

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

Когда вижу фотографию человека, а под ней подпись с именем, я предполагаю очевидное: это имя человека на фотографии.

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

В таких противоречивых случаях не помешало бы добавлять вступительное «фото:» или взять за правило подписывать содержание всех фотографии.

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

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

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

Интерфейсы выбора даты прошедшего события почти всегда хуже, чем просто аккуратный текстовый инпут.

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

Разработчику еще надо будет выбрать какое-нибудь начальное состояние этой интерфейсной выбиралки-календаря, и он в лучшем случае сразу отмотает дату на 18 лет назад, ну потому что, например, форма предназначена для заполнения только совершеннолетними, но чаще, конечно, выставит сегодняшнюю дату, чтобы подарить тебе путешествие сквозь года надрачиванием на кнопку «на год раньше».

Просто дайте ввести дату цифрами. Это уже настолько заученная комбинация чисел, что она вводится на автомате, и попытки ее осмыслить демонстрацией вложенной иерархии, что вот первые две цифры даты рождения это какая-то позиция в таблице других чисел, и вся эта табличка чисел кодируется другим числом от 1 до 12, и всё это вложено в структуру последовательности четырехзначных чисел... Это еще тупее, чем заставлять рефлексировать о структуре телефонного номера.

Для ввода даты более чем месячной давности достаточно текстового инпута с подсказывающим формат плейсхолдером и обработкой разделительных символов.

Второй, еще более древний и еще менее востребованный скрипт для Иллюстратора тоже получил свою страничку на гитхабе: https://github.com/kefiijrw/Text-Perspective-Distortion-Compensator-for-Ai.

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

Подробно о скрипте и вообще проблеме расположения текстовых носителей выше уровня глаз я рассказывал в статье на медиуме.

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