Позднее Ctrl + ↑

Схема московского метро до 2030 года

Ура, мы с Ромой Мочаловым, Никитой Дубровиным и Ди Логвиновым решили сложнейшую инфодизайнерскую задачу современности — нарисовали схему московского метро до 2030 года. Схема очень красива и верна радиально-кольцевой геометрии Москвы:

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

На интерфейсном курсе: разбираем мелочи в форме регистрации

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

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

До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.

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

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

На интерфейсном курсе: уважать ли интерфейсные традиции разных платформ?

Можно уважать традиции платформы: на Айфоне делать по-айфоновски, на Андроиде — по-андроидному. А можно везде делать по-своему. А можно наполовину. Как выбрать между этими вариантами? Заодно наезжаю на дебильную гуглевскую анимацию, которую он затащил даже в Айфон, хотя никто не просил. И вспоминаю Айтюнс под Виндоус. 5 минут:

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

До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.

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

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

Эгея 2.11 альфа 2

Готова новая сборка Эгеи 2.11 альфа, о которой я писал ранее. Скачивая альфа-версию, вы рискуете всем.

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

Что изменилось с первой альфы:

  • улучшена работа на ПХП 8, в том числе ПХП 8.2;
  • улучшена проверка номера версии МарияДБ (она там такую чушь иногда возвращает, оказывается);
  • починена работа со включенным sql_mode=only_full_group_by;
  • мониторинг беззащитности мог зацикливаться на некоторых конфигурациях, вроде теперь не должен;
  • корневой .htaccess теперь закрывает доступ ко вложенным .htaccess — мониторинг беззащитности показал, что на некоторых хостингах это не настроено по умолчанию!
  • user/.htaccess теперь отдаёт файлы с расширениями svg, woff, woff2, eot, ttf, otf, так что вы можете подключать свои шрифты без дополнительной настройки;
  • в джейсон-фиде в качестве обложки заметки не отдавалась картинка, загруженная как обложка используемого в заметке тега;
  • новая иконка того, что результаты поиска откроются в новом окне;
  • новая иконка ВК;
  • ещё всякие мелочи.

Если вам интересно поэкспериментировать, то скачайте, пожалуйста, свежую сборку 4045a v4065b релиз, поставьте себе, и попробуйте с ней пожить. Не забывайте, что нет вообще никакой поддержки и даже на несложные вопросы вроде «а в каком файле ты хранишь то-то» я могу отвечать долго. Если в вашем блоге есть хоть что-то ценное, сделайте максимальный бекап. В моём блоге сейчас, конечно же, крутится именно v4045a. Чтобы обновиться, замените /system/, корневой .htaccess, user/.htaccess.

Если вам нужен платный дистрибутив, напишите мне.

См. также: Бета

Сценарное и пространственное решения в интерфейсе

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

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

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

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

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

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

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

  1. Jordan & Tammy Peterson: Couples Report. Джордан Питерсон и его жена Тэмми рассказывают о психологических особенностях друг друга, как это сказывается на их отношениях и чему они научились за свою жизнь. А вопросы им задаёт их дочь.
  2. Крис Латтнер у Лекса Фридмана. Крис — автор языка Свифт. Очень приятно послушать его всегда.
  3. Легли на дно и полёживаем. Наталья Зубаревич вообще интересная про экономику, но тут она в более объёмном-человечном свете, так что ещё лучше.
  4. Illusions of Agreement. Джейсон Фрид и Дэвид Хайнемейер Хэнсон объясняют, что лучше один раз увидеть — в том числе, чтобы договориться.
  5. Жизнь на Марсе теперь есть. Астроном Дмитрий Вибе на канале «Основа».

Автозакрытие вкладок в мобильном Сафари

У мобильного Сафари есть функция — автоматическое закрытие вкладок. Она вскрывает непродуманность интерфейса в целом:

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

Решение Эпла: симптоматическое лечение. Будем чистить список, которому ужасается пользователь! То есть, удалять пользовательские данные для красоты картинки.

Потолстел или поправился

Сказать «потолстел» считается грубым, есть более нейтральное слово «поправился». Но если вдуматься, первое слово безоценочное, а второе как бы намекает, что до этого человек был «неправильным». А какого, собственно, хрена, ты берёшься давать оценки?

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

Участница подумала, что в дизайне хорошо бы сразу учесть закон о персональных данных. Я дополняю тем, что хорошо бы сразу учесть и требования сеошников. 3 минутки:

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

До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.

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

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

Масштаб лиц в наборе

«Политех» пишет про учёных с инвалидностью и показывает такую картинку:

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

Аккуратнее, когда все в одинаковом масштабе (цвете, свете). При этом небольшие отличия в ракурсе или головном уборе могут добавить жизни:

«Ваерд» в своё время хакнул систему: нарушил правило масштаба, но зато посадил всех за один стол, одел в чёрное и покрасил в одинаковый киношный тил-оранж:

Ранее Ctrl + ↓