Подписка на блог

Ещё есть Тумблер и ЖЖ.

В  Телеграме пишу обо всяком и собираю по крупицам годноту, которая потом появляется в блоге.

А в  Твиттере иногда репощу всякие смехуечки и пишу о том, как всё плохо.

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

8 заметок с тегом

идиоты

Ваши интерфейсы меня нервируют

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

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

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

Превью ссылок

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

Красота, да?

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

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

Причём, особенно отвратителен тот факт, что у тебя не может быть больше одной «прикреплённой ссылки». То есть, если в посте у тебя их две-три-пять, распознается только первая, а остальные — нет. И для этой первой подгружается изображение, описание, название и всё это занимает больше места, чем всё твоё сообщение с тремя ссылками на фильмы, которые товарищ попросил по-быстрому скинуть. Но нет, давайте мы сделаем ещё и огромную кнопку “Instant View” (привет, Телеграм!), ведь это так важно — дать возможность пользователю прочитать статью не выходя из мессенджера. Ведь именно для этого мы писали мессенджер, не так ли? Почему нельзя открывать этот Instant View при нажатии на обычную ссылку в сообщении (и давать возможность переключиться на обычный браузер)? В штате много лишних дизайнеров?

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

Эмоджи

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

Единственно верное решение — это коды для эмоджи-смайлов. Такие как на Гитхабе или в Слаке. Если в сервисе по-другому, то этот сервис проектировали дизайнеры, которые не понимают, что у любого текстового смайла миллион иллюстрированных вариаций, которые зависят от контекста. Это так же глупо, как если бы все смайлы автоматически заменялись на первую найденную в Гугле картинку.

Шапка

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

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

Вот примерно то же самое я чувствую, когда на читаемом мною сайте при скролле фиксируется шапка, которая не содержит какой-то действительно полезной нагрузки (контролы для управления контентом, например). Она такая смотрит на тебя и всем своим видом показывает: «Смотри, чувак, я тут. Я очень важная. Контент — говно. Я тебе нужнее!». Да, Медиум, именно так:

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

Отдельной строкой-оффтопом замечу, что хуже такой «пустой» шапки может быть только кнопка “Open in app”. Я не знаю, что она делает. Мне кажется, никто не знает, потому что никто никогда на неё не жал. Почему нельзя было добавить эту кнопку где-нибудь в начале или в конце статьи? Почему нельзя было сделать одноразовый баннер со ссылкой на приложение в сторе? Почему я должен страдать от того, что дизайнер счастлив, что нарисовал не только кривой сайт, но ещё и приложение для того, чтобы я смог насладиться им? И это вопрос не только к Медиуму.

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

Однако, отдельной почести заслуживают шапки-гопники. Это когда ты читаешь-читаешь, всё нормально. Но тут ты что-то не уловил смысл проскролленной фразы, или там, вчитываешься в код. И вот ты чуть сдвигаешь палец в другую сторону, и.. ТРАХ-БАБАХ! ЧО ХОТЕЛ? КУДА ТЫ ПАЛЬЦЕМ ДВИГАЕШЬ, ПЕТУШОК? Вылетает очень нужная (по мнению дизайнера) шапка, которая застаёт тебя врасплох, заставляет проскроллить ещё пикселей 50-70, потому что Вселенной в голове дизайнера очень важно, чтобы ты запомнил, на каком именно ты сайте находишься, что у него есть меню, а ещё можно зарегистрироваться, и вот даже есть вот такие вот разделы. Не зря же он её рисовал, в самом деле!

Лента

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

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

Но это ещё не самое главное. С этим хотя бы можно бороться. Но нет никакой возможности заставить кривые социальные сети отображать ленту в привычном порядке: сверху новое, снизу старое. Чтобы я мог зайти, увидеть, что нет ничего нового, и уйти. Но последнее не в их планах, потому ловите “The best Tweets”, “In case you missed it” и всю остальную, очень важную информацию. Вот как, например, делает Твиттер:

Если вдруг меня долго не было, он при открытии не покажет мне сразу ленту в нормальном порядке. Он сперва покажет пару твитов, а над ними кнопку “View N new Tweets”, потому что мне нужно обязательно на неё нажать, да? Окей. Я жму, смотрю на эти новые твиты, и что я вижу под ними? А под ними блок “In case you missed it”, в котором эти же твиты и парочка других, но в обратном порядке. Шта? А под всем этим идёт обычная лента, из которой какие-то из представленных выше твитов вырезаны, а какие-то нет.

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

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

