Previous Entry Поделиться Next Entry
Что меня бесит в современных сайтах
ЗИС
quantum
Напоминаю, что скоро будет новый Метроблог. Пока идёт работа над движком, хочу рассказать о том, что реально раздражает во многих сегодняшних сайтах — это те ошибки, которых я целенаправленно буду избегать.


Неконсистентность (гуляющее расположение одних и тех же элементов в зависимости от хз чего)

Например, Гугл вообще над юзерами прикалывается:


(разные поисковые запросы дают разное расположение разделов)

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

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


Убогая работа с формами

Человечество изобрело HTML5 много лет назад, а в 2014 году даже официально утвердило. Первое и главное, что нужно было всем в мире взять из этого стандарта — новые возможности элементов форм.

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


Планшетизация вместо адаптивности

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

На десктопы сейчас вообще почему-то всем плевать, хотя их доля немаленькая и как минимум по человекочасам уж точно снижаться не будет. При этом мы повсюду видим примеры типа провального нового Кинопоиска, где на 30-дюймовом мониторе получилось меньше полезной информации, чем раньше помещалось на обычном 19-дюймовом офиснике.

Разумеется, на планшетах и смартфонах вёрстку надо жёстко упрощать, но десктопные пользователи от этого никак страдать не должны.


Шапки-трансформеры, мешающие скроллу, кнопка «наверх» и прочее дерьмо

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

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

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


Меню-гамбургер

Гамбургеры — это ужас и кошмар, они не нужны нигде.


Тормоза

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


Страница меняется в процессе загрузки

Этот пункт перекликается с предыдущим. Каждый второй сайт от момента, когда он показался в окне (DOMContentLoaded) до момента окончательной загрузки (даже не onload, а после всей рекламы — на это, кстати, события нет вообще) меняется до неузнаваемости: веб-шрифты, скачущие туда-сюда блоки, скриптовые элементы и скриптовая адаптивная вёрстка (а за эту дрянь надо вообще массовые казни вводить). Если есть свободная минутка-другая, то можно и подождать, но если сразу начинаешь прокручивать вниз или ссылка была с якорем (#), то испытываешь боль.

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

Универсальное правило для разрабов: от перехода по ссылке до показа всего текста с устаканившейся вёрсткой должно пройти 2-3 секунды. Если больше, значит вы что-то делаете не так.


Пагубное пристрастие к фото-каруселькам и прочей анимации

Без комментариев.

?

Log in