Мозговой штурм 3

← →
Nic © (2009-06-07 18:00) [0]

Друзья, добрый день :)
Продолжаю работу по запуску онлайн-СМИ, связанного с бизнесом и финансами.
Дизайнер замутил дизайн для expression engine. Вот хотелось бы выпустить его на общую критику. Здесь на форуме много классных спецов по web-дизайну, да и вообще полно умных людей. Хотелось бы услышать ваше мнение:
http://mybite.ru/bus/ <-- контента пока нет, там просто несколько текстов выставлены для примера. Хочется услышать критику именно по дизайну. Логотип, правда, пока не готов. Но это не так важно.

То что я сам вижу - надо привести в соответствие шрифты на главной страничке и в статьях. С другой стороны - с остальным вроде всё ок.

← →
Pavia © (2009-06-07 18:08) [1]

Ничем не выдающийся сайт. Всеравно по таким кроме роботов никто ни ходит.

← →
DVM © (2009-06-07 20:38) [2]

> Nic ©

Внешне вроде нормально. Только если там будет долго висеть неуникальный контент сайт попадет в бан.

← →
Nic © (2009-06-07 21:15) [3]

> DVM © (07.06.09 20:38) [2]

Это само собой. Контент дизайнер пихнул чтобы не было "лысо" и чтобы можно было посмотреть как оно выглядит на практике. Когда сайт перенесу на свой хостинг - контент будет исключительно свой.
Заметил проблему в IE съезжает дизайн немного.

← →
oldman © (2009-06-07 21:30) [4]

> Nic © (07.06.09 21:15) [3]
> Заметил проблему в IE съезжает дизайн немного.

Ну очень немного.
У меня IE. Съехало только на пару пикселей.

← →
Cerberus © (2009-06-07 21:46) [5]

Нормальный дизайнчик, для сайтов такого характера самое то(тоесть полное его отсутствие)))). Главное сделай качественное наполнение.

← →
Nic © (2009-06-07 21:51) [6]

> oldman © (07.06.09 21:30) [4]

у меня почему-то ИЕ 6 и ИЕ 7 дружно съехала строка поиска и ссылка слева от него вниз, а сами блоки тоже расползлись по вертикали, ощутимо. Вроде какая-то известная проблема с ИЕ :(

А вот все остальные браузеры от сафари, оперы и хрома, до файрфокса и сафари под макосью дружно всё нормально отображают.

> Cerberus © (07.06.09 21:46) [5]

Ага, контента будет много, поэтому дизайн более функционален. Из графики добавится только логотип.

← →
DVM © (2009-06-07 21:54) [7]

> Nic ©

Кстати вот как в разных браузерах смотрится. Я уже приводил ссылку на этот сайт, но мало ли, может пригодится:
http://browsershots.org/http://mybite.ru/bus/

← →
Германн © (2009-06-07 22:00) [8]

> Nic © (07.06.09 21:51) [6]
>
>

FF. Съехала вниз строка поиска и кнопка ПОИСК.

← →
Nic © (2009-06-07 22:02) [9]

> DVM © (07.06.09 21:54) [7]

Очень интересный сайт, спасибо за линк.

← →
Nic © (2009-06-07 22:03) [10]

> Германн © (07.06.09 22:00) [8]

Спасибо. А версия FF какая?

← →
AndreyV © (2009-06-08 04:28) [11]

Вроде нормально, IE8.

← →
Empleado © (2009-06-08 13:06) [12]

Дизайн неплохой. Глаз не режет.

"Стать богатым, продавая воздух" поднялось наверх и наехало на серую полосу ИЕ 7.0.5730.13. Поиск тоже.

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

← →
Nic © (2009-06-08 20:54) [13]

> Empleado © (08.06.09 13:06) [12]

За замечания спасибо ;)))

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

← →
Игорь Шевченко © (2009-06-08 20:59) [14]

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

← →
@!!ex © (2009-06-08 21:20) [15]

Обычный дизайн. Не сказать что-то то особенное. В прицнипе нормальное, единственное ИМХО - затеряется среди внешне похожих.
Контент нужен ооочень уникальный. /ИМХО

← →
Германн © (2009-06-09 01:06) [16]

> Nic © (07.06.09 22:03) [10]
>
>
> > Германн © (07.06.09 22:00) [8]
>
> Спасибо. А версия FF какая?

3.0.10
Но шрифт - не стандартный.

← →
Павел Калугин © (2009-06-09 15:15) [17]

Ну, дизайнер поработал. Теперь осталось поработать редактору "больше менеджемента" это крута

← →
Styx_ (2009-06-09 19:37) [18]

Internet Explorer 6:

---------------------------
Ошибка
---------------------------
Во время выполнения произошла ошибка.
Запустить отладку?

