Галерея живописи и графики, перевёрстанная, спасибо за критику - Searcher , rus, Vlad ,SelenIT .

[Palitra]

Итак

сайт галерея живописи и графики

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

[Nekromancer]

.banner {
4 opacity: 0.3; /* Полупрозрачность элемента */

както не очень... а так вроде ничего)

да и названия папоп и файлов лучше писать в нижнем регистре)

[Palitra]

.banner {
4 opacity: 0.3; /* Полупрозрачность элемента */

както не очень... а так вроде ничего)

да и названия папоп и файлов лучше писать в нижнем регистре)

Про полупрозрачность не понял,

у меня вроде

.banner {

opacity: 0.3; /* Полупрозрачность элемента */

а названия папок уже переделывать позняк, у меня странички уже проиндексированы,

сейчас то понятно пишу все в нижнем

А что это сильно бросается в глаза?

Edited February 28, 2009 by Palitra

[Nekromancer]

ну видно немного)

да 4ка в коде случайно, фаер баг скопирывал её) я ктому что текст прозрачный это не очень, банеры ещё куда не шло... но всё равно тоже не очень

[Palitra]

ну видно немного)

да 4ка в коде случайно, фаер баг скопирывал её) я ктому что текст прозрачный это не очень, банеры ещё куда не шло... но всё равно тоже не очень

Да и чёрт с ним он не для информации, пусть будет, меньше в глаза бросается

Я бы вообще ссылки все убрал к чертям но они нужны - с рейтингов и каталогов целевая аудитория

[Nekromancer]

ну если уж начали что-то делать, думаю стоит сделать это красиво...

самое главное это мнение посетителя... мне как посетителю это не понравилось...

[Palitra]

ну если уж начали что-то делать, думаю стоит сделать это красиво...

самое главное это мнение посетителя... мне как посетителю это не понравилось...

а что именно? банеры ведь не главное

Целевой текст -то далеко не прозрачный

Edited February 28, 2009 by Palitra

[Nekromancer]

просто это не очень приятно глазу... будто серую тряпку наложили поверх блока...%) не очень

[Palitra]

просто это не очень приятно глазу... будто серую тряпку наложили поверх блока...%) не очень

а какой есть вариант? можно добавить тон цветовой?

[Nekromancer]

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

[Palitra]

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

Благодарю, сейчас попробую

Хм получается странно :)

А в самом фильтре нет настроек цветовых ? сейчас смотрел спецификацию

http://www.w3.org/TR/css3-color/#transparency

вернее смотрю, пока не нашёл ..

не пойму ничего всё запутано.

я одно понял цвет даёт фоновая картинка и единственный вариант убрать картинку,,,,

Edited February 28, 2009 by Palitra

[Sonya]

Какие здоровские картины...!

А если по теме -

1) Почему на первой странице нет меню, которое внезапно появляется, когда тыкаешь на картинку?

2) Тыкая на нее, юзер, алчущий абилити, ждет новое окошко с большой картинкой.

<a href="#" onClick="window.open('большая картинка.jpg','pic1(это уникальное название картинки - ID, любое)',config='height=540,width=720')"> <img src="мелкая картинка.jpg" width="150" height="113" alt="" border="0"></a>

3) Еще одно мнение - слишком большой заголовок, всмысле, много места занимает довольно бестолково, а функций для юзера не несет. При этом меню, которое их, соббсно, несет - маленьким шрифтом.

4) Если у Вас есть возможность как-то сменить качество шрифта на первой странице - сделайте это немедленно! Качество букв в заголовке тоже не ахти.

такое вот имхо

[Dimitry Wolotko]

Начнём по порядку.

Если вы хотите себя презентовать, или презентовать чьи-то работы, то купите нормальный домен и оплатите хостинг. Сайт на Народе уже давно не признак продвинутости в глазах домохозяек. Заодно будет PHP, и вы или сами напишите, или найдёте готовую - нормальную динамическую галерею.

* Баннер Яндекса с полупрозрачностью - это вроде нарушение правил сервиса Народ.Ру.

* Окантовка у заглавной надписи просто ужасная, вам самому то нравится? А она ещё и флешка. Да ещё и Флеш10 - не цените вы своего посетителя, вообще ниразу.

* Полупрозрачные счётчики, и их коичество бесит безумно.

* Фон тоже ужасный.

