Были времена, когда мобильные версии сайтов были экзотикой. Всё своё внимание дизайнеры уделяли основным десктопным версиям. Сейчас наличие мобильной версии — это стандарт. Мы привыкли к тому, что любую веб-страницу можно открыть с телефона или планшета и она будет отображаться в удобном для чтения виде.
Дизайнеры разрабатывают упрощённый интерфейс сайта специально для маленьких экранов. Точнее, должны разрабатывать в идеальном мире. Но, к сожалению, в моду вошли некоторые интерфейсные элементы, которые не только не упрощают пользование мобильной версией, но и существенно усложняют пользователям доступ к информации. Кто-то когда-то решил, что эти элементы сделают сайт удобнее. С тех пор они кочуют от сайта к сайту, разработчики воспроизводят готовые интерфейсные паттерны, мало задумываясь об их удобстве и уместности.
Я помню ранние годы мобильного веба, когда вирус излишней интерактивности ещё не успел проникнуть на упрощённые версии сайтов. Тогда они были оазисом чистоты, удобства и минимализма — можно было спокойно читать текст без пестроты, мельтешения и всяческого мелькания. Я даже специально сохранял мобильные версии, чтобы пользоваться ими не только на гаджетах, но и на компьютере.
Расскажу о надоедливых интерфейсных элементах, которые мешают мне больше всего. Назойливую рекламу, всплывающие окна, умопомрачительные цвета и безумные шрифты оставим за скобками — тут и так всё ясно. Поговорим о блоках.
1. Автоматически всплывающие элементы
В первую очередь это панель с названием сайта и кнопкой вызова меню в верхней части страницы. Это полезный и удобный блок. Но только до тех пор, пока разработчикам сайта не приходит в голову светлая мысль сделать его отображение динамичным. Когда мы скроллим страницу вниз, блок скрывается. Когда наверх — отображается.
Можно предположить логику авторов такого решения. Пока мы читаем текст и скроллим страницу вниз, сайт скрывает панель, чтобы она не занимала драгоценное место. Если мы начинаем скроллить страницу вверх, сайт считает, что мы закончили читать и хотим вернуться на самый верх, чтобы открыть меню. Ну нам и показывают меню.
Проблема в том, что мы обычно скроллим страницу вверх вовсе не для этого. Скорее всего, мы хотим вернуться к одной из предыдущих частей текста, перечитать ещё раз непонятный фрагмент, пройти по пропущенной ссылке в тексте. В общем, мы продолжаем активный процесс творческого чтения, но в обратном порядке. При этом наш взгляд направлен на верхнюю часть экрана — туда, где появляется текст при скроллинге страницы вверх. И вот именно там постоянно вылезает надоедливая панель.
Иногда динамические панели добавляют не только сверху, но и снизу. Видимо, чтобы сделать пользовательский интерфейс ещё более интерактивным. Честное слово, иногда при активном чтении все эти всплывающие и исчезающие блоки начинают сильно раздражать. Так и хочется воскликнуть: оставьте поле с основным текстом в покое, не меняйте его размеры!
А панель навигации — вещь полезная. Только пусть она всегда остаётся на экране.
2. Горизонтальная прокрутка блоков
Ещё одно странное изобретение — цепочка блоков с горизонтальной прокруткой. Если таким образом реализована галерея изображений, то горизонтальная прокрутка хоть как-то оправдана. Но в сети появляется всё больше сайтов, где таким образом реализована навигационная панель. Например, список страниц.
Иногда складывается впечатление, что создатели этого сами даже не пробовали управлять своими сайтами с экранов смартфонов. Горизонтальная прокрутка не особо удобна, даже если пользоваться телефоном двумя руками — держать в одной руке, а водить по экрану другой. Но многие из нас читают страницы, держа телефон в одной руке и нажимая на экран большим пальцем. Попробуйте при таком положении руки выполнить большим пальцем строго горизонтальное движение где-нибудь в середине экрана. Так ненароком можно и случайный тап сделать — открыть ненужную страницу.
Возможно, заботливые дизайнеры так пекутся о гибкости наших пальцев.
На некоторых сайтах ситуация усугубляется ещё и тем, что горизонтальную цепочку блоков делают «инерционной»: чуть двинул пальцем, отпустил экран, а лента продолжает продвигаться, постепенно замедляясь. Иногда она останавливается так, что на экране видны только половинки соседних блоков. Выглядит такая лента красиво и круто, но пользоваться этим совершенно невозможно.
Интересно, что добавление на страницу таких горизонтальных блоков обычно ничем не обусловлено. Возможно, дизайнерам хочется показать побольше разделов сайта на одном экране, запихнув каждый из этих разделов в горизонтальный блок. Но это сомнительное решение, учитывая сложности навигации, которое оно создаёт.
Кстати, в десктопных версиях такие горизонтальные ленты тоже встречаются. И там ими пользоваться так же неудобно, как и в мобильных версиях.
3. Динамическая загрузка следующих страниц
На некоторых сайтах работают скрипты, которые организуют бесконечную вертикальную ленту статей. Когда мы дочитываем до конца первую статью, заботливый скрипт тут же подгружает вторую. Она появляется на экране в стык с первой. За второй загружается третья, потом четвёртая и так до бесконечности.
Этот механизм мог бы быть удобным, если бы сайт каким-то образом знал, что именно мы хотим почитать. Тогда мы получили бы бесконечную газету, составленную по нашим предпочтениям. Но обычно в такой ленте статьи появляются в соответствии с какой-то сортировкой: по времени, по популярности. Это совсем другое дело: мало у кого есть желание читать все статьи сайта подряд.
В конце статьи куда полезнее блок со ссылками на другие статьи по той же теме. Или на самые популярные статьи за какой-то период времени. Мы хотим сами выбирать, какие статьи нам читать.
Кстати, у динамической загрузки страниц есть ещё один неприятный эффект. Допустим, мы всё же продолжаем читать статьи одна за другой и дошли до третьей статьи в ленте. Она нам понравилась и мы хотим сохранить её в закладках браузера. Какая именно статья там сохранится: первая или третья? В том-то и дело, что ответ совершенно непредсказуем — возможны оба варианта. Вообще, если мы находимся где-то на границе между статьями, то в закладке вполне может сохраниться вторая или четвёртая статья. Тут как повезёт.
На фоне всего этого буйства интерактивности хочется поблагодарить тех дизайнеров и разработчиков, которые заботятся о пользователях, обдуманно применяют различные интерфейсные решения и делают красивые, аккуратные и удобные сайты, на которые хочется возвращаться снова и снова.
Комментарии (102)
ZEV1416
07.10.2023 17:51+26Добавлю пару своих наблюдений:
ввод срока действия платежной карты из комбобокса с вариантами месяцев и годов. Я только что ввел 16 цифр номер карты и сразу после этого буду вводить CVC и иногда - фамилию и имя владельца карты, но вот именно для ввода этих 6 цифр мне сделали "удобство": комбобокс, который как правило, умудряется не влезать в экран и требует прокрутки. Ну зачем?
на десктопной версии одного популярного сайта про мобильные устройства: блок комментариев. В нём через пол секунды после окончания прокрутки сверху появляется всплывающий блок высотой 2 строки. То есть я промотал ленту так, чтобы интересующий меня комментарий оказался наверху, чтобы далее за раз прочитать как можно больше информации без прокрутки, и тут появляется это "нечто", закрывающее 2 верхних строки и заставляющее меня прокрутить немного назад. И так - каждый раз!
Dolios
07.10.2023 17:51+24ввод срока действия платежной карты из комбобокса с вариантами месяцев и годов
Это еще хорошо, когда там цифры. А то регулярно сидишь и вспоминаешь, 7 месяц, это июнь или июль..
sappience
07.10.2023 17:51+11Еще прелесть когда имеется множество полей ручного ввода (скажем, имя, фамилия, телефон, адрес, индекс, город) и не работает переход на следующее поле по кнопке Tab. Приходиться постоянно отрываться от клавиатуры, хватать мышку, кликать на следующее поле, бросать мышку, переходить опять к клавиатуре и так много раз.
dephonica
07.10.2023 17:51+1Комбобоксы для месяца/года делаются (делались) как простейшая защита от кейлоггеров.
nin-jin
07.10.2023 17:51-11Хороший пример использования горизонтального скролла можно найти на сайте гильдии Гипер Дев: hyoo.ru
Ionenice
07.10.2023 17:51+8В каком плане идеальный? Из-за неточного свайпа может задействоваться горизонтальный вместо планируемого вертикального, как-то не идеально. В контексте данной статьи так вообще не идеальный т.к сложно будет пользоваться
nin-jin
07.10.2023 17:51+2Не знаю, где вы прочитали "идеальный", но "промахнуться" больше чем на 45 градусов довольно сложно.
Ionenice
07.10.2023 17:51+3Да, случайно перепутал «идеальный» и «хороший пример» или не так прочитал комментарий :( Если горизонтальный свайп был активен секунду назад, то нужен угол всего в ~5 градусов, чтобы он снова стал активным, в этом проблема + в целом рандомный свайп может случайно его активировать
nin-jin
07.10.2023 17:51-4Это что за такой странный у вас девайс?
Ionenice
07.10.2023 17:51+2Обычная ios
nin-jin
07.10.2023 17:51-3Тут вот человек на обычной иос не может воспроизвести такое поведение. Самое близкое - один скролл не работает, пока другой не остановился, что логично.
Ionenice
07.10.2023 17:51+5Если бы была возможность записать видео с жестами, я бы сделал это.
Самое близкое - один скролл не работает, пока другой не остановился
Как и писал выше, если горизонтальный скролл был активен секунду или чуть меньше назад, то близкий к вертикальному свайп опять вызовет горизонтальный скрол. Можно не спешить, аккуратные жесты вводить, но это лишь костыль для пользователя
danilovmy
07.10.2023 17:51+2Ээ. Какое смелое название ги-пердев.
А по делу: Андроид 10, Huawei, жесты отключены. Съехал влево, вижу экран с текстом "Артефакты с хакатонов". А обратно то как? Влево вправо не работает. Экран обновлять?nin-jin
07.10.2023 17:51-4Не могу знать, что с вашим девайсом не так. Там обычный браузерный скролл.
Areso
07.10.2023 17:51+5Это всё, что надо знать о мире фронтенд-разработки.
Разработчик никогда не знает, чё и как творится с его кодом на актуальном устройстве.nin-jin
07.10.2023 17:51-1Код вашего браузера не мой.
Areso
07.10.2023 17:51+3Согласен, но код Linux/Python 3.10/PHP 8.X/тоже не наш, но обычно бэкенд разработчики свой результат плюс-минус гарантируют =)
nin-jin
07.10.2023 17:51+1То-то у меня каждый второй питоновский скрипт сборки нативных модулей падает с непонятными ошибками.
Areso
07.10.2023 17:51+2Мой питоновский код с непонятными ошибками у меня не падает.
nin-jin
07.10.2023 17:51Мои интерфейсы у меня тоже прекрасно работают.
Areso
07.10.2023 17:51+1Мой код работает независимо от того, кто его invok'нул по сети =)
А вот интерфейс, написанный на JavaScript, в силу, так скажем архитектуры доставки, работает у каждого по-своему. У одних так, у других сяк. У третьих вообще не работает =)
Areso
07.10.2023 17:51+4Самое главное тут не это. Другое. А именно, что вы, как разработчик фреймворка (это же фреймворк? или библиотека?) совершенно откровенно говорите, что вам всё равно, что он по-разному работает у клиентов.
"No-go" для любого прикладного разработчика, имхо.
nin-jin
07.10.2023 17:51-1Главное тут - ваше не понимание, что работоспособность кода не может быть гарантирована на машине, которую вы не контролируете. Независимо от языка программирования.
Areso
07.10.2023 17:51+2Конечно. Но контроль над сервером произвести проще - ваш сервер, ваши правила (и ваша неспособность его настроить; хотя Docker образы в этом сильно помогают, обычно).
Контроль клиентского устройства - да, увы, невозможен.
Однако, jQuery в своё время приобрёл популярность именно на том, что обещал (не значит сделал) совместимость в любом браузере, и авторы потратили много сил на то, чтобы выполнить это обещание на как можно больше процентов.
Breathe_the_pressure
07.10.2023 17:51+8Приложение Озона вроде бы нормальное, но пока продерёшся через напоминания апдейтов, предложения до штрих кода просто бесит. Наврядли что-то поменяют, живут своими представлениями.
aamonster
07.10.2023 17:51+11Приложение Озона? Все виденные мной приложения маркетов – априори жуткая дрянь хотя бы в силу того, что в них нельзя открыть ссылку в новом табе.
Хотя, конечно, на фоне приложения Алиэкспресса нетрудно выглядеть нормальными...
sshemol
07.10.2023 17:51+6Приложение Озона - сборник антипаттернов. Тут и горизонтальная прокрутка списка заказов и выскакивающий на старте рекламный попап, закрывающий всю полезную область.
LyuMih
07.10.2023 17:51+11В статье на мой взгляд не хватает иллюстраций к пунктам и плохая / хорошая реализация с примером.
zhuk15
07.10.2023 17:51+14Пользуюсь телефоном с 3 дюймовым экраном, многие говорят что время маленьких телефонов прошло из-за соц сетей, по факту вижу что основное пространство занято всяким шлаком - рекламой, поп апами, и прочими барами, так и плазмы на всю стену не хватит. Кстати, хабру мое уважение, читать удобно.
Fahrain
07.10.2023 17:51+2чем удобно-то? Сидишь как в танке, смотришь через узкую вертикальную амбразуру... У меня экран 45'' и это просто ужасно, я вынужден читать на 175% увеличения в браузере (+ стандартные 125% от системы) - так контент хотя бы всю ширину занимает
Jeshua
07.10.2023 17:51+7А разве удобно читать, когда для перехода на следующую строчку не хватает угла поворота глазного яблока и приходится поворачивать голову? Хотя 175% говорит о том, что вы сидите, вероятно, на расстоянии около 2 метров от монитора. Короче, монитор, удобный для дизайна, пытаетесь применять для чтения.
Fahrain
07.10.2023 17:51+1Ну так если чуть отодвинуться, то всё удобно. А 175% не потому что мелко - а потому что когда 2/3 ширины экрана ничем не заняты - это некрасиво и неудобно.
Зато если играться, то экран по размерам ровно во всё поле зрения - почти полное погружение)
agmt
07.10.2023 17:51Глаза очень сильно огорчаются от фокусирования на малом расстоянии. А на вращение глазами влияет угловой размер.
Это приводит к тому, что лучше иметь лопату и держать на расстоянии вытянутой руки.
Fahrain
07.10.2023 17:51У меня не очень хорошее зрение - легкий минус, приходится носить очки. Так вот, с момента перехода на большие экраны (32'' -> 40'' -> 45'') зрение у меня перестало потихоньку падать дальше. Т.е. вот уже больше 10 лет я очки не менял. Возможно, конечно, это возрастные изменения положительно сказываются, но мне кажется, что всё-таки решающую роль тут играют именно буквы в 5+ мм размером на экране :)
MountainGoat
07.10.2023 17:51+12Меня ничто не бесит так, как сообщения "можно установить куки?", загораживающее текст. Тем более что я им совершенно не верю, поэтому пофиг, что там нажимать.
На втором месте падлы из medium.com, но это намеренно вредоносный проект, поэтому тут не в тему.
sanalex76
07.10.2023 17:51Есть же автоматические "нажиматели куков". А в браузере ставишь удаление после выхода. Вин-вин. "Нажиматель" сам разрешает установку, а браузер потом всю эту дрянь удаляет.
morijndael
07.10.2023 17:51+1Можно не удалять, если поставить продвинутый нажиматель. Например Consent-O-matic. По умолчанию он будет отказываться от всего, но можно настроить, и он будет кликать так, чтобы конкретно одобренный вами список разрешить
Le0Wolf
07.10.2023 17:51+2А можно подробнее про "вредоносный проект"? Как по мне - английский аналог хабра. Я чего то не знаю?
MountainGoat
07.10.2023 17:51+14У них вообще-то платный доступ после нескольких статей. Иногда адблоки и чистка кук помогают, иногда нет, но всё равно это бесит. Особенно если сидишь с чужого/рабочего компа и этих инструментов под рукой нет. При этом гуглу они, конечно же, в доступе не отказывают и их статьи в поиске вылезают на верхних позициях.
Но это далеко не всё. У них подключены десятки тысяч дополнительных доменов, некоторые даже включают альтернативный дизайн. Поэтому ты даже не знаешь, что открыл их страницу. Успел прочитать один абзац статьи и раз - пейволл. Своими дополнительными доменами они заспамили гугл в поиске по некоторым техническим вопросам, например LLM, наполовину.
nikis05
07.10.2023 17:51+2Medium включает пейволл только с согласия автора статьи. Авторы выбирают включить пейвол по двум причинам:
Если автор - участник Partner Program, тогда он получает процентик с каждого чтения.
-
Чтобы попасть в Publication, то есть курируемый дайджест хороших статей на определенную тему, где редактор дайджеста может еще и поможет отредактировать вашу статью, и будет ее продвигать через свои каналы. Тогда редактор тоже получает процентик за каждое чтение.
В обоих случаях платформа позволяет людям заслуженно монетизировать свой труд, и главное абсолютно добровольно - если автор не включил пейвол, пейвола не будет. Я эту бизнес модель не назвал бы вредоносной.
С закупкой доменов - приемчик грязноватый, согласен. Зато и статью увидят 70000 человек, а не 500, как, кхм, в других местах. В целом платформа очень хороша для авторов, показывает очень подробную статистику по чтению и рефералам, и система монетизации крайне прозрачная. Понимаю что как читателям нам хочется читать крутые качественные статьи бесплатно без регистрации и смс, но есть скажем так объективные достоинства из-за которых авторы выбирают писать туда. Так что зря вы так категорично.
MountainGoat
07.10.2023 17:51+26Но чукча не писатель, чукча читатель. Когда я кликаю ссылку в гугле, открываю статью, пытась её прослистать и вижу фигу - всё это время я не вижу, чего там выбрал автор, и просто зря трачу время. я не требую платные статьи забесплатно, я требую, чтобы мне не подсовывали обрывок статьи под видом целой. Заменив, по сути, остаток статьи рекламой медиума.
BugM
07.10.2023 17:51-7Медиум стоит 50 долларов в год. Он на самом деле стоит того. Особенно если по вашим вопросам в Гугле статьи оттуда регулярно попадаются.
Вложение выгоднее Нефликса и наравне с Ютубом без рекламы.
bromzh
07.10.2023 17:51+13Дело не в том, что выгодно оно или нет. Сама подача этого пэйвола ублюдская. Почему его сразу нельзя выводить? Писать прям вверху - это статья за деньги, плати. Я вот тоже не ожидаю после первого экрана наткнуться на пейвол.
Areso
07.10.2023 17:51+1С одной стороны - да, они делают не очень вежливо.
С другой стороны, прочитав экран, можно уже примерно оценить ценность такой статьи.
Dolios
07.10.2023 17:51+8По факту, ничего на медиуме бесплатно прочитать не получилось у меня в последнее время. Согласен, что проект вредоносный, т.к. они спамят поисковую выдачу. Поиском уже вообще пользоваться невозможно. Не плачу им денег принципиально.
Индексируйте только то, что даёте бесплатно читать, не надо тратить моё время.
morijndael
07.10.2023 17:51+4Зато и статью увидят 70000 человек, а не 500, как, кхм, в других местах.
s/статью/пейволл/
Jeshua
07.10.2023 17:51+6Точно так же бесит группа Актион. Их сайты вылазят первыми по огромному количеству вопросов, и то, что это опять они, не понятно при поиске. Переходишь, получаешь затемненную страницу и лозунг о том, что главное для них помогать людям. Шли бы с такой помощью.
nitro80
07.10.2023 17:51+2И не вздумайте подписаться на их рассылку, будете получать тонны писем, а отписаться то ещё приключение
dvenum
07.10.2023 17:51+3Выручает плагин "I don't care about cookies". А на смартфоне хромовские плагины можно ставить в браузер kiwi, в том числе и фильтры рекламы.
Но за что оно так с пользователями, я тоже не понимаю.
acc0unt
07.10.2023 17:51+3За то, что в GDPR не предусмотрен единый стандарт, в котором всю эту фигню про куки можно было бы настроить один раз в браузере, хочется авторам этого законопроекта бить лицо.
Fell-x27
07.10.2023 17:51+3В евросоюзе, если не ошибаюсь, в свое время вышел закон, обязывающий это делать, полезла эта зараза именно оттуда. Потом эта плашка стала появляться то тут то там на всяких крупных сайтах, у которых европейские корни. Оттуда вирус стал распространяться в массах по всему свету.
В какой-то момент все подряд начали пихать эти всплывашки с куками, потому что смузи-дизайнеры решили, что это тренд\мода и что без этой дряни тебя не будут воспринимать серьезно.
AndrewYaremko
07.10.2023 17:51-3Не думаю, что какие то элементы сами собой могут нести вред. Та же погружается лента, с самым топорным исполнением даёт + к тайспенду, те к продуктовой метрике. Слайдинг в навигации может быть обусловлен вторичность сценария к его обращению, например теги на хабре. Много переменных чтобы однозначно судить об элементах. И ещё больше стоит проводить работы, например продумывать информационную архитектуру, прорабатывать ux стратегию, шарить пользовательские сценарии. И уже от этого выбирать какие элементы оптимально использовать здесь и сейчас, с таким вот бюджетом на продакшн.
AndrewYaremko
07.10.2023 17:51-1Пример с элементами выполняющими функцию навигации, которую вы предлагаете не задумываясь «убрать немедленно». Это блок хэштегов на Хабре.
Newbilius
07.10.2023 17:51+1А что мешает не делать скролл, а перенести не влезающее на новую строку? Число хабов для одного поста ограничено, более трёх строк не займет.
ifap
07.10.2023 17:51+28Кстати, у динамической загрузки страниц есть ещё один неприятный эффект.
И еще один: в "подвале" как правило бывают дополнительные навигационные ссылки: описание сайта/проекта/владельца, контактная информация и т.п., но чтобы попасть в "подвал" надо сперва сыграть в игру "поймай меня, если сможешь".
BugM
07.10.2023 17:51+8Это просто плохой дизайн сайта. С бесконечной лентой нельзя делать "подвал".
vadimr
07.10.2023 17:51+4Но юзер же исходно не знает, есть там подвал или нет и бесконечная ли лента.
Areso
07.10.2023 17:51+3Техподдержка Кинопоиска однажды мне ответила:
"дорогой пользователь, лента - не бесконечная. Всего через 60+ листаний (в зависимости от ваших предпочтений и сгенерированных специально для вас подборок) будет конец. И под концом будет подвал. Исренне ваша, техподдержка Яндекс.
ПС: просим прощения за долгий ответ, фигня случается"
Mingun
07.10.2023 17:51+16Какая именно статья там сохранится: первая или третья? В том-то и дело, что ответ совершенно непредсказуем — возможны оба варианта.
По-моему, тут однозначно третий вариант — никакая. Потому что в закладке сохранится просто некая «позиция в ленте от её верхушки»(!) — то есть, в принципе некое рандомное место. Бесконечные ленты — зло в чистом, незамутнённом виде.
VADemon
07.10.2023 17:51Обычно такие сайты подменяют URL на актуальный. Плюс закладки, вроде, не сохраняют позицию.
Mingun
07.10.2023 17:51+4Ну и какой вам прок от «актуального url» вида
очень-важный-сайт/страница/5, если материал в ленте сегодня на 5-й странице, завтра на 10-й, а послезавтра его уже и не найдёшь вовсе?VADemon
07.10.2023 17:51+1Ссылка постоянная на статью генерируется, а не pagination. Правда, примера правильно работающего не помню и привести не смогу.
Mingun
07.10.2023 17:51+1Так это ж лента, какая ссылка на статью?
VADemon
07.10.2023 17:51Кстати, у динамической загрузки страниц есть ещё один неприятный эффект. Допустим, мы всё же продолжаем читать статьи одна за другой и дошли до третьей статьи в ленте. Она нам понравилась и мы хотим сохранить её в закладках браузера. Какая именно статья там сохранится: первая или третья?
Речь в статье идет о "склеивании" статей в одну страницу а-ля ленты. Не лента по типу Facebook-а. Пришлось поискать на каких сайтах это есть, наткнулся на РИА (ссылка нейтральную статью): Прокручиваем до конца статьи, ниже оценок, ниже рекламы, ниже рекомендованных и тут подгрузилась вторая статья. Как только её контент занял 90% верт. места на странице -- URL в адресной строке сменился на неё. Откатываемся вверх -- снова URL первой статьи. Текст вкладки тоже меняется.
Areso
07.10.2023 17:51+1В слэке именно так работает.
Правда глючит, время от времени.
Ссылка генерируется на конкретный пост в бесконечной ленте постов в чате или канале.
ALexhha
07.10.2023 17:51+1Бесконечные ленты — зло в чистом, незамутнённом виде.
наверное it depends, например, на том же imgur отлично подходит, имхо
Mingun
07.10.2023 17:51+4Имхо, для сервиса хостинга картинок это ещё большее зло чем для сайтов с преимущественно текстовым содержимым. Мало того, что они не заканчиваются, так ещё и память жрут как не в себя, а в особо «удачных» реализациях так и вовсе приводят к краху вкладки / различным багам вроде непрогрузки означенных картинок, если слишком далеко вниз промотал.
engine9
07.10.2023 17:51+9Современный веб стал настолько дерьмом, что я почти им не пользуюсь. Форумы и хабр — другое дело.
bel1k0v
07.10.2023 17:51+6Как на php не пиши, а всё равно форум получится (phpBB)
AVX
07.10.2023 17:51+4А разве это плохо? Большая часть современных сайтов и даже мессенджеров (привет, дискорд, пачка и куча остальных) на самом деле и есть форумы, хреновые форумы, даже по сравнению с phpbb3.
bel1k0v
07.10.2023 17:51+1Это точно не плохо. Всё новое - хорошо забытое старое, да и вы и сами всё знаете ;)
Nasreddin_Hodja
07.10.2023 17:51+5Точнее пользователи пытаются заменить ими форумы, но они для этого плохо подходят. Классические форумы это возможность выбрать интересный тебе тематический раздел, пройтись по определённым темам, прокомментировать когда хочешь, вернуться хоть через неделю, прочитать ответы и опять ответить. Бывает что треды вообще живут годами.
А в чатах надо зависать постоянно и следить за потоком болтовни в один поток, после завтра там комментировать что-то уже не актуально, тема давно сменилась, да и скроллить в поисках позавчерашней дискуссии такое себе занятие. Обычно контингент в чатах не заморачивается и поднимает тему заново и находятся даже те кому не лень отвечать ещё раз одно и тоже.
AVX
07.10.2023 17:51+1Да вот как в мессенджеры внедрили треды, многие начали пытаться использовать их прямо как темы (topics) в форумах. Но управлять этим всем там крайне мало возможностей, нет модерации, и т.д. В каких-то ограниченных ситуациях это можно применять, но всё равно не то. Разве что для обнаружения изменений не надо обновлять страницу, как в браузере при просмотре форума - в мессенджере сразу это (на то он и мессенджер).
Rampages
07.10.2023 17:51+3Ну там типо "живое общение". Хотя согласен очень неудобно там вести диалоги в старых ветках, так как туда ответят только те, кого упомянешь через @ , жаль не везде в мессенджерах еще реализовано @ everyone или другие mentions по группам/ролям.
Вообще из чатов до сих пор актуален IRC, его до сих пор не переплюнули по функционалу на мой взгляд.
Есть всякие своременные форумные движки типо Discourse, которые оптимизированы в том числе под мобилки, но что-то мне не привычен интерфейс и навигация в них, в отличие от старых добрых IPB, vBulletin, phpBB, XenForo.
Nasreddin_Hodja
07.10.2023 17:51+1Discourse зачем-то бесконечный скроллинг использует вместо пагинации. Остальное можно стерпеть, даже излишне перегруженный скриптами фронт.
Areso
07.10.2023 17:51+2У меня Хабр раньше тормозил только на телефоне.
Теперь еще и на ПК тормозит =(
ptr128
07.10.2023 17:51+6Мы привыкли к тому, что любую веб-страницу можно открыть с телефона или планшета и она будет отображаться в удобном для чтения виде.
Не знаю, кто это "мы", но я уже давно привык к тому, что просматривать любую веб-страницу с телефона или планшета просто так невозможно - от половины до трех четвертей экрана на ней будет занимать реклама.
Robastik
07.10.2023 17:51+3Надо постоянную рубрику сделать. Последнее время посыпались ягодки последствий Великой Релокации. Невозможные ранее вещи творятся в приложениях топовых брендов.
WST
07.10.2023 17:51+5Мне очень не нравится, когда визуально кажется, что страница уже прогрузилась, ты ведёшь свой палец к заветной кнопке, но в этот самый момент происходит перестроение контента, и тап пальцем прилетает уже в другой элемент, не в тот, в который изначально задумано.
Rampages
07.10.2023 17:51+2Да, вот этот "скачущий" контент с плейсхолдерами, который вроде как должны помочь сориентироваться на странице до полной загрузки... хочешь тыкнуть в переход на следующую страницу, а попадаешь в баннер... еще хорошо если баннер ведет на какой-то нормальный сайт без предложений добавить событие в календарь и постоянно всплывающих уведомлений блокирующих интерфейс.
Вообще еще обидно за статистику, то есть алгоритм решил, что я интересуюсь серверами из-за того что я мисстапнул по баннеру, далее он мне уже на других сайтах опять будет подсовывать эту рекламу, тратить деньги рекламодателя за показы неправильной аудитории)
Didimus
07.10.2023 17:51+3Вот объясните, зачем на хабре 12 статей в новостях разбиты на 4 страницы (или сколько их там?). Это как-то способствует просмотру рекламы или бережёт мой процессор от воспламенится?
Rampages
07.10.2023 17:51+7Плавающие кнопки чатов, меню и прочая нечисть в правом нижнем углу в мобильных сайтах это просто бесящая нечисть, бывает что они не скейлятся и занимают значительную часть экрана или любят открываться с вопросом помочь при переходе на каждый подраздел меню сайта... а если на сайте еще включена баннерная реклама у которой [X] появляется через N секунд, то это просто комбо! При этом еще сайт может пытаться получить возможность отправлять вам уведомления... Сюда же можно отнести постоянные просьбы залогиниться по событию привязанные к скроллу или другим событиям, для которых не требуется аутентификация.
В Chrome на iOS (другими браузерами не так активно пользуюсь и не проверял) у меня постоянно бывают проблемы с открытием новых вкладок, точнее контекстного меню, например тыкаешь пальцем на объект и удерживаешь (при одиночном тапе на этот объект происходит переход на новую страницу или загрузка обверлея поверх текущей), а вместо всплывающего контекстного меню с вариантами "открыть в новой вкладке" и прочее ничего не происходит и хром приклеивает объект к пальцу и добавляет зеленый кружок с (+) вначале, а если отпустить у вас текущая страница перейдет по ссылке. Очень напоминает перетаскивание ссылок на Desktop версии, когда пытаешься выделить текст внутри ссылки, а он перетаскивается (как же я скучаю по старой Opera, в которой можно было это отключить без всяких расширений и костылей). Короче приходится копировать ссылку текущей странице, добавлять новый таб, переходить по ссылке, переключаться обратно на скопированную и тапать для перехода по ссылке... вообще бесит жутко... и тут как на компе с мышкой не получится...
Мобильные версии сайтов не оптимизированы под узкий и медленный канал, а также все эти обилия дизайнерских полетов фантазий с анимациями, переходами, плавными скроллингами и прочей фигней, заставляющей тормозить телефоны последних моделей... Также часто текст бывает слишком мелким, без возможности масштабирования, при этом еще и шрифт неудачный, который сложнее читается в мелком кегле. Не люблю когда тянут какую-то тяжелую JS библиотеку только ради 1-го не очень важного события на странице, без которого можно обойтись.
Не отменяемые действия по голосованию или оценке статей, комментариев и прочее или отсутствие возможности исправить отправленное сообщение/комментарий, на телефоне пытаясь прокрутить экран можно мисстапнуть по отрицательной оценке для статьи к примеру или может произойти другой инцедент и невозможность его отменить или исправить может вызывать негативное отношение к сайту.
Запреты на открытие контекстного меню для копирования текста, картинок или других действий, добавление к скопированному тексту ссылок и других текстов с рекламой/копироайтом.
Дизайн всплывающих элементов, который подразумевает вертикальную прокрутку этих элементов. Это отдельная боль, когда делают меню которое слишком большое и когда пытаешься его сроллить. но скроллится сайт или наоборот, в общем ситуации когда вертикальный скролл в вертикальном скролле... или другой скролл, который при попытке получить доступ к контенту мешает это делать.
Меню в мобильной версии и декстопной может отличаться по наполнению пунктами и возможностями.
Многие онлайн магазине даже на Desktop плохо работают с фильтрами, особенно когда пытаются обновлять список товаров динамически, когда пользователь еще не успел проставить все необходимые ему фильтры, на Desktop это еще оправдано, так как там видно список товаров и фильтры, но на мобильных экранах список фильтров зачастую представляет оверлей, который закрывает список товаров и обновлять список после каждого тапа, который даже не видно... ну это бред же...
Это я еще не самый ярый пользователь телефонов и накидал, то что успел вспомнить в короткий промежуток времени... может еще чего допишу потом ниже...
Newbilius
07.10.2023 17:51+5В адский дизайн для мобилок добавлю рядом стоящие кнопки противоположных действий с невозможностью их отмены. Например на Хабре - оценки под комментариями, рядом плюс и минус, промахнуться легко, отменить оценку - невозможно. @Boomburum, ну доколе?)
MaFrance351
07.10.2023 17:51+1Аналогично — нет подтверждения отклонения комментариев. Я так случайно снёс у кого-то, зайдя на сайт с телефона...
Litvinov_Serge
07.10.2023 17:51+3Я иногда делаю на своих мобильных сайтах появляющуюся по обратному скроллу шапку – это мне кажется привычной для пользователя механикой. Но чтобы не бесить людей шапка появляется, во-первых, не сразу – для этого нужно проскроллить вверх какое-то расстояние на случай, если пользователь просто хочет перечитать предыдущие строки текста; а, во-вторых, шапка не падает сверху рывком, закрывающим верхние строки, а появляется плавно, со скоростью скролла. Это мне кажется разумным компромиссом.
diakin
Случайный тап - это наше все!
Не, ну еще когда после случайного тапа все зависает, и непонятно что происходит, потому что что-то начинает грузиться, но никто об этом не говорит. Хрен ты с ним, пусть бы хоть всплывающее сообщение показывалось - "Загружается страница такая-то. Отменить?".
Включаешь телефон, открываешь браузер, там страница из кэша. Казалось бы норм, но нет она тут же начинает обновляться - то есть белый фон экрана и все висит, пока не прогрузится.
V_Scalar
Нижние панели раздражают когда они на сайте и в браузере в 3 слоя всплывают.
Но ещё более раздражает удручает дёрганная прокрутка комментариев на некоторых сайтах, как будто мощности процессора не хватает. Допустим 4пда и дзен прокрутка идеально плавная, возможно потому что страница полностью сформирована вместе с комментариями. На военном обозрении комментарии тормозят прокрутку, если сильнее крутнуть то видны пустые блоки для комментариев, на Хабре комментарии тоже скрол дёрганный. Может быть это опера виновата потому что в древнем браузере такого эффекта нет