[fwoosh]

Насчет полосы вверху форума она такая вся... оранжевенькая, и чужеродно не смотрится только с оранжевым скином. Не хорошо.

[Ksandr Warfire]

Цитата

не нравится информационная лента, располагающаяся где-то сбоку

Я не понял, о чём ты?

Цитата

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

Т.е. увеличить разрыв между заголовком и основным текстом. Можно.

Цитата

плюс прокрутка как будто нападает на лого, что не смотрится и перегружает общую картину. может ее чуть вправо подвинуть? и сделать на пару миллиметров уже, ибо когда товар перебивает размером лого магазина - это как-то странно.

Ты счас про блоки меню слева? Предлагаешь сделать ширину этого столбца меньше?

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

Если что:
Полоса слева с заголовками, YuPlay, OZON и т.п. - называется вертикальные блоки меню.
Широкая часть - основная область или область контента.

Называя их так, ты значительно упростишь понимание. А то фиг его знает, что такое инфолента. То ли новости, то ли меню слева.
Добавлено[[mergetime]1269163912[/mergetime]]
2Алексей Серый:
Окей, подумаем.

[Darth ShaD]

1. Мб h1 заголовок оформить другим шрифтом?

Trebuchet MS 22px-25px выглядет намного лучше -



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



В общем я изменил размер шрифта, - до 13px у тех ссылок, которые в теге <b> / оживил их, - когда мышью подводишь, меняется цвет и полоска под ними становится сплошной.
Убрал у ссылок, которые в теге <i> наклон и добавил им полоски снизу, чтобы было сразу видно, что это ссылка, а не просто там какое-то описание и т.п.

В css'e - у вас там просто размер шрифта стоит, если добавить - line-height:25px; - можно увеличить меж строчный интервал, дабы на глаза не давала и была луче читаемость.

А в остальном все гуд, дракоша порадовал да )

[demer]

2ShaD:
Ммм, оригинально ты CSS картинкой выложил) Кинь текстом, что ли) А там если Славка одобрит, поменяем.

2Ksandr Warfire:
Разрыв увеличил.

[Darth ShaD]

2demer:
Да запросто, лови -

.tab {
	background-color: #f7efcd;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 13px;line-height:25px;
	color:#4b3024;
	padding: 3px;
	border: #9E6E48 1px solid;}

.tab a b, .tab2 a b {color:#632;border-bottom: #9E6E48 1px dashed;padding-bottom:2px;}

.tab a:hover b, .tab2 a:hover b {color:#a33;border-bottom: #AF8266 1px solid;padding-bottom:2px;}

.tab i, .tab2 i {font:12px/25px verdana;}

.tab i a, .tab2 i a {border-bottom: #AF8871 1px solid;}
.tab i a:hover, .tab2 i a:hover {border-bottom: #AF8871 1px dashed;color:#a33;}

.tab a:hover b, .tab2 a:hover b {color:#a33;border-bottom: #AF8266 1px solid;padding-bottom:2px;}

.tab2 {background-color: #e1d9b8;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 13px;line-height:25px;
	color:#4b3024;
	padding: 3px;
	border: #9E6E48 1px solid;
}

Но внедрить настоятельно рекомендую, поскольку разница ощутима, читается намного проще и легче.

[Almariel]

2Ksandr Warfire:

спасибо за подсказку ))
Mozilla Firefox, разрешение 1280х800


вертикальные блоки меню немного сдвинуть влево (возможно растянуть, чтобы под логитип попадало целиком), область контента немного сдвинуть и растянуть вправо.

про обложки дисков написано на изображении.

[Ksandr Warfire]

2ShaD:
А что, мне нравится. Спасибо за подсказку. Ещё предложения?
2demer:
Делай
2Almariel:
1,4 - у сайта фиксированная ширина. Он не разъезжается под любое разрешение экрана. Это сделано специально, потому что научно доказано, что взгляд фокусируется на ширину примерно 1000 пикселей. Если контент растягивать шире, то будет тяжело воспринимать.
2. За счёт чего предлагаешь его увеличить? Уменьшить логотип, уплотнить крутилку?
3. Кстати да. Правда смещено. Но если учитывать п.2, то придвигать стрелку вправо как раз ненужно. Достаточно будет уменьшить интервал между играми чуть-чуть и соответственно подвинуть чуть-чуть вправо левую стрелку.
5. Вопрос тот же, что в п.2 За счёт чего предлагаешь его увеличить? Сжать менюшные блоки?

[Almariel]

2Ksandr Warfire:

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

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

Сообщение отредактировал Almariel: 21 марта 2010 - 20:30

[Darth ShaD]

2Ksandr Warfire:
На днях еще пару идей закину, в плане переделки меню, и в плане повышения конверсии, т.е. непосредственно о том, как подать инфу об игре, чтоб у серфера потянулась рука к кнопке "купить".

Сейчас просто другие дела, а с этим надо снова в исходник лезть %

[Darth ShaD]

Цитата

Ещё предложения?

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

h2 {font-family : "Trebuchet MS", Arial, verdana, sans-serif;
font-size:20px;
font-weight:normal;
color:#743;
margin:0px 0px 5px 0px;
padding:0px;}

a h2 {color:#743;}
a:hover h2  {color:#921;}

Если запихнуть ссылки в h2 - <h2><a href="...">...</a></h2> (у вас сейчас наоборот - <a href="..."><h2>...</h2></a>) - можно будет добавить еще и полоску снизу у заголовков, - это кстати тоже позволяет усилить кликабельность, + будет сразу видно, что это ссылка.

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