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 по всему миру
Настройка точного времени
Выбор разрешения видео

#соцсети #мемы #reddit

{ "author_name": "Женя Кузьмин", "author_type": "editor", "tags": ["\u0441\u043e\u0446\u0441\u0435\u0442\u0438","\u043c\u0435\u043c\u044b","reddit"], "comments": 44, "likes": 247, "favorites": 161, "is_advertisement": false, "subsite_label": "internet", "id": 99709, "is_wide": false, "is_ugc": false, "date": "Fri, 31 May 2019 18:19:42 +0300" }
{ "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

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

Ответить
6

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

Ответить
1

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

Ответить
12

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

Хорошо что уже 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

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

Ответить
3

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

Ответить
2

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

Ответить
1

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

Ответить
0

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

Ответить
–4

Очередная деградация, поданная как что-то смешное
Типичный редит

Ответить
1

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

Ответить
1

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

Ответить
0

Покеж

Ответить
1

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

Ответить
1

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить
0

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

Ответить

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

0

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

Ответить
0

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

Ответить
0

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

Ответить
0

Прямой эфир

[ { "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": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "i", "ps": "cndo", "p2": "flbq" } } }, { "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" } } } ]
Действительно важные push-уведомления
Подписаться на push-уведомления