Веб-дизайн в сравнении

Хакер, номер #020, стр. 020-032-1

Андрей Каролик (andrusha@sl.ru)

Я долго думал о несовершенстве мира и несправедливости по отношению к первопроходцам веба. И в конце концов родилась идея этой статьи об ошибках, которые чаще всего совершают при изготовлении собственной паги в Инете. Здесь я постараюсь наглядно показать, чего делать НЕ НАДО и как делать НЕ НАДО.

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

Пройдемся более детально по всем кривостям этой страницы.

Компоновка

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

Разрешение

Почему-то самым важным автор посчитал то, что каждый входящий должен увидеть надпись "1024х758 Оптимальное разрешение". Для начала, такого разрешения нет в природе :), а есть 1024х768. А потом я не понял, что автор собирался показывать на любом разрешении :). Если же твоя страничка имеет особенную компоновку, не позволяющую смотреть ее на любом разрешении, иногда разумно предупредить посетителя о том, что для просмотра желательно иметь определенное разрешение. Укажи это где-то внизу мелким шрифтом и очень ненавязчиво. Ведь в принципе просматривающий сам допрет до этого, если страничка не будет влезать на его экране. Но хорошим тоном считается делать пагу под любое разрешение, которое может быть у посетителя. То есть страничка должна одинаково смотреться на разных разрешениях, и при этом не должно искажаться графическое наполнение. Обычно для этого либо центрируют страничку, либо делают одну область с возможностью изменения по ширине без искажения, а остальные области фиксируют по ширине.

Баннеры

Тут на самом видном месте воткнут баннер. Зачем? Баннеропоказ изначально нужен только сайтам с очень большой посещаемостью, чтобы в дальнейшем за счет показов своих баннеров привлекать новых посетителей. И это простая математика. Возьмем тот же RLE (Russian Link Exchange). В RLE (www.linkexchange.ru) стандартный обмен 1 к 2, то есть при показе на твоем сайте 10-ти баннеров твой покажут 5 раз. А если при этом учесть, что ткнут только 5-10 раз из 1000 показов, то не сложно уловить, что твой баннер просто не заметят :). Соответственно, выставлять баннеры при маленькой аудитории паги просто нецелесообразно. Допустим, все же хитов на твоем сайте прилично, и ты хочешь поставить баннеры. Тогда выбери ОДНОГО баннеропоказчика (советую все тот же RLE), а сам баннер всегда размещай в самом низу странички. Тогда он не будет мозолить глаза посетителям, а тебе будут капать баннеропоказы. Если же тебе важны клики, а не показы, то размести его выше, но при этом постарайся его замаскировать под дизайн странички и сделать так, чтобы он не выделялся, но при этом дополнял внешний вид. К тому же надо учесть, что он каждый раз будет новый.

Содержание  Вперед на стр. 020-032-2

