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

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

RSS

Пятничная порка товарища Сухова

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

КланСегодня инквизиция будет пытать «Блог о блогах или Энциклопедию начинающего блогера». С автором сего творения я познакомился на бизнес курсе Жуковского, и сейчас мы попробуем сделать блог Олега лучше. Спонсор пятничной порки Артемий (для тех, кто не знает, у Лебедева когда-то была порка сайтов, которая теперь эволюционировала в Бизнес Линч, а я здесь продолжаю его благородное дело).

Скриин
Скрин сайта «Блог о блогах»

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

…весьма спорное. Грань между блогом и сайтом визуально здесь не прослеживается, но нельзя отнести это к недостаткам, скорее это просто особенность формата энциклопедии, ну что ж, давайте смотреть дальше.

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

1. Присутствует форма поиска, это хорошо, но отсутствует кнопка, а это плохо. Это означает, что, во-первых, без использования клавиатуры поисковый запрос уже не отправишь, во-вторых, не все знают, что нужно ввести текст и нажать «Enter», что бы что-то найти, т.е. функциональность поиска искусственно ограничивается.

Сухов, отдай кнопку!
Сухов, отдай кнопку!

2. Блок «На нас ссылаются!» необходимо подправить. В неписаных правилах е-этикета принято при указании в тексте адреса URL делать ссылку на этот же URL. Здесь же есть адреса сайтов, на которые нельзя кликнуть.

Даешь ссылки?
Даешь ссылки?

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

3. Разделы энциклопедии с отдельными фидами — супер! Я уже приводил этот ход в пример в прошлой порке. Что касается здешней реализации, стоит визуально отделить разделы и подразделы (к примеру, последние сделать чуть меньшим шрифтом), и увеличить верхний отступ главных разделов с целью визуальной привязки групп «раздел-подраздел» и отделения элементов группы «раздел-раздел».

Тут же ссылку «Все категории» — следует подчеркнуть и приподнять, а то не понятно, к какому из блоков она относится (читаем «Теорию Близости» в Ководстве).

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

4. Забавный блок «Реклама», в котором ничего нет, зато здоровый баннер «Sape» висит практически над ним.

Невидимый баннер, попробуй кликнуть
Невидимый баннер, попробуй кликнуть

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

Пустое пространство — наш друг
Пустое пространство — наш друг

6. Не стоит делать что-то только потому, что вы на это способны. «Елочка» создает визуальную пустоту в правом верхнем углу блока, лучше отсортировать по алфавиту.

Между «прикольно» и «удобно» разница есть
Между «прикольно» и «удобно» разница есть

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

Зачем это здесь?
Зачем это здесь?

8. Угловой блок статьи. Если у блога только один автор, то подписывать каждую статью своим именем (ником) вовсе не обязательно, но это мелочь, более важно то, что ссылка на комментирование статьи находится в ее начале, а не в конце. Человек читает статью, доходит до конца, и что бы оставить комент ему необходимо возвращаться в самое начало. Неудобно.

По поводу кармы статьи — это лишний элемент (хотя тут можно и не согласится, так как это мое субъективное мнение, я не понимаю смысла этого параметра, можно было придумать и более элегантную систему оценивания качества материала, хороший пример — мои шесть нулей)

9. Ссылки в тексте должны быть подчеркнуты, хотя присутствует и другое мнение.

10. Цитаты должны выделяться как цитаты. Обычно их выделяют фоновым цветом и шрифтом (используют Georgia, начертанием Italic). Сейчас отличить основной текст от цитируемого можно только догадавшись, что они разделяются горизонтальными линиями.

Ну и где тут спрятана цитата?
Ну и где тут спрятана цитата?

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

Квадратики. Закрашенные квадратики
Квадратики. Закрашенные квадратики

А еще Интернет Эксплорер версии 7 не понимает вашу иконку, в отличии от человеческих браузеров этот с причудами. Возможно, он не понимает формат иконки, хотя может ИЕ необходимо просто указать в коде путь к иконке, а может луна сегодня в созвездии Стрельца, и по этому иконку не видно…

Да, IE остался IE даже в 7-ой версии
Да, IE остался IE даже в 7-ой версии

12. Немного неправильно реализована функциональность, следует предупреждать пользователя о том, что это не ссылка на другую страницу, а вызов Е-мэйл клиента.

Прямой линк на мыло, спамеры не досаждают?
Прямой линк на мыло, спамеры не досаждают?

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

Не очень понятна оставленная возможность комментирования внутренних страниц, к тому же если объяснение к форме комментария написано на иностранном языке. Далеко не всем подвластны заморские науки, так что будьте любезны — адаптируйте под нужды русскоязычных пользователей.

На странице «моих услуг» хитрый дизайнерский ход я не оценил. Поменять иллюстрацию к статье (тексту) в срочном порядке.

Матрица или уже в глазах двоится…
Матрица или уже в глазах двоится…

А 404-ая ошибка у нас выглядит вот так:

404 LOL

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

Немного о коде и SЕО

HTML-код хорош, конечно мусор имеется, но это объясняется использованием CMS в которой оптимизация кода не предусмотрена. Достаточно много элементов можно было бы описать в более краткой форме, но это не критическая ошибка для блога.

Также не у всех изображений присутствует атрибут alt, хотя в целом оптимизация под поисковики выполнена на достаточно высоком уровне (то ли заслуга автора, то ли хорошие плагины стоят).

Кросбраузерность поддерживается на высоком уровне, одинаковое представление в IE6, IE7, Opera 9.23, Opera 9.24, Mozilla Firefox 2, MyIE2 0.9 плюс резиновая верстка радуют глаз человека способного это оценить.

Маркетолог закуривая…

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

Десерт заказывали?

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

По поводу RSS — я выступаю «ЗА полное содержание статей в фидах», и Жуковский со мной солидарен. (:

Еще хотел бы обратить внимание на чистоту URL, элемент index.php?/ лишний, это можно исправить, подкорректировав mode-rewrite.

Итог:

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

Вот, пожалуй, и все замечания относительно Энциклопедии начинающего блогера. Желаю удачи и творческих успехов Товарищу Сухову.

P.S. Попасть на порку очень легко, подписываетесь на RSS и затем выполняете краткие инструкции.

P.P.S. Вы имеете право не согласится с моим мнением, а также вполне можете дополнить сегодняшний список ошибок в комментариях.

Комментарии

Отзывов (4) на «Пятничная порка товарища Сухова»

  1. Тов.Сухов 22.12.2007 4:42 pm

    Спасибо за “порку” было много чего интересного, в принципе со всем согласен, косяки есть и их порядочно - будем исправляться :) Выложу на днях “порку” в блоге :)

  2. по секрету всему свету » в канун католического рождества 24.12.2007 12:47 am

    […] Судилковский, после пятничной порки товарища Сухова, поделился своими планами на будущее […]

  3. Nadina 24.12.2007 8:22 pm

    “азделы энциклопедии с отдельными фидами — супер!”
    Денис, а как это делается? Мне просто ОЧЕНЬ нужна эта фишечка

  4. Dmitriy Donchenko 25.12.2007 6:52 am

    2Nadina В вашем блоге это делается очень сложно :-) вот например фид рубрики стихи:

    а вот фид конкурса гостевых статей

    Понятно как? просто в конце ссылки на категорию, добавляйте /feed/

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

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