Верхний пост
ЗИС
quantum

Неопубликованное
ЗИС
quantum
2015 год
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


Неудачная революция на Арбатской площади
ЗИС
quantum
Идея была благая: убрать вечный затык на съезде с Нового Арбата на Гоголевский бульвар и ускорить автобус Т2. Но реализация, как это часто бывает у ЦОДДа, оказалась совершенно невменяемой.

Итак, с 28 августа съезд действует только для автобусов, а для машин сделан отдельный поворот за тоннелем. На Новом Арбате появился вечнозелёный светофор «только прямо» с Т-образным блоком для маршрутных транспортных средств, ещё один новый светофор сделали на повороте со Знаменки на Гоголевский бульвар и третий — при выезде из тоннеля.

Выглядит это так:
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


Парад автобусов
ЗИС
quantum
Всё как всегда, меньше слов — больше фоточек. Прошлые автобусопарады: 1 и 2 (они недурные, пересмотрите).
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


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


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

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


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

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

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


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

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

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


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

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

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

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


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

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

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

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


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

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


Тормоза

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

В следующих сериях буду знакомить вас с новым движком и подробно останавливаться на отдельных приятных фишечках. Будет чисто и удобно!


Метки:

#Мосметро #81год #парадпоездов
ЗИС
quantum
Как вы помните, на прошлогодний юбилей в Московском метро пускали парад поездов и открывали выставку исторических вагонов на «Партизанской». Сегодня всё повторилось, но с изменениями: поезд из двух вагонов типа А в этот раз приехал символически открывать парад, после чего укатил в депо. Выставка будет проходить без него, зато не два дня, а целую неделю — до 22 мая.
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


Оперный концерт в Московском метро
ЗИС
quantum
Это уже шестой мой концерт на «Кропоткинской», котятки (1, 2, 3, 4-5). Этой ночью была опера «Сельская честь» Пьетро Масканьи. Мероприятие по сравнению с прошлыми разами вышло людным: хор с оркестром, 25 телекамер и добрая сотня человек прочей прессы, несколько сотен зрителей.

Подписи к фото почти не требуются, и так всё понятно.
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


Над квартирой авиация пролетела
ЗИС
quantum
Знаю, что баян.
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


Дождь, снег и трамвайный парад
ЗИС
quantum
Погода была ужасная, трамваи были прекрасные. Переменчивая весна попыталась испортить москвичам трамвайный праздник, но у неё ничего не вышло — люди оделись потеплее, вооружились зонтами, и всё равно пришли на Чистые пруды, потому что старые трамваи классные!
Смотреть!Свернуть )
Подписывайтесь, котятки:
ЖЖ | Instagram | Twitter


?

Log in