Обновления

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

Так вот, о чём это я? А я об обновлениях. В своё время чуваки из Редмонда пошли неправильным путём и решили, что пользователи их системы не должны ничего решать, потому сейчас они считают нормой обновлять ОС без спроса, или даже настаивая на этом. И в целом их решение понятно: когда тебе нужно закрывать каждый день по десятку дырок, лучше подходить к этому вопросу ультимативно. Однако, нет ничего более отвратительного, чем включить компьютер чтобы «по-быстрому» что-то сделать, и застопориться из-за установки обновлений. Ты материшься, хочешь убить всех и вся, а над тобой ещё насмехаются фразой «Не выключайте компьютер, идёт обновление».

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

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

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

А ещё Виндоус умеет выкачивать обновления в фоне, не уведомляя об этом пользователя, который часами гадает, куда делась вся его и так низкая скорость. Ой, извините, я снова за своё.

Логотипы Яндекса

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

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

Дизайн этого великолепного логотипа (и в целом подобного концепта) придумал кто-то, кто находился последние 20 лет в изоляции, не видел интернета и не понимает, что у всех пользователей левый верхний угол ассоциируется с понятием «На главную этого сервиса», а не «На Яндекс! И побыстрее!». Поясню, если вы не понимаете: левая часть этого логотипа ведёт на Яндекс, а правая — на Я.Музыку. И аналогично сделаны логотипы в других сервисах компании. Про Фиттса как будто никто не слышал.

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

Но я бы не написал «логотипы», если бы речь шла только об этом. Тут недавно обновилось лого самого сервиса:

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

А вообще очевидно, что статистика говорит, что это теперь поиск №1, ведь логотипы дочерних сервисов ведут именно туда.

Одной строкой

И таких примеров сотни, тысячи их:

  • Пуш-уведомления в браузере.
  • Drag-n-Drop в Телеграме.
  • Треды в Слаке.
  • Фэйсбук и Вайбер.
  • Дилетантские ссылки в SPA.
  • Область клика у файла на Маке.
  • ...

И пользователь ничего не может со всем этим поделать.

∗∗∗

В далёком 1942-м Айзек Азимов сформулировал три основных закона робототехники. Первые два из них гласят:

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

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

Годнота — 18

Статьи

Видео

Однажды в Википедии

Кино

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

Прошлые подборки по тегу — годнота.

Почта России

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

Год-два назад Почта запустила свой новый клёвый сайт — pochta.ru. От него ссали кипятком прям все вокруг, потому что «Вау, Реакт! В Почте России! В продакшене! Не может быть!». Пожалуй, этот сайт — это лучшее, что есть в Почте, потому что всё остальное совсем не очень.

Как я уже говорил в статье про Ростелеком: «Если в названии компании есть „Рос“, наверное сервис у неё гавно». Я не сталкивался с Почтой России, потому что почти никогда не пользовался её услугами. Они создали себе такой имидж, что когда тебе предлагают доставку Почтой или курьером — ты всегда выбираешь курьера, даже если за это нужно платить. Просто потому, что ты хочешь как минимум получить посылку. Благо в Белгороде есть клёвые Пикпоинты и Боксберри. Всё, что дороже тысячи рублей я всегда заказываю через них. А если сильно дороже, то какой-нибудь курьерской доставкой до двери. А Почта России для всяких мелочей из Китая с бесплатной доставкой. Какая почта, такие и посылки.

И как-то ни разу меня не подводила эта система, но вот недавно она начала давать сбои, причём, какие-то прям адские.

Почти оперативная доставка

Началось всё с того, что я решил заказать очередную безделушку с Алиэкспресса. Заказал и забыл. Она, как это принято, шла до меня чуть больше месяца, потому я о ней успешно позабыл. Но вот, извещение пришло, надо забирать. Интересно, что обычно мелочь всегда просто кидали в почтовый ящик, но тут пришло только извещение. А на дворе февраль и −20 на улице. Но это же Почта, ничего не поделаешь. Собрался с утра пораньше и пошёл. Пришёл, увидел очередь из этак пятнадцати человек. Развернулся и пошёл домой. Ненавижу очереди. ¯\_(ツ)_/¯