* http://palitra-oil.narod.ru/img/052a.gif чем эта картинка напоминает о главной странице?

Теперь по коду:

* Верстка табличная, что в некоторых местах непростительно раздувает код;

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

*

картину или сами подберем для картины подходящую раму

что за жесть?

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

* Ради пары картинок грузить такой код дя тени - это уж моветон.

Это навскидку, и прошу - без обид. Зато честно.

[Palitra]

Я понял , просто некогда уже, хочется пардон заняться своей профилирующей деятельностью ,

убрал флеш, наигрался уже :)

Если можно подскажите как убрать основные огрехи и забыть

А как вам например этот сайт ?

a-korobkin.ru

Баннер Яндекса с полупрозрачностью - это вроде нарушение правил сервиса Народ.Ру

не нашел в правилах - банер видимый? - видимый значит всё нормуль .

я же не проставляю ширину и высоту на 0.

Edited March 3, 2009 by Palitra

[Searcher]

Я понял , просто некогда уже, хочется пардон заняться своей профилирующей деятельностью ,

убрал флеш, наигрался уже :)

Если можно подскажите как убрать основные огрехи и забыть

А как вам например этот сайт ?

a-korobkin.ru

не нашел в правилах - банер видимый? - видимый значит всё нормуль .

я же не проставляю ширину и высоту на 0.

Не вижу особых изменений по сравнению со старой версией. Краски стали приятнее и все... При простой структуре информации как вы умудрились все так запутать?!

Тут основные огрехи лежат в основе... Невозможно их убрать, надо все сначала начинать.

Если вы хотите заняться своей профилирующей деятельностью, то поручите разработку сайта тому чья профилирующая деятельность этому соответствует.

Сайт a-korobkin.ru мне понравился, хотя и мрачноват. Но все понятно и сразу под рукой, не надо рыскать, прокручивать, искать по куче разных, не похожих друг на друга страниц.

[Palitra]

Не вижу особых изменений по сравнению со старой версией. Краски стали приятнее и все... При простой структуре информации как вы умудрились все так запутать?!

Тут основные огрехи лежат в основе... Невозможно их убрать, надо все сначала начинать.

Если вы хотите заняться своей профилирующей деятельностью, то поручите разработку сайта тому чья профилирующая деятельность этому соответствует.

Сайт a-korobkin.ru мне понравился, хотя и мрачноват. Но все понятно и сразу под рукой, не надо рыскать, прокручивать, искать по куче разных, не похожих друг на друга страниц.

Ну чёт тут вы уж перегнули,

у меня с любой страницы вы можете попасть во все основные разделы,

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

Посмотрите на любом художественном сайте.

А вы пробовали нажать ctrl+F5? может мы о разном...

не надо рыскать, прокручивать, искать по куче разных, не похожих друг на друга страниц.

И еще, дайте ссылку мне хоть на одну мою страницу которую надо прокручивать

кстати на том сайте я имею в виду коробкинский, структура довольно невнятная, где Дина, где Анатолий к кому относится

биографиЯ к кому фотографии - короче полный бардак, на первой вообще ссылки кучей лежат, какое-то пустое пространство непонятно зачем - но факт незачем.

Второе- работы свалены в невнятную кучу. Открывается большое изображение зачем-то в новом окне. Которое нужно закрывать. Дальше - фон окна с дурацким узором. ? Зачем?

Честно говоря такой дизайн" - вообще по принципу - побыстрее и подешевле. Я бы за такое вообще денег бы не дал.

Тут основные огрехи лежат в основе... Невозможно их убрать, надо все сначала начинать.

Да и вообще, все работает , можно подумать покупатель картин будет кишки сайта разглядывать. Понт ?

Ваше слово -

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

Edited March 3, 2009 by Palitra

[Dimitry Wolotko]

Можно же купить шаблон за 30 баксов, переделать его под себя и радоваться жизни. Да, не уникально, но зато красиво.

[Palitra]

Можно же купить шаблон за 30 баксов, переделать его под себя и радоваться жизни. Да, не уникально, но зато красиво.

Мне надо уникально ,

кстати , ,, я радуюсь жизни если че

Edited March 3, 2009 by Palitra

[Palitra]

Можно же купить шаблон за 30 баксов, переделать его под себя и радоваться жизни. Да, не уникально, но зато красиво.

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

[Dimitry Wolotko]

Мне надо уникально

Зачем?