Выпуски журнала "Xakep"
Журнал Хакер. Содержание номера #001Журнал Хакер. Содержание номера #002Журнал Хакер. Содержание номера #003Журнал Хакер. Содержание номера #004Журнал Хакер. Содержание номера #005Журнал Хакер. Содержание номера #006Журнал Хакер. Содержание номера #007Журнал Хакер. Содержание номера #008Журнал Хакер. Содержание номера #009Журнал Хакер. Содержание номера #010Журнал Хакер. Содержание номера #011Журнал Хакер. Содержание номера #012Журнал Хакер. Содержание номера #013Журнал Хакер. Содержание номера #014Журнал Хакер. Содержание номера #015Журнал Хакер. Содержание номера #016Журнал Хакер. Содержание номера #017Журнал Хакер. Содержание номера #018Журнал Хакер. Содержание номера #019Журнал Хакер. Содержание номера #020Журнал Хакер. Содержание номера #021Журнал Хакер. Содержание номера #022Журнал Хакер. Содержание номера #023Журнал Хакер. Содержание номера #024Журнал Хакер. Содержание номера #025Журнал Хакер. Содержание номера #026Журнал Хакер. Содержание номера #027Журнал Хакер. Содержание номера #028Журнал Хакер. Содержание номера #029Журнал Хакер. Содержание номера #030Журнал Хакер. Содержание номера #031Журнал Хакер. Содержание номера #032Журнал Хакер. Содержание номера #033Журнал Хакер. Содержание номера #034Журнал Хакер. Содержание номера #035Журнал Хакер. Содержание номера #036Журнал Хакер. Содержание номера #037Журнал Хакер. Содержание номера #038Журнал Хакер. Содержание номера #039Журнал Хакер. Содержание номера #040Журнал Хакер. Содержание номера #041Журнал Хакер. Содержание номера #042Журнал Хакер. Содержание номера #043Журнал Хакер. Содержание номера #044Журнал Хакер. Содержание номера #045Журнал Хакер. Содержание номера #046Журнал Хакер. Содержание номера #047Журнал Хакер. Содержание номера #048Журнал Хакер. Содержание номера #049Журнал Хакер. Содержание номера #050Журнал Хакер. Содержание номера #051Журнал Хакер. Содержание номера #052Журнал Хакер. Содержание номера #053Журнал Хакер. Содержание номера #054Журнал Хакер. Содержание номера #055Журнал Хакер. Содержание номера #056Журнал Хакер. Содержание номера #057Журнал Хакер. Содержание номера #058Журнал Хакер. Содержание номера #059Журнал Хакер. Содержание номера #060Журнал Хакер. Содержание номера #061Журнал Хакер. Содержание номера #062Журнал Хакер. Содержание номера #063Журнал Хакер. Содержание номера #064Журнал Хакер. Содержание номера #065Журнал Хакер. Содержание номера #066Журнал Хакер. Содержание номера #067Журнал Хакер. Содержание номера #068Журнал Хакер. Содержание номера #069Журнал Хакер. Содержание номера #070Журнал Хакер. Содержание номера #071Журнал Хакер. Содержание номера #072Журнал Хакер. Содержание номера #073Журнал Хакер. Содержание номера #074Журнал Хакер. Содержание номера #075Журнал Хакер. Содержание номера #076Журнал Хакер. Содержание номера #077Журнал Хакер. Содержание номера #078Журнал Хакер. Содержание номера #079Журнал Хакер. Содержание номера #080Журнал Хакер. Содержание номера #081Журнал Хакер. Содержание номера #082Журнал Хакер. Содержание номера #083Журнал Хакер. Содержание номера #084Журнал Хакер. Содержание номера #085Журнал Хакер. Содержание номера #086Журнал Хакер. Содержание номера #087Журнал Хакер. Содержание номера #088Журнал Хакер. Содержание номера #089Журнал Хакер. Содержание номера #090Журнал Хакер. Содержание номера #091Журнал Хакер. Содержание номера #092Журнал Хакер. Содержание номера #093Журнал Хакер. Содержание номера #094Журнал Хакер. Содержание номера #095Журнал Хакер. Содержание номера #096Журнал Хакер. Содержание номера #097Журнал Хакер. Содержание номера #098Журнал Хакер. Содержание номера #099Журнал Хакер. Содержание номера #100Журнал Хакер. Содержание номера #101Журнал Хакер. Содержание номера #102Журнал Хакер. Содержание номера #103Журнал Хакер. Содержание номера #104Журнал Хакер. Содержание номера #105Журнал Хакер. Содержание номера #106Журнал Хакер. Содержание номера #107Журнал Хакер. Содержание номера #108Журнал Хакер. Содержание номера #109Журнал Хакер. Содержание номера #110Журнал Хакер. Содержание номера #111Журнал Хакер. Содержание номера #112Журнал Хакер. Содержание номера #113Журнал Хакер. Содержание номера #114