Bad UI: на Reddit три года соревнуются в создании худших интерфейсов регулировки звука, ввода номера и пароля Материал редакции

Сделать слайдер громкости в виде насоса, который надо качать? Легко. Превратить ввод телефонного номера в бильярд? Пожалуйста.

В закладки
Аудио

Programmer Humor — главное мем-сообщество Reddit, посвящённое программированию. У него довольно жёсткие правила: модераторы несколько раз предупреждают, что обычный жизненный юмор, а также общие технические шутки в сабреддите не приветствуются. Несмотря на это, за несколько лет Programmer Humor набрал почти 850 тысяч подписчиков.

Чаще всего в разделе публикуют стандартные мем-шаблоны, переделанные на тему программирования. Иногда какие-то конструкции превращают во флешмоб: например, так было с «кодерскими шутками» на тему Linux, Bluetooth и CSS.

Мужчины — Женщины — Люди, написавшие полезные ответы на Stack Overflow
Клёвая анимация кнопки — 600 строк кода

Но главное, чем прославился Programmer Humor во всём интернете — его битвы «плохих пользовательских интерфейсов» (Bad UI). Раз в несколько месяцев пользователи, так или иначе связанные с программированием, изобретают худшие и наиболее нелепые варианты дизайна тех или иных функций.

Началось всё в 2016 году, когда в Твиттере стали изобретать самые неудобные способы ввода номера телефона на сайте. Постепенно соревнование перешло на Reddit и стало фишкой сабреддита про юмор программистов. TJ собрал несколько интересных «батлов» раздела.

Ввод номера телефона

Ввод имени пользователя

Ввод пароля

Слайдер громкости звука

Про самые нелепые способы регулировать звук на TJ уже писали.

Интерфейс оповещения о ракетном ударе

В начале 2018 года жителям Гавайев разослали ложное оповещение о ракетном ударе. Вскоре выяснилось, что дело было в неудобном интерфейсе: кнопка о тестовом оповещении граничила с кнопкой настоящей тревоги. На Reddit «улучшили» меню.

Закрытие рекламного баннера

Другое

Реакция на недоступность YouTube по всему миру
Настройка точного времени
Выбор разрешения видео
{ "author_name": "Женя Кузьмин", "author_type": "editor", "tags": ["\u0441\u043e\u0446\u0441\u0435\u0442\u0438","\u043c\u0435\u043c\u044b","reddit"], "comments": 44, "likes": 249, "favorites": 157, "is_advertisement": false, "subsite_label": "internet", "id": 99709, "is_wide": false, "is_ugc": false, "date": "Fri, 31 May 2019 18:19:42 +0300", "is_special": false }
0
{ "id": 99709, "author_id": 20443, "diff_limit": 1000, "urls": {"diff":"\/comments\/99709\/get","add":"\/comments\/99709\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/99709"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 214343, "last_count_and_date": null }
44 комментария
Популярные
По порядку
Написать комментарий...
60

Это первые варианты предлагаемых клиентам интерфейсов от Темы Лебедева

Ответить

Комментарий удален

0

АХАХАХАХХАХАХАХ ТОЧНО!

Ответить
47

Поржал, эти штучки в тыщу раз смешнее мемов и приколов. Мир все-таки прекрасен.

Ответить
3

Мир все-таки прекрасен.

Радует, что люди не перестают это видеть.

Ответить
28

Это вероятное будущее:

Ответить
7

Ващет это скрин регистрации в одноклассниках

Ответить
1

Мир все-таки прекрасен.
Радует, что люди не перестают это видеть.

Ответить
13

На интерфейсе оповещения ракет с вертикальными кнопками заржал на весь офис как скотина

Хорошо что уже 8 вечера и никого особо нет

Ответить
2

Вертикальные кнопки это вообще шедевр

Ответить
0

§ 136. теория близости

Ответить
0

Почему в списке нету reCaptcha?

Ответить
0

Потому что даже таким интерфейсим ещё далеко до такого говна как рекапча.

Ответить
5

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

Ответить
4

Боты воспользуются вашим API

Ответить
0

печалька, тогда остаются плюшки

Ответить
0

А зачем вы сделали дыру в виде API. Если его нет, соответственно им не смогут воспользоваться и боты :)

Ответить
0

Ничто (кроме, наверное, CSRF токена) не мешает отправлять ботам POST-запросы на адреса страниц. По сути тот же API, только менее явны

Ответить
0

тоже верно :)

Ответить
7

так это, у меня же не только про звук, а шесть разных батлов! но я поставил на тебя ссылку в статью, спасибо)

Ответить
0

иди поцелую

Ответить
2

три года

Ответить
0

согласен, сам спиздил

Ответить
0

+

Ответить
5

интерфейс регулировки громкости, который хуже всех из статьи

Ответить
3

К подобным паттернам можно теперь еще отнести настройку тарифа на сайте yota)))
https://www.yota.ru/voice#myyota

Ответить
1

бля, как проклято это сделано

Ответить
0

можно передвинуть либо на 1, либо сразу на тысячу)

Ответить
3

Больные ублюдки

Ответить
3

Блять как же это охуенно!!!!!!!!11111

Ответить
2

Спасибо, прохрюкал все метро

Ответить
–4

Комментарий удален по просьбе пользователя

Ответить
1

Самый лучший интерфейс - отсутствие интерфейса.

Ответить
1

Я постил свой "мемес" туда, и он набрал 1000 лукасов!

Ответить
0

Покеж

Ответить
1

ТЖ такой охуенный в последнее время, я прям не нарадуюсь!

Ответить
1

Лучший пост за долгое время

Ответить
0

Вау, какая новая тема

Ответить
0

Супер, спасибо!

Ответить
0

Аж зубы заскрипели.
С бильярдом круче всего вышло

Ответить
0

Кузьмин молодец

Ответить

Комментарий удален

0

Набор номера телефона игрой в змейку: твой номер 8999-999-99-99, значит, надо набрать столько очков))) хуже не придумать)

Ответить
0

Вот это ржака! ))))))))))))))

Ответить
Обсуждаемое
Новости
В США мужчина преодолел 564 километра ради секса с несовершеннолетней, но она оказалась полицейским под прикрытием
Теперь ему грозит до 10 лет тюрьмы.
Технологии
Битва титанов: сравнение iPhone 11 Pro Max и Huawei P30 Pro
Как лучшие смартфоны 2019 года справляются с повседневными задачами.
Новости
Esquire выпустил номер о поколении Z, созданный только 20-летними
Для этого журнал сформировал временную редакцию из практикантов.
Популярное за три дня
Новости
Илон Маск выступил на краснодарском форуме по видеосвязи
Он заявил, что «когда-нибудь в будущем» может открыть в России производство Tesla.
Новости
«Суки, сколько „за“, сколько „против“ и сколько воздержались?»: глава Мосгордумы на заседании поторопил подсчёт голосов
В итоге проект бюджета Москвы на три года рекомендовали для рассмотрения.
Новости
В Новосибирске установили забор перед забором
ГИБДД называла такие ограждения обязательными.
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "i", "ps": "cndo", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovy", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "ezfk" } } }, { "id": 6, "disable": true, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byswn", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "cndo", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223677-0", "render_to": "inpage_VI-223677-0-130073047", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=cndo&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudv", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "ccydt", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "cndo", "p2": "fzvc" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "chfbk", "p2": "gnwc" } } } ]