Юзабилити на сайте http://kyharim.ru

[tamkor]

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

Это мой первый сайт, любимое хобби, многого еще не знаю и буду благодарна за советы! На сайте по Яндекс метрике очень большой процент отказов (70-80 у обоих ПС), темы раскрываются, уникальные, написанные мной. Думаю, что-то с дизайном не так (

1)  http://kyharim.ru
2) 3 месяца
3) Бесплатная тема, все делалось вручную.
4) Большой процент отказов
5) Что отталкивает на сайте? Почему его закрывают и не смотрят, когда приходят по запросам из поисковиков?

За развернутые советы от меня спасибо и + в карму!

[bibika]

Красивый дизайн, очень понравилось оформление шапки и favicons -  креативно.
Теперь проблемы,
1. на разрешение 1024*768 лезет большая прокрутка
2. цвета меню верхнего и бокового подобраны плохо, в результате очень плохая читабельность пунктов меню и эффект подчеркивания я бы все таки убрал, можно оставить только выделение другим цветом.
3. слайдер на главной нужно сменить, есть такой вариант наверху большие картинки, снизу превьюшки а текст выводится между ними, в Вашем случае текст не читабельный. На рецепт должен вести весь блок, а не текст описания, так проще и опять таки эффект подчеркивания текста здесь лишний.
4. уменьшение увеличение шрифта портит все верстку, лучше эту кнопку убрать
5.  кнопки соц сетей можно засунуть в футер, он у Вас пустует

[tamkor]

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

Какой цвет Вы бы посоветовали?
Добавлено: 06-05-2013, 17:24:24

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

Можете пример привести? Спасибо за советы!!!

[Fyrrion]

tamkor, аналогично с автором выше, у меня разрешение 1024х768 - правый блок практически не виден.
Насчет соц. кнопок слева - они закрывают первые 2 буквы в категориях - выглядит это не очень. Как вариант можете засунуть их в футер как советывал человек выше, но с другой стороны кликабельность их будет ниже. На мой взгляд, лучше под них сделать отдельный блок.
Насчет меню и левого блока - соглашусь, фиолетовый смотриться не очень. Да и тест психологов показывал, что фиолетовый цвет не самый удачный для дизайна сайта.
Насчет уменьшение шрифта - соглашусь с автором, не понятно зачем оно, сколько сайтов видел - не видел данной функции, врядли ей кто-то целенаправленно пользуется.
Ну и про слайдер, я, кажется, Вам писал еще когда говорил про мета-теги, белая надпись, которая на картинке с рецептом перекрывает картинку, да и выглядит это не эстетично. Как это исправить, к сожалению, не знаю, т.к. не работал с слайдерами.

[Multiweb]

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

[Dexo]

tamkor, убирайте из текстов красную строку, в вебе она только затрудняет чтение.

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

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

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

На главной текст бы сократить, сделать живее, интереснее и добавить вкусных фoтографий.

В подписке уберите серую рамочку и не поленитесь нарисовать красивую кнопочку. Стандартные кнопки всегда выглядят плохо. К тому же кнопка должна реагировать на наведение мыши сменой курсора на "руку". Надпись "Введите е-мейл" выровнять по левому краю.

Блок последние рецепты не интересен. Текст опять же выравнивайте по левому краю.

В главном меню :hover эффект лучше сделать не таким тёмным цветом, а к примеру #ffbb64.

В рaзделе "о нас" целая биография. Сам рaздел лучше расположить в конце меню.

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

[imhotep]

Я думаю, как-то стоит выделить кнопку "Подарки". Что-то типа уголка, баннера и т. п.

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

В хедере нужно что-то такое, что выделит ваш блог.... Ну, например, под названием подпись "блог о..." О чем? Чем вы отличаетесь от сотен других таких же?

И, наверное, самое главное.

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

[tamkor]

imhotep, спасибо, ловите + в карму!

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

Да нет, запросы очень точные, вплоть до прямых ключей...
Добавлено: 24-05-2013, 21:47:47

Dexo, спасибо! Только сейчас увидела, что Вы ответили! Пошла исправляться...
Добавлено: 24-05-2013, 23:40:50

tamkor, убирайте из текстов красную строку, в вебе она только затрудняет чтение.

А какой цвет Вы посоветуете?

[Dexo]

А какой цвет Вы посоветуете?

Имеется в виду отступ в начале абзаца.

[tamkor]

Имеется в виду отступ в начале абзаца.

только потом дошло, о чем Вы... Так вообще нет красной строки в веб-дизайне?  Это для меня открытие