Решил, что нужно решать проблему как-то иначе. Возможно, зря припёрся утром? На следующий день проездом заскочил в отделение и снова увидел ту же картину. Развернулся и ушёл. Решил попробовать заказать доставку. На новом сайте Почты как раз об этом написано. Оказалось, что это весело. Во-первых, провинциям (читай: всем, кроме Питера и Москвы) пока нельзя заказывать доставку онлайн, только позвонив. Во-вторых, звонить на Почту — это прям отдельный квест.

В первый день я не смог дозвониться. Вообще никак. Звонил раз пять и всё безрезультатно. На второй день трубку наконец подняли. После 59 гудков. Это не шутка, я правда считал. Диалог получился прекрасным:

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

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

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

— А чек вам нужен?
— Чек?
— Ну да, чек.
— Да нет.. не нужен.
— Точно?
— Ну да.

Я бы не придал этому значения, если бы во время доставки у меня не спросили ещё раз, точно ли мне не нужен чек. И тут я понял, почему это важно. С чеком ведь оплата пройдёт через кассу, а без него — не факт :-)

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

Но и это ещё не всё!

Почти точная доставка

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

Прибудет в отделение: 125363, Москва 363
Адрес отделения: Москва, Сходненская ул, 44/17
Получатель: DARYA EVGENEVNA PAVLOVA

Ну, бывает, китаец напутал. Это ж Алиэкспресс! Решил ему написать, и получил в ответ:

Hi friend, thank you for the order!
Please do not worry, just ignore the information from Russian Post, they always made mistake for receiver name and address in their post data.
Many Russian buyers asked me why the receiver is not correct before, also I have asked China Post, they replied there is problem in Russian Post.
Please check your parcel picture in attachment, your name and address is correct, so please do not worry, wait for the parcel patiently please.
Any question please contact me freely!
Best Regards!

И ниже действительно фотка моей посылки с верными данными. И стало прям обидно. Я вырос в то время, когда «китайское» было синонимом «плохое» (и сейчас такое есть, но чуть иначе), потому китайская почта не могла работать лучше отечественной. Как же ж так? Но нет. Даже адский Алиэкспресс с его кривым переводом названий и кошмарным дизайном работает лучше и стабильнее, чем российская почта.

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

А рыба-то совсем гнилая

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

Видимо, нужно Почте России пожелать Грефа в помощь.

Годнота — 2

Видео

  • ReactNL 2016 Max Stoiber — Styling React.JS applications. Макс собрал в кучу все возможные (на тот момент) способы стилизации Реакт-компонентов. Если вы только начинаете въезжать в тему, то полезно.
  • Анатомия РЕН-ТВ. О том, как собираются сенсации РЕН-ТВ и все им подобные.

Статьи

Курсы

Возвращение Крузенштерна

Когда-то я уже писал о том, что ненавижу отсутствие пробела в инициалах. Однако, это мракобесие продолжается и набирает обороты.

Побывав недавно в универе, заметил, что там передизайнили главный вход, и теперь над ним висит вот это:

Для меня в целом является удивительным, как в архитектурно-строительном университете смогли сделать такую ужасную надпись, в которой умудрились просрать абсолютно всё.

Причём, я даже не знаю, что мне во всём этом не нравится больше:

  • ужасный шрифт (Arial Narrow что ли?);
  • отсутствие пробела между инициалами;
  • отсутствие даже намёка на кернинг (точка после «Г» — прям вишенка на торте);
  • ШУХОВ;
  • то, что вся надпись занимает ничтожную долю от всего фасада, и над ней доминируют гербы, как бы сжимая её;
  • или то, что название вуза зассали написать целиком.

В итоге складывается впечатление, будто всё это набрали в Ворде, распечатали и готово. Хуяк-хуяк и на фасад!

Если нужен пример хорошей надписи, то можно посмотреть на вот эту обрубленную фотку МГУ с сайта летописи:

Эти буквы висят уже почти 70 лет и вызывают уважение. Так и надо.

2017   дизайн   идиоты
Ctrl + ↓ Ранее