Я в интернете

РСС    Джейсон-фид

Есть автоматические трансляции в Тумблер и Же-же. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

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

Смотрю на форму, сделанную участницей, и рассуждаю об экономии выразительных средств. 4 минуты:

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

Открыта запись на курс 25 апреля — 24 мая!

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

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

Начните вводить Х

Иногда встречаю подписи у полей типа «Начните вводить Х». Имеется в виду, что не нужно вводить целиком. Только начнёшь печатать «Пу», и оно там как-то угадает и поможет дописать, что это «Улица Пушкина».

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

Если у вас поле, куда надо ввести адрес, оно должно называться «Адрес». То, что в него нужно «вводить», должно быть и так ясно, ведь это поле! Если неясно, нарисуйте поле нормально. А то, что достаточно «начать», я и так увижу, когда начну вводить, а оно подскажет. Я же в любом случае начну? Ну и всё.

Соцсети перезагружаются сами

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

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

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

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

Короче, всё. Продуктологи меня вычислили и теперь пресекают и такое поведение. Теперь такая оставленная открытой вкладка перезагружается там сама по себе. Возвращаешься почитать — а там уже что-то другое. Ну а что? Я ж не читал там предудыщее, значит, видимо не понравилось!

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

Уличные таблички Стамбула

Никто не говорил, что в Стамбуле довольно примечательные уличные таблички:

Своей кричащей расцветкой они немного похожи на флаги:

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

На средней полосе пишется махалля, а на нижней полосе — район. Кадыкёй:

У каждого района ещё и свой цвет этой полосы. Бейоглу:

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

Вёрстка умеет адаптироваться к длинным названиям и всяким припискам типа «профессор». Шишли:

Таблички умеют крепиться как на дома, так и на столбики:

Обратите внимание на стрелочки справа снизу. Когда табличка на доме, у стрелочки подсказывают номера домов, а когда на столбике — не подсказывают. Но тогда стрелочка становится двойной. Такой дизайн!

Бешикташ:

Кстати, дизайн стрелочки на удивление уродский, но всё равно хороший:

Даже на разной высоте таблички хорошо смотрятся, кто бы мог подумать! Редкие стрелочки в две стороны:

Красиво выцветают на солнце:

Ну иногда не очень красиво:

Кроме уличных табличек, бывают такие же красные маленькие таблички с номерами домов:

Вот где прекрасное сочетание цвета таблички и цвета дома:

Снова на разной высоте, а ну и что:

Овальная табличка сверху — какая-то несистемная

Синий дом и красная табличка. Ну кайф:

Удивительно, что в огромном Стамбуле все таблички сделаны в одном дизайне:

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

Для Стамбула вполне ожидаем был бы полный разнобой и бардак. Но такого уровня систематизации я не встречал нигде:

Как будто просто однажды решили изготовить таблички на весь город, заказали на одном заводе, и потом развесили:

А эта табличка была в общем рассказе про Стамбул:

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

Доверяй пользователю

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

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

Пользователю надо доверять. Если ты сделал фичу и человек ей воспользовался, не надо вдруг решать, что он это сделал случайно, и ломать фичу. Или не давай «плохую», на твой взгляд, фичу вовсе, или не мешай ей пользоваться.

На днях по работе было подобное обсуждение. Пользователь может закрепить некоторые строчки в списке. Но вот проблема: «если он в фильтрах выбрал что-то другое, эти строчки могут сбить его с толку, ведь они не соответствуют фильтру, так что давайте их тогда откреплять». Да с чего? Он же сам их закрепил! Смысл закрепления в том, чтобы видеть их всегда, несмотря ни на что! Если мы считаем, что закрепление мешает поиску, значит надо сделать их в разных частях интерфейса. Но абсурд же сначала давать человеку закреплять, а потом вдруг решать, что нам виднее, и откреплять.

См. также:

Посадочный в Раянэйре

В продолжение темы загрузки Пятёрочки и Жизнь-марта — Андрей Пулин прислал скриншот приложения Раянэйра, если его запустить, когда оно требует обновления. Посадочный всё равно доступен:

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

