Бизнес Дизайн

Денис Судилковский про бизнес и дизайн для тех, кому пришлось этим заниматься.

RSS

Порка сайта «Skrudo BlogPost»

Опубликовано 14.12.2007 - В рубриках: Конкурсы

YO! За оперативность первым на скамью присядет «Skrudo BlogPost». Не успел я начать свой конкурс, как Павел заявил о своем желании поучаствовать. Очень порадовала такая активность, по этому пилотный аудит обкатаем на его творении…

screen
Скрин сайта «Skrudo BlogPost».

Первое впечатление:

Довольно мило и симпатично. «Дизайн должен быть простым» © Тема — и здесь это правило соблюдено отлично, по ходу начинаем разбираться, что за сайт, и что тут интересного, и вот начинаются первые «неприятности».

Главная страница

1. О чем сайт сходу понять не возможно. Название «Scrudo BlogPost» — не информативно, а описание блога в дизайне не предусмотрено вообще.

2. Главное меню «съехало вправо», или это задумка автора? Прибитое к правому краю оно на экранах с высоким разрешением разбивает макет страницы (теряются вертикальные оси сетки, смотрите рисунок).

problemy-s-setkoy_.png

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

Сухов жжот!

4. Основным достоянием сайта является, конечно же, контент, в его оформлении практически все отлично. «Практически», потому что не плохо было бы к каждой статье прикреплять изображение. Поток информации очень большой, и быстро запомнить (или отличить) одну статью от другой пользователю помогут как раз эти графические метки.

5. Ссылки в тексте достаточно яркие, это хорошо, но подчеркнутые ссылки визуально удобней для пользователя. Яркий пример — ссылки из трех букв не достаточно выделяются «в толпе».

Подчеркивай ссылки!

6. Блок «Подписка» в правом столбце. Почему он внизу? Перечень сервисов, с помощью которых можно читать блог — это супер, но они находятся не в том месте. При условии достаточной высоты страницы разумным ходом было бы перенести их к иконке RSS сверху или (а лучше «и») продублировать ссылки в нижнем колонтитуле.

7. Статистика с 15 (пятнадцатью) хостами в полдень говорит кричит о том, что сайт не популярный, это надо прятать, а не показывать!

8. Текущая страница в «листалке» не достаточно выделяется, что затрудняет навигацию в глубь. Стоит выделить фоном, отличным от основного (белого)

Листалка хорошо

9. В нижнем колонтитуле «намек» на защищенные авторские права. Тема очень просит не путать знак минус «-» в длинное тире «—»

Правильные копирайты

Правильные «копирайты» пишутся примерно так:

2005—2007 © Павел Галкин aka skurudo

10. Favicon — заменить. Сейчас это просто уменьшенная любимая аватарка анимешника, но это не имеет ничего общего с блогом и его дизайном. Даже цветом не похожи.

Favicon

11. Можно было бы прицепиться, что ссылка в меню на текущую страницу является активной (т.е. на нее можно нажать), но на сайтах такого плана эту мелочь можно опустить.

Внутренние страницы

Это не серьезно. Страницами «Карта» и «Архивы» вряд ли будет пользоваться человек. Они созданы больше для поисковых роботов, а о странице «Контакты» упоминается чуть ниже.

О коде и SEO

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

2. При переходе между страницами заголовок окна (title) не меняется. Очень плохо для поисковой оптимизации и юзабилити.

3. Тест на кроссбраузерность показал, что в IE 6 и старше дизайн разваливается. Колонка с контентом вытесняется в самый низ экрана. Нужно откорректировать CSS-верстку.

4. IE 7 не понимает тег <link rel="icon"> и по умолчанию «тянет» иконку с корня сайта.

5. Код «Гугл Аналитикс» рекомендуется вставлять перед закрывающим тэгом </body>

6. В HTML коде много «мусора», элементов, которые не используются. Таких как, например, блоки с d="footerbg" id="footerbottom".

7. IE 6 и младше не поддерживает прозрачность в PNG файлах, по этому иконка (очень похожая на взятую с Википедии) имеет белые углы.

IE су**