По поводу ссылки, тут реально не перспективно - вот - http://www.templatemonster.com - выбирайте на вкус и цвет, знаний что бы поправить у вас хватит, с нуля - пока нет.

[Palitra]

Зачем?

По поводу ссылки, тут реально не перспективно - вот - http://www.templatemonster.com - выбирайте на вкус и цвет, знаний что бы поправить у вас хватит, с нуля - пока нет.

Ничего красивого там не увидел, просто сдирать всё -оставлять скелет. а смысл?

У меня и так есть на сайте lightbox .

Все эти мыльницы мало общего имеют с классической и реалистической живописью.

Edited March 5, 2009 by Palitra

[Searcher]

Мне надо уникально ,

кстати , ,, я радуюсь жизни если че

Уникально - это хорошо, но уникальность не отменяет правил типографики и элементарной логики. Сайт - это в первую очередь структурированный банк информации. Посетителю не так важен дизайн сайта, как ваши картины. Еще запомните один принцип сайтостроения: Посетитель - царь и бог! Весь дизайн и логика должны подчиняться прихотям и привычкам посетителя. А дизайн ради дизайна никто не оценит.

Конкретика.

1. Прокручивать приходится практически на всех страницах. 1280х1024 - нормальное для многих разрешение экрана.

2. На первой странице обязательно должно быть основное меню. Так привык посетитель. Ему надо сразу, с первого взгляда понять структуру сайта и понять, что он может найти на этом сайте. Читать он не очень любит и до надписи далее может и не дойти. Да и раздражает, что ему устраивают какую-то головоломку. Посетитель с любой страницы должен легко переместиться в другие разделы. Переместиться не обязательно на все страницы сайта, но обязательно во все разделы. И карта сайта в таком случае не нужна. Да и стиль картинки "карта сайта" не вписывается. Верхняя часть сайта должна на всех страницах быть одинаковой хотябы по структуре!

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

4. Разные смысловые элементы надо оформлять по-разному. Блоки с главным содержимым рекомендую оформить в верхних левых уголках какими-нибудь веньетками. Этого будет достаточно, чтобы посетитель визуально разделил блоки. Возможно, в некоторых случаях стоит добавить заголовки к блокам. Меню надо оформить отлично от блоков. Надо чтобы сразу было понятно, что это меню, а не очередная цитата или еще что-то. Оформите пункты меню какими-нибудь графическими фоновыми, неоднородными элементами. А с этими рамками они выглядят ужасно. Просто посмотрите, как меню сделано на других сайтах. Выделение у "новые работы" вообще кошмар, вспоминается старый добрый DOS и никак не ассоциируется у пользователя с тем, что это нужно нажать. Неужели не можете придумать какую-нибудь небольшой графический элемент, чтобы он обращал внимание на этот пункт.

5. Что за "Галерея Модерн", значек которой вы везде используете, но совершенно не понятно какая связь тут с "Галерея живописи Бурдасова Дмитрия & Яны Владиславовны". А название сайта - уже третий вариант. Что-то слишком запутано...

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

7. Зачем поиск на сайте? У вас не такие объемы информации, чтобы понадобился поиск. Организуйте понятную структуру информации, чтобы в несколько кликов можно было найти нужное. На Народе еще новости, пробки и т.п. есть...

8. Почему баннеры на главной странице полупрозрачные, а на всех остальных нет?

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

Это поверхностно...

Edited March 6, 2009 by Searcher

[Palitra]

Чем проще план тем меньше вероятность провала.

В чем-то вы правы , 50/50.

Но многого вы не понимаете.

.

[Searcher]

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

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

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

[Вадим]

Экспертная оценка юзабилити сайта palitra-oil.narod.ru

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

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