Загрузка Пятёрочки и Жизнь-марта

У магазина «Пятёрочка» есть приложение. Я понятия не имею, зачем магазину приложение, да и не сказать, что интересуюсь этим вопросом. Единственное, зачем я им пользуюсь — показать скидочный куаркод на кассе. Разумеется, именно этот сценарий в приложении реализован максимально через жопу.

Вот вам раскадровка:

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

Соединение восстановлено! Ну надо же! Благодаря этому удалось загрузить квадратик, в котором в будущем появится куаркод (но не сам куаркод, конечно, ведь это огромные объёмы данных). О, вот и куаркод. Ура? Ну нет конечно, такой маленький куаркод не просканируется, проверено. В него ещё надо нажать, чтобы он увеличился. Жму! Из-под низа выезжает панелька, где в будущем появится увеличенный куаркод. Казалось бы, он же уже загрузился, почему он не показывается сразу? Ну почему-почему, много вопросов задаёшь. Люди в очереди с понимаем ждут.

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

Но вот приложение магазина «Жизнь-март». Знаете как там выглядит заставка при запуске? А вот так:

Просто сразу подносишь к сканеру и скидка срабатывает.

Хм. Да, наверное, всё-таки можно сделать нормально.

Красивая машина и золотое сечение

Попалось очередное видео про то, почему такая-то машина кажется нам очень красивой. Ну и что вы думаете? Оказывается, потому что там везде золотое сечение!

Это так просто, ну почему же все дизайнеры не делают всё красивым? Нужно всего лишь чтобы что угодно к чему угодно находилось в отношении 1,618 к 1!

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

За всё время работы дизайнером золотое сечение мне не пригодилось ни разу, это самое бессмысленное знание в мире.

Голосовое объявление о пожаре в бассейне

Одеваюсь после заплыва, и тут вдруг включается такой текст:

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

Неужели в таком коротком тексте нельзя определиться уже, здание у вас или строение? «Покинув строение, не создавайте помех выходящим из здания», а покинув здание, не создавайте помех выходящим из строения! А план у вас эвакуации или схема, можно договориться хотя бы самим с собой? (Ни одного ни плана, ни схемы я там не видел.) Также я думаю, что сработать может сигнализация, но не тревога.

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

Эгея 11.5

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

В редакторе:

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

В остальном:

  • в «Настройке» в секции «Эл. почта» появилась галочка «Показывать в подвале» — это чтобы читатели могли легко вам написать;
  • улучшена вёрстка заголовков и перебивок на мобильных устройствах, добавились автопереносы в некоторых случаях;
  • в письмах-уведомления о новых комментариях ссылка теперь ведёт не просто на заметку, а на конкретный комментарий по якорю;
  • при редактировании комментария и ответа на комментарий сверху теперь появляется ссылка и превью заметки, к которой это комментарий;
  • под кнопкой «Вернуть в черновики» у заметки было написано «комментарии удалятся», но реально они не удалялись, просто их было не видно в черновиках, а при повторной публикации заметки они возвращались; теперь неправильный текст про «удалятся» убран, а также добавлено отображение по крайней мере числа комментариев в черновике, чтобы было ясно, что они не пропали;
  • в джейсонфиде теперь заполнено поле Summary.

Исправления:

  • в РСС теперь отдаётся правильный MIME-тип (сломалось недавно);
  • поднастроена логика работы шорткатов вроде ⌘B и ⌘I (в некоторых ситуациях могли срабатывать странно);
  • попробовал подкрутить что-то, чтобы снизить вероятность того, что РСС читалки будут подцеплять левые картинки в качестве обложек заметок без картинок, но это всё очень зыбко;
  • несколько мелких правок в вёрстке (что-то неровно, где-то непарные теги и подобное);
  • в Жуэле улучшена совместимость с Оперой (помните такую?);
  • улучшена совместимость с новыми версиями ПХП;
  • если на сервере была загружена картинка некорректного формата, и Эгея не может её обработать, она не вываливает сообщения об ошибке, а просто помалкивает.

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

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

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

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

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

Ранее Ctrl + ↓