Строка: 318
Ошибка: "null" - есть null или не является объектом
---------------------------
Да Нет
---------------------------

В отладчике никуда не попадает :(

← →
Ega23 © (2009-06-09 20:08) [19]

Мне фонт в пунктах меню не понравился

← →
Gero © (2009-06-09 23:59) [20]

Дизайн нормальный, можно принимать. В целом согласен с Pavia.

← →
antonn © (2009-06-10 00:17) [21]

преветствую Геро! :)

<полезная информация :)>
в колонке справа "коммент." смотрится коряво, надо что то полное, навроде "ответ", причем было бы неплохо просклонять :)

← →
SPeller © (2009-06-10 09:11) [22]

Сделай чтобы контент растягивался. На 1600 пикселей смотрится как стринги, по бокам белые полу... вобщем, поширше надо )

← →
Nic © (2009-06-10 14:15) [23]

Всем спасибо за идеи и мнения

> SPeller © (10.06.09 09:11) [22]

А у меня вот такой вопрос, когда текст растягивается на 1600 - разве его удобно читать? (у меня самое широкое разрешение под рукой - 1280) Ведь в газетах и журналах часто делают текст в несколько колонок именно потому, что слишком длинная строка текста не так удобно читается :)

← →
KSergey © (2009-06-10 14:57) [24]

цвет фона умышленно не задан?

Он не задан? должен быть белым. Спасибо, буду допиливать вручную

> [23] Nic © (10.06.09 14:15)
> А у меня вот такой вопрос, когда текст растягивается на
> 1600 - разве его удобно читать?

Не надо его так растягивать.:)

> когда текст растягивается на 1600 - разве его удобно читать?

У тебя пропорция между основным контентом и колонками по краям такова, что основной контент сливается с ненужной инфой по краям, его трудно читать. Я бы на твоем месте не растягивал во весь экран, а делал процент от ширины, из 3-х колонок сделал бы 2: левую подо всякий порожняк и немного увеличить по ширине, а на оставшемся месте основной контент. Мне мои глаза позволяют нормально читать твои тексты на 1680, но основной текст из этой ширины зажат в 400 пикселей и читать его неудобно. Не надо стараться уместить на странице кучу левой информации, лучше проработай структуру и навигацию так, чтобы при минимуме ссылок и кликов человек получал нужную инфу. Он пришел на сайт с вопросом "почем морковка в соседнем магазине" и тут же видит ссылку в навигации "цены на продукты" и понимает что ему именно туда. Ошибкой будет размещение ссылок на схожие по назначению разделы типа "цены на продукты" и "цены в москве". Посетитель не должен думать куда ему пойти, он должен понимать куда идти. Перегруженные мусором страницы с неудобной навигацией вызывают отвращение и не побуждают пользователя прийти снова. А задача каждого сайта именно такая - побудить прийти на него снова. А для этого человек должен получать удовольствие от работы с сайтом.

Вот такие замечания бывшего вебмастера :)

> SPeller © (11.06.09 03:12) [27]

Конструктивно ;) Есть о чём подумать и что поправить. Сейчас перекинул сайт на http://garagebiz.ru и потихонечку меняю шаблон. Фон воткнул, воткнул логотип, убрал поиск сверху, сунул пару заметок для тестирования, продолжаю дорабатывать.

------------------------
Оффтоп - работает это на expression engine. Впечатления очень хорошие. Тут часто спрашивают, какую CMS выбрать. Так вот expression engine - отличный кандидат.

> SPeller © (11.06.09 03:12) [27]

Я об этом думал, но всё же три колонки привлекательней. Контента будет очень много (тысячи интеречных статей), структура будет развитой + свежие комментарии и разные информеры, формы подписки, поиск надо будет куда-то воткнуть. Много планов на правый сайдбар, терять его не хочется, а левый будет навигационным.
Я тоже думаю, что в помойку превращать нельзя, надо чтобы гармонично смотрелось. Убрал например из изначального варианта форму входа в админ-панель. Потому, что пользователю оно точно не надо, а места занимает много. Статистику, кстати поставил от google analytics, всё же отказался от счётчиков mail и рамблер и прочих. Хотя руки чесались :) Но по идее смылса в 10 счётчиках нет, достаточно одного, но хорошего..

Вот смотрю как тут сделано - может также попробовать - http://mybiz.ru - тут правый сайдбар поуже, а сайт резиновый. Левый сайдбар такой же.

> http://mybiz.ru

Он у меня нах развалился при увеличенном в браузере размере шрифта :) Крутые перцы верстают на дивах, а потом это перечное творение разваливается если шрифты жестко не заданы.

> Много планов на правый сайдбар, терять его не хочется, а
> левый будет навигационным

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