Немного изучив предметную область. Основная цель сайта — продать продукт. Под продуктом мы понимаем услугу или материальную ценность. Более того, конкурентов у сайта достаточно много, поэтому мы должны учитывать мнения реальных покупателей и seo-специалистов, которые всегда рекомендуют по возможности использовать ключевые слова в навигации сайта. Следовательно, сайт не нужно делить между двумя художниками. Их общая цель — продать продукт. А вот продукт уже может классифицироваться и делиться. Раздел «новости» придумали для того, чтобы часто обновлялась первая страница сайта и таким образом была более привлекательна для ПС (поисковых систем), но это уже давно устарело и есть более эффективные способы продвижения сайта. Более того, могу с уверенностью сказать, что в живописи есть более интересные темы, чем новости (например, авторский блог). Раздел «новые работы» по сути не может существовать как отдельная единца. Ведь остальные картины не стали хуже или дешевле? Раздел «фотогалерея» отлично бы вписался в авторский блог — вот вам и интересно, и красиво, а главное новый тематический контент (для ПС и для людей, которые интересуются живописью). «Гостевая книга» так же, как и новости давно уже изжила себя. Лучше решение коммуникаций — форма обратной связи. Раздел «Ссылки» для вашего сайте делают только отрицательный рейтинг. Об этом можно долго писать, но поверьте на слово, удалите этот раздел с сайта вообще и никогда не используйте подобные приемы раскрутки.

Начнем сначала. Структура сайта (навигация):

• главная страница
  
• пленэрная выставка
  
• живопись
  
• копии
  
• графика
  
• сюрреализм
  
• о нас
  
• стоимость
  
• обратная свзь (контакты)
  
• авторский блог
  

Теперь выделим сервисы:

• главная страница
  
• о нас
  
• стоимость
  
• обратная связь (контакты)
  
• авторский блог
  

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

Что такое главная страница? Главная страница — это краткий обзор всего сайта. Основные блоки:

1. назначение сайта;
   
2. постоянная навигация (глобальная навигация);
   
3. Блок-анонсы разделов: «О нас», «Обратная связь», «Авторский блог» (периодически обновляемый блок), «Стоимость» и галерея работ (периодически обновляемый блок).
   

Таким образом посетители (клиенты) смогут оценить ваши труды сразу по первой странице, понять кто вы и что из себя представляете, понять ценовую политику и знать как с вами связаться. Поверьте — главная страница сайт как рекламный щит на улице. У вас есть только несколько секунд, чтобы донести всю важную информацию.

Не используйте ссылки открывающиеся автоматически в новом окне. Поверьте, если пользователь опытный, то он знает как это сделать самостоятельно. Если пользователь начинающий, то подобные всплывающие окна напугают его и приведут в панику. Хотя, как показывает практика не все пользователи одинаковые.

Анализ контента

Если вы хотите продать свой продукт, то нужно уметь его рекламировать. В Сети реклама осуществляется с помощью двух вещей:

1. хорошая картинка
   
2. хороший текст
   

С первым все хорошо. Со вторым нужно работать. Привлекайте копирайтера, который сможет вам составить грамотные тексты. Вам и самим нужно поработать над описание каждой написанной картины. Конечно, можно сказать, что 1000 слов будет мало, но если наша цель продвигать сайт — нам нужны тексты. Основную проблему сможет решить авторский блог.

Для продвижения вам потребуются правильные заголовки (title). Задайте себе вопрос: «я продвигаю Palitra-oil или все же купить картину, продажа картин, копии картин»? То, что продвигаете и ставьте первым в title. Более того, необходимо разработать логичные и интересные заголовки. Попробуйте поискать свой сайт по ключевым словам в Google.ru — будь вы покупателем картин нажали бы на свой заголовок? Я думаю нет.

Раздел keywords можно уже не использовать. Он давно уже не используется ПС.

Составляйте грамотные description. Вы должны кратко описывать человеку, что можно найти на этой странице. Допустим я вас спрашиваю: «о чем эта картина?». Ваша задача кратко и понятно донести информацию, да так, чтобы я захотел её купить. Тоже самое и description, и title.

Раздел «Ссылки» уменьшает ваш рейтинг. Вам должно быть известно о PR. Прочитайте подробное руководство Google.

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

Анализ дизайна

У вас замечательный сайт, но его можно сделать лучше, удобнее и понятнее. В этом поможет дизайн. Проанализируйте, как подобные задачи решали другие люди (например, hunt smith design)

Ещё несколько примеров:

1. http://www.homesatedgewater.com/
   
2. http://bigsweaterdesign.com/
   
3. http://www.siena-online.net/
   
4. http://www.pumatalk.com/
   
5. http://www.stevengleave.co.uk/
   
6. http://www.goblindesign.com/projects.php
   
7. http://www.webdesignerwall.com/
   

Спасибо, что дочитали до конца. Надеюсь мои слова помогут.

В данном посте не было задачи обидеть автора или как-то унизить достоинство третьих лиц.

Edited March 24, 2009 by Вадим