27 октября 2009
Запись из категории 'Дизайн'

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

Все мы знаем, что когда делаем дизайн сайту, нужно проверять его в разных браузерах – по крайне мере в трех: 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, поскольку остальные пиксели в браузере “съедает” вертикальная полоса прокрутки.

Комментируемые статьи


Комментарии:
7 комментариев к записи "Тестирование дизайна сайта"
Сергей оставил(а) комментарий 28 октября 2009 в 13:45 #

Маладца! Так держать! Главное про Chrome не забывай и Safari, у меня например это 20% и 8% посетителей соответственно.


Dashline оставил(а) комментарий 28 октября 2009 в 14:36 #

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


Олли оставил(а) комментарий 1 ноября 2009 в 20:48 #

Кстати да, пойду проверю. Спасибо, что напомнила! А то я всё на Лисе, да на Лисе :)


Виктория оставил(а) комментарий 2 ноября 2009 в 11:51 #

Я часто забываю про другие браузеры. Пользуюсь в основном Explorerом 8


AlexShebanov оставил(а) комментарий 11 ноября 2009 в 12:47 #

Тоже иногда забываю проверить как выглядит сайт в других браузерах. Причем так как сейчас на всех сайтах использую вордпресс, и всегда был уверен что темы для вордпресс все правильно оптимизированы. Однако я ошибался и скачав несколько новых тем с офсайта – перевел на русский язык – залил на хост- настроил. А оказалось что в IE сайдбары поплыли. С тех пор проверяю все новые темы во всех браузерах.


LadyElena оставил(а) комментарий 16 ноября 2009 в 14:14 #

Спасибо за информацию. Проверила свой сайт, а оказывается он с ИЕ совсем не дружит :( . Вот и ещё одна задача нарисовалась, пошла её решать.


Пятигорец оставил(а) комментарий 20 апреля 2010 в 16:33 #

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


Поговорите со мной

Имя: 
E-mail: 
Ваш вебсайт (если есть): 
Правила комментирования
Комментарий: