Краш тест интернет-магазина М-Видео

Честно говоря, когда я открыл данный сайт, даже появилось желание поискать что-то еще: уж очень все гладко на первый взгляд. Затем я промотал страницу до подвала и появилась первая зацепка

Нижний тулбар

баг верстки мвидео

 

Если бы не красные пунктирные рамки от no-follow ссылок (для этого нужно устанавливать дополнительный плагин в браузер), это могло остаться незамеченным. Но, так как краш-тест данного сайта все же начался, пойдем до конца. К тому же, возможно, разработчики когда-нибудь доберутся до этого поста и пофиксят эти фишки. Поэтому с этого момента в краш-тесте будут присутствовать все косяки сайта, которые я смогу обнаружить за период 10-15 минут.

Ну так вот, спрятав этот черный блок, можно распознать, что же он от нас скрывает. Это пункты Обратная связь и Официальное уведомление, ну и плюс ко всему кусочек логотипа АКИТ также съеден данным тулбаром.

Меню каталога

Все, кто хоть раз был на сайте М-Видео, знает, как выглядит там меню

баг верстки мвидео

 

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

баг верстки мвидео

 

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

Верхний и нижний тулбар vs разрешение экрана

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

Здесь такого нет. Зато есть два зафиксированных тулбара: один сверху, второй внизу. И при ресайзе страницы довольно просто получить такую картину:

баг верстки мвидео

 

Я специально взял скрин с куском браузера, чтобы вы видели, что ползунки перемотаны максимально вправо-вниз. В левом верхнем углу ситуация аналогичная. Причина — данные тулбары жестко закреплены, то есть, при любых действиях со страницей они остаются на своих местах. Возможно, что при верстке данный вопрос просто не прорабатывался. Кто знает…

Слайдер

На страницах сайта есть слайдер. И всё бы хорошо, если бы не эти чудо-кнопки под ним

баг верстки мвидео

 

Да, при наведении вылезает подсказка с полным названием картинки, но выглядит как-то не очень.

Код

Порой на некоторых страницах встречаются элементы, где неверно прописаны комментарии или атрибут class указан дважды. Примерно таким образом: <div class=»class_1″ class=»class_2″>. Кто захочет проверить, найдет это без особого труда.

На этом краш-тест для интернет-магазина М-Видео завершен. За выделенные на сайт 15 минут удалось найти несколько косяков, но, даже несмотря на них, сайт работает отлично! И этого нельзя не признать.

Понравилась статья? Расскажи о ней друзьям!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *