Вернёмся к теме Эгеи. Я сделал сравнивалку дистрибутивов движка для тех, кто сильно кастомизирует Эгею:
https://ilyabirman.ru/meanwhile/all/aegea-comparisons/
Если вы знаете, как сделать удобнее, расскажите.
Вера в Деда Мороза
Для меня когда-то стало большим сюрпризом, что в Деда Мороза можно «верить» или «не верить». Оказывается, некоторым в детстве внушали, что Дед Мороз какой-то волшебный и сказочный, а потом людям приходилось расставаться с этими представлениями.
У меня получилось иначе: я всегда знал, что Дед Мороз — это такой клёвый новогодний персонаж. Фраза «это не Дед Мороз, это просто мужик переодетый в Деда Мороза» вызывала у меня удивление: как можно противопоставлять синонимы? Ведь Дед Мороз — это и есть мужик, одетый в специальный костюм, который дарит всем подарки. Мне это всегда казалось чем-то здоровским, а для многих людей этот факт становился причиной разочарования.
Дед Мороз на Новый год — как дырявая тыква на Хелоуин: обязательный атрибут праздника. Верить или не верить в дырявую тыкву довольно странно: трудно понять, какой именно аспект её существования представляется объектом веры. Она фактически есть на Хелоуне, хоть верь, хоть не верь.
Вот и Дед Мороз есть.
Совет офлайновым бизнесам. Зайдите на свой сайт, в инстаграм, вконтактик и убедитесь, что там легко найти, как вы работаете в праздничные дни. Почти наверняка вы про это ничего не написали.
А, вы наклеили объявление на входе? Ну не пойду ж я его читать! Мне проще предположить, что вы не работаете и пойти к ребятам, у которых всё написано.
И ещё: не пишите, что с такого-то января вы работаете «как обычно». Откуда я знаю, как у вас обычно? Напишите нормально, со скольки до скольки.
На схеме мне очень нравится вёрстка «Серпа и Молота» и перенос «Калитников». Во втором случае даже не сразу понимаешь, в чём вообще подвох.
Читать полностью…Уважаемые разработчики на ПХП! Откройте мне тайну. Почему в примерах и всяких библиотеках встречается такой способ перебора файлов в директории? Допустим, текстовых:
$dh = opendir ($dir);
while (($file = readdir ($dh)) !== false) {
if (pathinfo ($file, PATHINFO_EXTENSION) != 'txt') continue;
// дело с нужными файлами
}
closedir ($dh);
Это же какая-то нечитаемая муть. Почему не писать нормально?
foreach (glob ($dir . '/*.txt') as $file) {
// дело с нужными файлами
}
Что я упускаю? Или разработчикам просто платят за количество строк кода?
Делюсь вечно актуальной новогодней открыткой, которую я нарисовал к 2009 году. Ну никак не могут люди запомнить, что в названии Нового года слово «год» не надо писать с большой буквы!
Читать полностью…Можно уважать традиции платформы: на Айфоне делать по-айфоновски, на Андроиде — по-андроидному. А можно везде делать по-своему. А можно наполовину. Как выбрать между этими вариантами? Заодно наезжаю на дебильную гуглевскую анимацию, которую он затащил даже в Айфон, хотя никто не просил. И вспоминаю Айтюнс под Виндоус. 5 минуток:
https://www.youtube.com/watch?v=D0zKnGG10tY
Запись на следующий курс, который будет уже в феврале:
https://bureau.ru/courses/ui-online/
Дорогой Озон, почини ты свою чушь скорее!
Захожу я в приложение, вижу синюю блямбу и написано: «можно забрать». Думаю: «о, можно забрать». (А справа там красная — видимо, пока нельзя забрать.)
А оказывается, на самом деле наоборот: «Можно забрать» забрать нельзя, а вот красное забрать можно. Как тебе пришла в голову такая невменяемая расцветка и такая сбивающая с толку формулировка?
Ну и ещё у тебя написано «1 товаров», это вообще позорище.
Эта дурь никогда не переведётся. Ну есть акаунт, так в чём тогда ошибка? Пустите меня в мой акаунт, идиоты!
Читать полностью…Сценарное и пространственное решения в интерфейсе
На интерфейсную задачу есть смысл смотреть с двух сторон. С одной стороны, нужно найти решение на уровне сценария. Как пользователь будет делать то, для чего он пришёл в интерфейс: какую последовательность шагов проходить, какие данные вводить, какие получать. С другой стороны, для любого шага нужно найти пространственное решение: как будут организованы на экране данные и элементы управления, как экран будет свёрстан.
Эти вещи взаимосвязаны, но иногда стоит искусственно в своей голове их разделить. Прям представить для начала, что любая пространственная задача нипочём, и нужно понять только сам сценарий. А потом представить, что сценарий зафиксирован, и нужно сверстать шаги именно такими, какими требует сценарий.
Почему это полезно: потому что иначе дизайнер может не заметить, что ухудшил сценарий только из-за того, что не смог сверстать экран. Например, не хватило места на экране — разделили процесс на два шага, хотя по смыслу это ни для чего не нужно. Неопытный дизайнер может просто даже неотрефлексировать, что он ввёл лишний шаг только из-за того, что не справился с вёрсткой. Точнее, вообще не осознать, что шаг лишний, ведь сложность вёрстки сама по себе выглядела естественным основанием для введения ещё одного шага.
При этом я не говорю, что так делать никогда нельзя. Просто важно хотя бы отдавать себе отчёт в том, что ты решил пространственную задачу сценарно (то есть как бы не решил, а просто ушёл от неё). Тогда, например, если ты сделал такое для тесного телефона, то, возможно, в полноэкранной версии ты не будешь это повторять, а вернёшь вариант в один шаг.
От создателей «пакетированного» чая — «порционированный» сыр! Ещё более безумное и натужное причастие.
— Простите, вы не могли бы отпорционировать мне 200 граммов эмменталера?
Про пакетированный чай я писал ещё аж в 2008-м:
https://ilyabirman.ru/meanwhile/all/paketirovanny-chay/
Конечно, больше всего на свете ты ждёшь иконочный календарь на 2023 год, с цифрами, которые видно за километр (потому что я шарю за угловой размер)
Наконец-то все иконки обзавелись подписями. Теперь они будут не только интересовать и радовать весь год, но и просвещать.
Себе все берут версию с замьюченными цифрами, чтобы прямо поверх дат писать запланированные дела, дедлайны и что там ещё бывает:
https://brakodelnya.printdirect.ru/index.php?action=addtocart&product=8554812
А друзьям дарят яркую глазастую:
https://brakodelnya.printdirect.ru/index.php?action=addtocart&product=8554801
3. Если верхний штришок сильно длинный, возникает опасноть перепутать с далетом (синий).
4. Штришок можно приделать к палке не правым краем, а серединой — тогда палку не страшно оставить и строго вертикальной. А можно приделать даже левым краем, но тогда палку надо хотя бы наклонить.
5. Рукописный заин ни на что не похож. Тут я как обычно не понимаю, насколько далеко должна торчать палка сверху, насколько она может наклоняться. Что вы об этом знаете?
Отношения Джордана Питерсона с женой, Крис Латтнер про программирование и будущее, Наталья Зубаревич про экономику и жизнь, Джейсон Фрид и Дэвид Хайнемейер Хэнсон про важность картинок и Дмитрий Вибе про жизнь на Марсе. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-59/
Кстати, по идее шубохалат Деда Мороза должен быть синим, а не красным. Причём не вырвиглазно-синим, а едва голубым или даже белым с глубыми узорами. По настроению должно быть похоже на гжель.
Считается, что красный халат — это недружественный нам Санта-Клаус. Но тут всё не так однозначно, ведь до СССР у нас тоже было более значимое Рождество и там фигурировали всякие Николаи в красном. Слизанные у иностранцев, разумеется.
Казалось бы, «красное» должно значить «советское». Но в Новый год происходят чудеса и всё переворачивается!
Эгея 11.0 бета:
https://ilyabirman.ru/meanwhile/all/aegea-11-beta/
Пришло время избавиться от двойки в начале.
Традиция уродовать иконки на Новый год — тупая. Каждый раз нужно внимательно пропускать их при обновлении.
Читать полностью…Ура, мы с Ромой Мочаловым, Никитой Дубровиным и Ди Логвиновым решили сложнейшую инфодизайнерскую задачу современности — нарисовали схему московского метро до 2030 года. Схема очень красива и верна радиально-кольцевой геометрии Москвы:
https://ilyabirman.ru/moscow/metro/map/2023/
Тонкие диаметры не искажают вид и не ухудшают читаемость метро, при этом сами отлично заметны в любом контексте, как волосок, упавший на бумагу. Изучите также будущее соединение жёлтых линий и пятых диаметров, Площадь трёх вокзалов, обозначения тарифных зон.
Лайк, шер, ретвит!
Комментирую дизайн. Элементы прыгают между соседними экранами. Кнопки кажутся задизейбленными. Непонятен сценарий регистрации. И потом долго обсуждаем, как назвать кнопки. А ещё из-за звёздочек невозможно убедиться, что в телефоне нет ошибки. 11 минут:
https://www.youtube.com/watch?v=phraobT9Ufk
Запись на следующий курс, который будет уже в феврале:
https://bureau.ru/courses/ui-online/
Бирман доволен объявлением в метро, но всё-таки нашёл, к чему прицепиться:
https://bureau.ru/soviet/20221220/?utm_source=tg-s-s-201222
Очень сложно сформулировать.
Но вот я смотрю на это «А снег идет...» и страдаю. Что это за странная хрень, называть какие-то музыкальные выступления огрызками фраз с многоточием в конце? Что за нахрен «А» в начале, почему «А»? На кой хрен это в кавычках? Прям представляется, как на афише это написано тоже в кавычках, каким-то кривожопым полурукописным шрифтом, и ещё строки уходят вверх.
Если убрать всё говно и оставить только Снег идёт, то будет ясно, что название не очень звонкое. Но добавляя «А...» к плохому названию вы делаете его ещё в сто раз хуже!
Кто-то из вас скажет, что я гоню, а кто-то почувствует то же самое, что и я.
Вот этот барабан для выбора гражданства снизу — полное говно. На компе в такой выпадайке хотя бы сразу можно нажать R, а на телефоне крутить его — пытка. Это Эплы плохо сделали.
Читать полностью…Эгея 2.11 альфа 2:
https://ilyabirman.ru/meanwhile/all/aegea-2-11-alpha-2/
Самые скучные релиз-ноты в мире.
Нафига вот ставить звёздочку в таком случае? Звёздочка нужна, если сноска куда-то вниз, где её никто иначе не увидит. Но тут подписано прямо под заголовком. Просто уберите звёздочку.
Кстати, каждый раз, когда вы ставите звёздочку, читатель воспринимает её как «на самом деле нет», поэтому любой нормальный редактор (пока только юристы с ломом не пришли к нему) стремится такого не допускать.
Никогда не пишите в сообщениях «это приложение», «этот документ». Вам изнутри кода может и понятно, о каком «этом» идёт речь, а пользователю в интерфейсе будет нифига непонятно.
Читать полностью…Продолжим возиться с буквами. Сегодня — заин.
Это вертикальная палка со штрихом сверху, но нужно рисовать её аккуратно, чтобы не перепутать с вавом — просто вертикальной палкой.
1. Верхний штришок обязательно должен начинаться правее, для этого вертикальную палку можно или слегка выгнуть, или хотя бы наклонить. Количество и характер перегибов при этом, кажется, может быть любым. Если палку оставить вертикальной, будет похоже на вав, у которого иногда сверху тоже бывает загиб, но другой (см. синий).
2. Верхший штришок может быть ну очень коротким, если палка нужным образом согнута. Волнистость палки — вернейший признак заина. Ещё хорошо, если верхний штришок смотрит не горизонтально, а вверх.
Насколько вообще читаются жёлтые варианты?
У мобильного Сафари есть функция — автоматическое закрытие вкладок. Она вскрывает непродуманность интерфейса в целом.
Проблема: вкладки копятся до бесконечности. Это потому, что нет причин закрывать вкладку, от которой ты получил, что хотел. При этом когда ты создаёшь новую вкладку, старые вообще пропадают из видимости, и никак не мешают. Просто раз в два месяца ты ужасаешься списку открытых вкладок.
Решение Эпла: симптоматическое лечение. Будем чистить список, которому ужасается пользователь! То есть, удалять пользовательские данные для красоты картинки.
Я когда-то удивлялся, что на терморегуляторах часто плюс и минус идут в противоестественном направлении. Но иногда такое встречается в студенческих интерфейсах тоже.
Совершенно непонятно, почему, и как может не бросаться в глаза, что кнопки идут задом наперёд!