Тестирование дизайна сайта

Мультибраузерность

Все мы знаем, что когда делаем дизайн сайту, нужно проверять его в разных браузерах – по крайне мере в трех: Mozilla Firefox, Opera и Internet Explorer. Для меня это всегда было очевидно, но мой основной браузер – это Файерфокс, а в другие два я заглядывать иногда забываю.

Зато когда наконец туда прихожу, оказывается, что в них:

► цветовая гамма ужасна и отличается от задуманной (у меня так было с одним сайтом, когда в Firefox все было замечательно, а в IE цвет шапки и фона ощутимо отличались);

► странная и причудливая разметка страницы (если Firefox занимается “экстрасенсорикой”, то есть пытается буквально угадать ваши намерения, то IE и Opera не будут ничего до вас додумывать, если вы о чем-то промолчали и не дописали в css);

► иероглифы на месте тизерной рекламы (а это вообще бывает сплошь и рядом).

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

Еще один полезный сервис, который позволяет довольно быстро просмотреть сайт в разных версиях IE. Как известно, «ослик» — самый непредсказуемый и капризный браузер. Если даже в своей версии Internet Explorer  вы увидели, что с сайтом все хорошо, у пользователей более ранних версий все может выглядеть далеко от оригинала. Проверьте, какими версиями браузера пользуются большинство ваших посетителей.

Тестирования для разных разрешений

Какой у вас дисплей? Широкоформатный? А разрешение?

У меня 1280Х800, а еще какой-то год назад были совсем другие параметры и монитор поквадратнее. Но я благополучно об этом забыла. И очень зря. Потому что просматривая статистику, я очень редко заглядываю в такой “бесполезный” пункт как “разрешение дисплеев” (конечно же меня посещалка больше волнует 🙂 ).

Заходим туда и видим, что большинство посетителей (около 30%) выходят в интернет с разрешением 1024Х768. А это означает, что сижу я тут, свои сайты по ширине оптимизируя под 1280Х800, а посетители приходят с более узким своим разрешением и видят вместо полной страницы сайта только ее часть и нижнюю полосу прокрутки.

А я потом удивляюсь, что на некоторых сайтах по рекламе совсем не кликают.

Можете протестировать свой сайт, меняя настройки расширения у компьютера. А можно опять же делать через онлайновый сервис ViewLike.

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

PS: Для интересующихся сообщаю, что эмпирическим путем была установлена максимальная ширина картинки в шапке сайта (ориентированная на разрешение 1024Х768). И равна она на 1024, как можно было бы подумать, а 1005, поскольку остальные пиксели в браузере “съедает” вертикальная полоса прокрутки.