Отправляет email-рассылки с помощью сервиса Sendsay

Заметки Дизайнера

  Все выпуски  

Заметки Дизайнера Публичное обсуждение : Gazeta.ru


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

заметки дизайнера

http://come.to/zametki                [25/11/2000] Выпуск 16


Публичное обсуждение : Gazeta.ru



Сегодня - первая заметка, посвященная обсуждению разных сайтов. В качестве "затравки" я специально взял общеизвестный сайт, но в следующий раз вам придется смотреть на что-нибудь менее популярное в русском (или "аглицком") Интернете.

Для начала, отзывы читателей, и после них - мое мнение. В конце - оценки и вердикт.


1. Дизайн

...Вопросов не возникло - из экранного пространства извлечено максимум пользы. Что не пиксел - то заголовок, привлекающая внимание фотография, или же абзац статьи. Крайне четкая разбивка на прямоугольники, и ничего лишнего - чем-то напоминает суровую обложку лебедевского Design.ru ;-).


Первое, что бросается в глаза, -это "пестрость". Цвет разбросан по всей странице (я все время пишу о первой)... Понятно, что без баннеров не обойтись, но рассмотрите следующий вариант: Всю баннерно-цветную часть расположите в одну колонку. Она почти так и сделана, но вперемешку с информационными имиджами.

Сократите количество имиджей на первой странице, а если некоторые убрать нельзя, то уменьшите их размер и сделайте их одинаковыми (или почти одинаковыми). Это очень удачно сделано в центральной колонке под рубрикой "СЕГОДНЯ В ГАЗЕТЕ". Малый имидж одного размера (50х50) и текст.

Во всех левых и правых колонках, где расположено типа "Мавзолей Ленина закрыт" и т.п. я бы не делал разные имиджи, а для всех один и тот же (типа галочки, закорючки, глаза, кружочка или любое другое, но одно и тоже). Тогда загрузка стр. будет почти мгновенной, а когда по ссылке на след. стр., то там и имидж необходимый.


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


Тут тоже все очень дюже радует взгляд :). То, что доминируют серые тона - главное достоинство, серый отлично гармонирует с порядком задолбавшим (но, понятно, незаменимым, для новостных и прочих информативных сайтов) белым. Кроме того - какой еще основной тон выбрать для сайта представляющим из себя полноценную Gazet'у ?

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

Несколько... эээ... грязновато что ли?... неопрятно?... смотрится отличающийся от основного (206;207;206) светло-серого цвета фон верхних (получается - основных) заголовков и (231;227;231) правой колонки, но это уже вроде бы претензии из разряда "зажрался" :-)).


1. Шрифт заголовков то ли очень жирный, то ли надо подобрать другое начертание (кегль и гарнитура, если не ошибаюсь :-|. Не вписываются эти буквища в холодный но мягкий дизайн.

Хочется отметить, что холодный и мягкий дизайн гораздо ближе нежели резкий на Ленте.Ру.


MaxVT:
по дизайну -- нечего возразить... Просто хорошо сделано. Дизайн не "блестит и сверкает", а делает свое дело. Покидаю камешки в разделе "Верстка" :)


2. Верстка

У меня-то я считаю нормально, засек специально 260к за 1.5 мин. Имиджей на 189к из 59 шт. :(( HTML -69к. Однако, на мой "юзерный" взгляд (а в газету я заглядываю в основном за информацией больше, чем за картинками) многоват вес первой страницы, особенно все увеличивают его анима-гифы.


Много типографических ошибок. Неправильное оформление длинного тире, кавычек "куриные лапки", · и пр. Это, на самом деле не очень принципиально до тех пор пока контент рассчитан для Видовс. Но для такого проекта отмахиваться от пользователей Юникс не следовало бы.

Сайт генерится динамически их баз данных. И писатели кода не очень заботятся о красивости и читабельности получаемого кода. В коде видны комментарии, куча разрывов в тексте. Теги внутри строковых переменных (например в ALT, META) и внутри тегов-контейнеров (TITLE).


Ширина 780 пикселей, что немного непривычно (многовато...) для сайтов подобного рода, но, присмотревшись, становиться понятно, что в случае разрешения 640 пикселей, "теряется" только крайняя правая колонка, не несущая особой смысловой нагрузки (в нее вынесены заголовки, баннеры, и т.п.)...


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


MaxVT:
Итак, в первую очередь размер. 220 К - это очень много для сайта новостей (правда, вытянулось за 59 секунд). Все таки в основном туда приходят не журнал читать, а посмотреть свежие новости... И ждать для этого минуту - это очень много. Куда делись рекомендации ограничиться 50-70К для первой страницы?

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

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


3. Навигация

Не очень. Впрочем, к навигации надо привыкнуть, может потому и так. Не сразу и бросаются в глаза. По рубрикам, типа Политика, Финансы и т.п. -аналогично.


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


В хидере и футере очень аккуратно вписались разделы сервера (газеты) - а что произойдет, если добавится еще какой-нибудь другой раздел. Появится вторая строка или в теге таблицы вместо 780 появится 1000? Дело в том, что появление второй полосы с надписями другой длины (Евро2000) и с другим фоном создает ощущение беспорядка.


MaxVT:
И мне нравится :). В разделе "Автомобили", правда, есть раздел, который оформлен как "резюме" статьи, но никуда не ведет (то есть сам себе статья). Кликаю - и не понимаю, почему не переходит никуда? Непорядок.


4. Итоги

Цитата из письма: "Мне очень понравилось. А ошибки 404 так вообще красивее не видел :). Все мои высказывания можно отнести как придирки. То, на что в своем проекте внимания не обратил бы тут видишь. Хотя, у каждого своя паранойя." Точнее и не скажешь.

Что надо улучшить? В первую очередь - размер. Я бы посоветовал "Газете" сделать еще одну точку входа, с минимумом графики и тем же содержанием текста, килобайт на 70-80, не больше - примерно как cуществуют yandex.ru и ya.ru.

Ваши оценки:

Дизайн и верстка
                   
9
Содержание
                   
 10 
Скорость загрузки 
                   
4
Навигация
                   
8

Выскажите свое мнение
Добавьте комментарий

5. Результаты голосования

По результатам голосования следующая заметка:

Блочный дизайн: варианты реализации

Всего проголосовало 510 подписчиков (4.6% от 11000) - опять выходит примерно 5% активных... Это, наверное, не случайно :) Интересно было бы узнать статистику других рассылок... Еще хотелось бы отметить довольно ровное распределение голосов - по 30% на первые 3 варианта и всего 10% на последний.

Но придется писать скрипт для обработки голосов... За первые два дня после выпуска я получил 350 писем с голосами... Замучался сортировать :)

Иероглифы
142
28%
Блочный дизайн
168
33%
CSS нам поможет
136
27%
Обмен ссылками
64
12%

Ну что сказать... Я сел писать PHP, отлаживать JavaScript и переключать разрешения монитора...

По-прежнему, в связи с тем, что я не знаю ASP -- возьмется ли кто-нибудь перевести мой PHP на ASP для тех читателей, которые пользуются именно им? Благодарность от всех читателей, место для ссылки и © гарантируется :)


SAMAKIN. Рекламная сеть 470х70
SAMAKIN. Рекламная сеть 470х70

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

Внимание! Любое письмо, пришедшее мне, может быть опубликовано (вместе с e-mail адресом
автора) . Если вы не хотите публикации вашего письма, пометьте его как личное,
например добавив [private] в заголовок письма.

C нетерпением жду комментариев. Ваш MaxVT.



http://subscribe.ru/
E-mail: ask@subscribe.ru

В избранное