Пока идёт работа над движком, хочу рассказать о том, что реально раздражает во многих сегодняшних сайтах — это те ошибки, которых я целенаправленно буду избегать.
Неконсистентность (гуляющее расположение одних и тех же элементов в зависимости от хз чего)
Например, Гугл вообще над юзерами прикалывается:
(разные поисковые запросы дают разное расположение разделов)
Картинки я обычно ищу так: вбиваю что-то прямо в адресную строку (у меня по умолчанию там гугловский поиск — как у большинства людей, но только американский, он лучше), дальше не глядя тыкаю во вторую слева ссылку. Иногда — сюрприз! — открываются не картинки. Так происходит потому, что где-то там далеко в Кремниевой долине маркетологи победили программистов и здравый смысл, ведь это повышает конверсию среди необразованных слоёв населения на сколько-то там процентов!
Котятки, мне плевать на конверсию, я всегда горой стою за удобство.
Убогая работа с формами
Человечество изобрело HTML5 много лет назад, а в 2014 году даже официально утвердило. Первое и главное, что нужно было всем в мире взять из этого стандарта — новые возможности элементов форм.
И при этом я регулярно натыкаюсь на формы, где не расставлены табиндексы (ребята, я понимаю, что ваша целевая аудитория переходит межу полями мышкой и набирает текст указательным пальцем правой руки, но вы хотя бы элементарно один раз могли собственное творение проверить на себе? это же так просто), где радио и чекбоксы не связаны с подписью (приходится прицеливаться), я уж не говорю разные типы полей ввода для тач-клавиатур (емейлы, логины, цифровые и т.д., на это вообще большинство забивает).
Планшетизация вместо адаптивности
Тут всё просто — когда приходит пора осовременить сайт, большинство компаний идут по пути «Давайте сделаем, чтобы сферической домохозяйке на айпаде было удобно!», после чего картинки и шрифт радикально укрупняются, между блоками появляются конские пробелы, множество полезных элементов куда-то бесследно исчезают.
На десктопы сейчас вообще почему-то всем плевать, хотя их доля немаленькая и как минимум по человекочасам уж точно снижаться не будет. При этом мы повсюду видим примеры типа провального нового Кинопоиска, где на 30-дюймовом мониторе получилось меньше полезной информации, чем раньше помещалось на обычном 19-дюймовом офиснике.
Разумеется, на планшетах и смартфонах вёрстку надо жёстко упрощать, но десктопные пользователи от этого никак страдать не должны.
Шапки-трансформеры, мешающие скроллу, кнопка «наверх» и прочее дерьмо
Во-первых, когда у тебя что-то на странице трансформируется в процессе скролла — это перехватывает внимание, что особенно бесит во время чтения. Всякие боковые блоки, которые то висят на месте, то едут дальше по собственной воле, а также внезапно всплывающая кнопка «наверх» из той же серии.
Во-вторых, скроллбар придуман, чтобы наглядно показывать какая часть страницы какой на самом деле длины, а приклеенные сверху шапки всё сбивают, отчего мозгу больно.
Если уж так невмоготу и хочется приклеенную шапку, то можно её приделать слева (как на Хабре), либо тогда верстать так, чтобы скролл был только в окошке с контентом, а не на всю высоту сайта. Это трудно, это требует мозгов и умения, но это очень важно.
Меню-гамбургер
Гамбургеры — это ужас и кошмар, они не нужны нигде.
Тормоза
Кажется, люди во всём мире разучились делать простые и быстрые сайты. Всё теперь долго откликается, долго показывается и ещё дольше грузится. Пятимегабайтная страница, обвешанная скриптами аки джунгли лианами? Легко! В то время как интернет у большинства паршивый, а устройства слабенькие. Парадокс.
Страница меняется в процессе загрузки
Этот пункт перекликается с предыдущим. Каждый второй сайт от момента, когда он показался в окне (DOMContentLoaded) до момента окончательной загрузки (даже не onload, а после всей рекламы — на это, кстати, события нет вообще) меняется до неузнаваемости: веб-шрифты, скачущие туда-сюда блоки, скриптовые элементы и скриптовая адаптивная вёрстка (а за эту дрянь надо вообще массовые казни вводить). Если есть свободная минутка-другая, то можно и подождать, но если сразу начинаешь прокручивать вниз или ссылка была с якорем (#), то испытываешь боль.
Некоторые блаженные идиоты подходят к этой проблеме весьма креативно — просто накрывают весь экран огромным прелоадером. Хер вам, а не контент, дорогие посетители, ждите пока вся требуха подоспеет.
Универсальное правило для разрабов: от перехода по ссылке до показа всего текста с устаканившейся вёрсткой должно пройти 2-3 секунды. Если больше, значит вы что-то делаете не так.
Пагубное пристрастие к фото-каруселькам и прочей анимации
Всё именно так. Полностью разделяю такую точку зрения, особенно про ссыки с якорем! Будем ждать результат. Большое спасибо за старания.
Кстати, на главной уже немного изменился дизайн, ведь так?
Все верно подметил. Планшетизация - это вообще бич. В результате получаем не просто конские пробелы и огромные размеры шрифта, но и то, что на новой версии сайта часто просто "сокращают" "ненужную" информацию. Причем эта "ненужность" определяется маркетологом по уровню среднестатистического дебила.
Табы... ну это проблема не только сайтов. Сейчас дофига и десктопных приложений, где на это болт положили. Лучше всего за этим следят в корпоративных системах с интенсивным операторским вводом, где пользователи работают преимущественно клавиатурой, т.к. это быстрее.
Domo, описанное здесь - в основном не проблема квалификации.
Беды отрасли в низкой в среднем квалификации нет. Это следствие многолетней борьбы за снижение трудоемкости и себестоимости, которое сделало возможным склепать средненький сайт обезьяне за минимальное время, клацая мышкой в CMSке.
A.K., часто просто "сокращают" "ненужную" информацию.
Это особенно бесит когда у человека большой монитор как у мня (24 дюйма, разрешение: 1920x1200 пикс.) У меня ВСЕ сайтзанмают в лучшем случае только половину экрана, а то и меньше. Бесит сильно.
"Давайте сделаем, чтобы сферической домохозяйке на айпаде было удобно!»
Причем видимо еще и слепой домохозяйке.
Шел 2017 год, пользуюсь планшетом на Windows 10, и вот умора но даже самые древние сайты легко тыкаются пальцами. Не говоря уж о софте заточенном под клаву и мышь, где тоже с пальцетыком проблем не возникает.