Nic © (11.06.09 17:26) [6]
> dmk © (11.06.09 16:35)
кажется Ваши работы я видел в сети когда-то.
Ссылка из другой ветки http://delphimaster.net/view/15-1244723703/

У меня не так уж их и много в плане WEB ;-) Но как дизайнер и рекламщик скажу следующее:

1. Нет никакого стиля, блоки надерганы с разных сайтов.
2. Кол-во шрифтов в данном проекте не более 3, причем желательно одного типа (конденсед или нормал, а также рубленный или с засечками), фокус зрения не должен меняться от шрифта к шрифту, только от шрифта к картинке и .
3. Никогда не давите заголовок картинкой - это просто недопустимо!!!
4. Не прижимайте заголовок к основному тексту, а если разделяете их второстепенной информацией, то либо делайте ее более слабым серым, а лучше оставьте только дату, а кто и сколько прочитал - это никого не интересует. Это можно в конце развернутой новости пустить, а комменты по умолчанию скрыть.
5. Картинки в этом блоке можно уменьшить на одну треть, это позволит вам писать более длинные и ровные заголовки (в вашем случае текст напирает на соседние блоки).
6. Не пишите в блоке навигации, что это блок навигации, лучше определите четко названия разделов.
7. Структура сайта совсем не понятна, нет нативного чувства куда идти (хотя этим страдает множество сайтов).
8. Если делаете колоночный (читай газетный) сайт, то соблюдайте ширину колонок. Непонятно у вас 3 или 4 колонки?
9. Важно не только горизонтальное, но вертикальное выравнивание блоков.
10. У любого нормального сайта должна быть определена базовая линия для шрифта!!!
11. Даты в блоке "менеджмент" уберите! Это не нужно. Если нужен элемент декора, то напишите скрипт на PHP, который будет генерить картинку вроде этой "08/05".
12. Есть заголовки, есть подзаголовки. Последние вообще отсутствуют на сайте, хотя и не обязательно.
13. Прокручивать сайты до безумия сейчас совсем не модно. Лучше сделайте странички. Это я про Саакашвили.
14. В той же сатье фотографию делайте во всю колонку шириной. Только тогда вторичная информация будет обоснована.
15. Если это сайт-попугай, то нет ссылки на источники.
16. В статьях нужно делать выноски с интересным фактом, высказыванием и т.д. и т.п.
17. Нет дублирования страниц для печати.
18. Блок валют, если хотите сделайте во всю ширину заголовка, а расшифровка валюты - при наведении курсора всплывающее окошко.
19. Рекламные блоки слева - это издевательство над читателями, они должны быть или справа или внизу, а так вы говорите всем, что для нас реклама важнее, чем информация на нашем сайте. Пропадает ценность рекламного блока, т.к. прежде всего в рекламе торгуют рекламной площадью!
20. При заходе на более низкий уровень сайта непонятно где мы находимся.
21. Не надо никаких рамочек для изображений, если это только не составная часть изображения.
22. Дайте иногда (внутри сайта) человеку отдохнуть от рекламы, он вас будет больше уважать за это. Засилье рекламы на каждой странице имеет обратный эффект, пропадает функциональность рекламы.
23. Оставьте бар под заголовком чисто в административных целях (поиск, логин), а для фокус-статьи нужно делать баннер с отражением сути заманухи.
24. Где работа маркетологов и копирайтеров?
25. Поменьше уточнений, побольше загадочности в ссылках (например, "Создание здоровой корпорации" можно обыграть как экстра-новость - "Самая здоровая корпорация ...")

Это самое простое, что я могу сказать вкратце. Если это "газетенка", то привлечь внимание она не сможет даже пересказывая vesti.ru. Если это серьезный проект, то кол-во претензий к сайту не ограничится числом 100.

PS. Я еще по цвету ничего не говорил ;-)

> dmk © (11.06.09 18:33) [31]

Весьма конструктивно и я бы сказал объёмисто )) За один заход и не поправить всё, я чувствую что над дизайном и оформлением мне ещё работать и работать ))) Будет это, видимо происходить в текущем режиме, постепенно. Большое спасибо!
А когда проект будет запущен (пока что контент я на http://garagebiz.ru не выкладывал, структура пока -- черновик, а дизайн модифицирую потихоньку), можно будет ещё раз обратиться за критикой?
Запуск состоится в конце осени :)

Вообще, web-дизайн может показаться простым со стороны, но когда им занимаешься... )))

>можно будет ещё раз обратиться за критикой?

Если вы выполните то, что я вам написал, то критика будет минимальной.
Можете ориентироваться на 5-и колоночный сайт, например этот: http://www.timesonline.co.uk/tol/news/

Мозговой штурм 3 Найти похожие ветки