Метки

Посты:  Все
.6/.6к; 71-623; 740.4; 81-760; alstom; siemens; автобус; апл; архитектура; аэроэкспресс; белкоммунмаш; вагонмаш; вестибюль; видео; выделенные полосы; выставка; гаев; генплан; день рождения; депо; дептранс; дизайн; документальный фильм; дороги; дтис; жд; закрытие; зябликово; иванов; изменения; именной; иностранный пс в снг; интервью; испытания; история; казань; киев; кичеджи; конкурс; конфликт; лдл; лиаз; лондон; маз; метровагонмаш; метровагоны; метрогипротранс; метроремонт; метрострой; мжд; минск; митино; монорельс; мосгортранс; музей; мякинино; низкопольный; ограничения; оплата проезда; опять эти маршрутки; парад; париж; переименования; пермь; питер; пожар; поток сознания; праздник; пресс-конференция; проекты; прожекты; происшествия; птмз; пуск; реклама; реконструкция; ремонт; рендеры; ретро; ржд; русич; сапсан; скоростной трамвай; скоростные поезда; собянин; спутник; строгино; строительство; схема; трамвай; трансмашхолдинг; транспортные решения; троллейбус; уквз; украина; шипиловская; шумаков; электрички; эскалаторы; юбилей

Что меня бесит в современных сайтах

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


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

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


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

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

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


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

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

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


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

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

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

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


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

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

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

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


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

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


Тормоза

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


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

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

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

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


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

Без комментариев.
28
Написал quantum, 2016.05.27 17:50:24

Как сделать новый Метроблог

Метроблог задумывался и создавался в то время, когда люди ходили с кнопочными сотовыми телефонами, ВКонтакте только появился и был чисто питерской тусовкой, а новости по транспортной тематике приходилось буквально добывать из разных несвязанных источников. Делал я его в первую очередь для себя любимого — чтобы всегда быть в курсе всего, не прилагая никаких усилий. Идеально.

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

Ура, у сапожника дошли руки до собственных сапог — будем делать новый Метроблог! Начинаем со списка известных болезней, чтобы понимать, куда нам двигаться:

— Неприлично устаревший движок допотопных форумных времён;

— Неприличная в 2016 году табличная вёрстка (это вообще легально?);

— Кодировка Windows-1251 (seriously?);

— Неконсистентность (к примеру, лента и страница поста живут в разных скриптах с вообще разной вёрсткой);

— Отсутствие адаптивности (в век победы смартфонов и планшетов, ку-ку);

— Нулевая интеграция с соцсетями (ну, их тогда просто не было);

— Неудобная доставка контента (только RSS);

— Дизайн стоило бы освежить;

В следующих сериях буду знакомить вас с новым движком и подробно останавливаться на отдельных приятных фишечках. Будет чисто и удобно!
43
Написал quantum, 2016.05.16 17:45:23


Пишите письма: metronews@mail.ru