А так ли безупречен ваш дизайн?

Так как Найкрис, наш единственный из 7-ки дизайнер, зарекся никогда не писать на этом блоге о чем-либо связанном с дизайном, я сам решил коснуться этой щекотливой темы.

Вот живет человек и кажется ему, что блог у него красивый, удобный, юзабилити по высшему разряду, а так ли это на самом деле? Может быть все замечательно только если запускать сайт со старенького ноутбука, используя браузер опера и обязательно в полнолуние… «Ну и что» — скажет владелец блога, — «мне и так нравится». А как же читатели, авторитет, удобство?

Как бы вы отнеслись к блогу, на котором шапка съехала вправо, контент влево, а статьи можно читать только, если выделять текст курсором? Я бы немедленно покинул этот сайт и ни под каким предлогом туда больше не приходил! Быть может, сайт отображается так плохо только в моем браузере и только при определенной конфигурации. Но мне-то откуда это знать?

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

Но что стоит проверять, прежде чем принимать работу дизайнера или верстальщика?

Поддержка наиболее распространенных браузеров

Это первое, на что обращает внимание даже самый неопытный и молодой блоггер. Проверить, как сайт смотрится в различных браузерах — дело 10 минут, а как потом будут благодарны вам ваши читатели. Особое внимание стоит уделить браузерам из семейства IE, в особенности 6 версии. По статистике, где-то треть ваших случайных посетителей пользуются этим раритетом.

Для большей наглядности в качестве примера приведу вам всеми любимый 7bloggers. Открываем сайт в IE6 и сразу же в глаза бросаются три ляпсуса:

1. Кнопка RSS стала синей (проблемы поддержки прозрачности в png изображениях)

2. Отступы не такие как в лисе. Некрасиво.

3. А сайдбар вообще куда-то уехал. Даже не попрощался! (:

Отображение отдельных элементов

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

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

Отключение Flash, JavaScript, картинок и так далее

Очень много людей пользуются банерорезками, кто-то отключает загрузку рисунков чтобы съэкономить на трафике, кто-то отключает JavaScript. У каждого человека может быть свой бзик. Проверьте отображение сайта хотя бы при наиболее распространненых ограничениях работы браузера. В данном случае пример приводить не буду, но уверен, что могу подловить наш сайт и подобных проблемах.

Если продолжать придираться к дизайну, то можно еще обсудить правильность и последовательность построения шаблона, правильность выбора элементов — все это, чтобы не опозориться в CSS Nuked Day. (:

Как видно, наш сайт не идеален. А так ли безупречен ваш дизайн? (;

P.S. Иллюстрация к статье любезно предоставлена автором dofollow блога инженера-дизайнера.

+ постовой за эрудицию получает блог ценной информации: авторские бизнес-идеи, обзоры стартапов, мошенничества и многое другое.