April 12th, 2009

iblard my home

Замечания к сайту tartandreams.ru

Layout



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

Посмотрите: на скриншоте внизу видна где-то одна восьмая часть прокручиваемой части, причем ее середина, однако полоса прокрутки показывает, что мы находимся в конце страницы, причем видим ее почти целиком.

Меню слева доминирует - 1/3 от ширины текста. Эффект усиливается за счет того, что поля у панели кнопок сравнительно больше, чем у панели с текстом. К тому же, текст на кнопках крупнее любого заголовка в основном поле.

А вот как он же выглядит на рабочем мониторе:

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

Я бы предложил отказаться от div с собственной прокруткой, сделать текст на всю высоту страницы. При этом страница будет эффективно показываться на любом разрешении.

Графика


На первой странице прекрасная иллюстрация:

но она же, как видно, делает совершенно нечитаемым текст. Фон стоит сделать более бледным или отказаться от пересечения текста и фона.

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

Синтаксические ошибки


Валидатор разметки выдает для первой страницы 30 штук, http://validator.w3.org/check?uri=http%3A%2F%2Ftartandreams.ru%2F&charset=windows-1251&doctype=HTML+4.01+Transitional&group=1&user-agent=W3C_Validator%2F1.654
Насколько я могу понять, из них серъезными являются только не закрытые div'ы и отсутствие alt в картинках (попробуйте загрузить сайт с выключенной графикой - подсказок для навигации не остается).