Это можно обойти, добавив соответствующий код, а можно взять красивую новогоднюю RSS иконку у Донченко, и уже ее адаптировать под этот дизайн (:

8. Плагинов для СЕО под Word Press достаточно много, на сайте замечен какой-то хитрый пак (all in one seo pack 1.4.3.6), которого, по идее, должно хватать для начальной оптимизации блога.

Хорошие слова про маркетинг

1. Не забывайте, что это блог, а на ресурсах такого рода необходимо добавить информацию о себе. В разделе «Контакты» имеется зародыш этой страницы, но не более. Представьте себя финалисткой Мисс-Вселенная, и у вас спрашивают, что вы хотите сделать с помощью этого сайта? Ответ на этот вопрос и будет вашей «миссией блога», которую можно разместить на страничке «О себе».

2. Отсутствует явная изюминка. Нужна некая фишка, которая будет отличать этот проект от самонаполняющихся сплогов. Исходя из широчайшей тематики блога постоянно акцентировать внимание на чем-то одном — достаточно сложно. Как идея: можно сделать регулярное событие. Человеческим языком — должна быть некая периодичная тема, с небольшим временным интервалом (не более 1 недели). На сайте Лепры есть «пятничные сиськи», смысл в том — что окончание рабочей недели отмечается массовым выкладыванием фот обнаженных девушек на страницах проекта.

3. Главная задача блога — заинтересовать посетителя на столько, что бы он пополнил армию «постоянных читателей». Не стоит об этом забывать, и при всяком удобном случае — предлагайте подписку на новости по RSS и e-mail.

Рекомендации на десерт

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

К иконке RSS добавить ссылочку на объяснение, что же эти буквы означают, и как этим всем пользоваться (хороший пример — блог Ильи Тавли). А также добавить форму для подписки по емейл (фидбернер предоставляет такую услугу, и rrs2email — тоже).

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

И по дизайну — менять его не стоит, сейчас все достаточно красиво и практично. Если не гонитесь за модой веб 2.0, то оставляйте внешний вид такой, как есть. Это уже все на усмотрение автора.

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

Итог:

Дизайн: * *
Юзабилити: * *
Программная реализация: * * *

Для тех, кто не понял: чем меньше чайников тем лучше (:

Ну что ж, поздравляю Павла и его блог, они сэкономили как минимум 50WMZ! А вы тоже не спите — комментируйте, может я что-то упустил из виду в своем анализе? Со своей стороны обещаю по мере возможности помочь с реализацией, мои контакты Павлу известны. (:На следующей неделе будет подвергнут критике новый сайт, быть может ваш?

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

P.P.S. Для тех, кто тоже хочет сделать свой сайт лучше — правила конкурса, и обязательно подпишитесь на RSS!

Комментарии

Отзывов (10) на «Порка сайта «Skrudo BlogPost»»

  1. Artem Krotkov 14.12.2007 2:15 pm

    Замечательный пост. Всем участникам польза, а другим наука ;)

  2. Тов.Сухов 14.12.2007 2:18 pm

    Хорошо написано, может и меня еще трепарируют, свои косяки, как говорится, глаз не режут, надо что бы кто то носом ткнул :)

  3. skurudo 14.12.2007 2:59 pm

    Денис, спасибо!

    PS: Только, если это возможно через “k” - Skurudo

  4. Денис Судилковский 14.12.2007 3:03 pm

    skurudo
    Все, исправил (:

  5. Роман Настенко 14.12.2007 5:47 pm

    Что-то мне структура анализа напоминает :)

    А по сайту, на нем стандартная штука не учтена — слишком маленький line-height для удобного чтения текстов.

  6. Денис Судилковский 14.12.2007 5:54 pm

    Роман Настенко
    Намек ясен, но чесн.слово - с “Час юзабилити” познакомился буквально на днях, а структуру анализа взял с отчетов Нильсена несколько лет назад, когда я еще дизайнером работал, и пытался самостоятельно критиковать свое творчество.

  7. Tod 16.12.2007 10:44 pm

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

  8. Денис Судилковский 17.12.2007 2:19 pm

    Tod
    Насчет самокритики (критики этого блога) - думаю для этого можно устроить отдельный конкурс, с интересными призами (:

  9. konorev 17.12.2007 3:22 pm

    Денис! Как завещал великий Тёма: не путайте «минус» и «тире» :)))

    Все очень просто: тире проще всего набрать Alt+0151 ;)

  10. Порка сайта | Skurudo BlogPost 17.12.2007 4:38 pm

    […] Дениса Судилковского, который грамотно и четко покритиковал сайт skurudo.ru, а также предложил варианты решений. […]

Оставьте отзыв