Вконтакте
Телефон для заказов: +7 (910) 487 81 94
Подписка на RSS

Новый дизайн блога. Сравнение со старым

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

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

Для удобства я сделал скриншоты (с помощью программы Pix.AM), на которых обвёл элементы страницы и пометил их цифрами. Таким образом будет проще отследить перемещение этих элементов при изменении дизайна.

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

1. Заголовок блога

В старом дизайне по каким-то причинам, о которых или я не помню или их вообще не было, крупно написано «Seogad». А снизу подписано моё имя. На самом же деле, Seogad — это всего лишь адрес сайта. Не более того. Так что пусть он теперь адресом и останется.

В качестве заголовка вполне подойдёт моё имя — блог принадлежит мне, пишу в него я, так что вопросов нет.

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

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

2. Рубрики

Здесь передо мной стояло две задачи. Во-первых надо было сократить отведённое для списка рубрик место. Можно было использовать выпадающий список с опциями, но есть «во-вторых».

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

В итоге было решено оставить старый виджет с категориями, но с помощью нехитрого скрипта закрасивить это всё в выпадающий список с использованием css и jQuery. Помог мне в этом мой друг и партнёр Сергей.

Если интересно, сделаю отдельный пост с описанием этого метода.

3. Поиск

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

4. Кнопки добавления в социальные сети

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

5. Подписка на RSS

Вместо дебильной кнопки вполне подойдёт понятная людям ссылка.

6. Подписка на E-mail

Да и подписку по электронной почте делать кнопкой не стоит. Пусть лучше сразу укажет товарищ свой e-mail, а потом уже нажимает — так нагляднее.

7. Фото

Фотографию, где я корчу морду, оставим для социальных сетей — там ей самое место. По крайней мере сейчас. Вместо неё пусть красуется обычная фотка небольшого размера, которая, если что, позволит посетителю узнать меня в лицо.

8. Ссылки на страницы в социальных сетях

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

9. Счётчики RSS и Twitter

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

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

10. Кнопки Webmoney

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

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

11. Метки

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

Возможно я не прав. Что думаете?

12. Последние комментарии, случайные записи, последние записи…

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

Вот такие дела. Как видите, всё получилось гораздо компактнее, чем в прошлый раз, при том, что информация та же самая.

Вывод — думай, прежде чем делать. Ну или набирайся опыта.

Так как осталось свободное место, то решил ещё добавить на видное место свой телефон (заказывают ведь иногда услуги через блог) и порадовать себя дополнительным доходом с помощью партнёрских программ скорее всего известных вам систем (элементы №13 и №14).

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

На сегодня всё =) Очень рад, что удалось наконец обновить дизайн. Всё никак времени не было. Теперь хоть желание проснулось делиться с вами всякими интересностями, как раньше.

Желаю вам удачи в делах!
Seogad

Понравилась статья?

Создание блога под ключ всего за 999 рублей!

«Новый дизайн блога. Сравнение со старым» — комментарии (16)

  • Да заметно лучше.
    Лаконичен и прост.

  • Хороший дизайн. Понравилось. Минимализм?

  • Поздравляю со сменой.
    За историю чтения твоего блога это уже третий диз

  • Привольно сделали, хороший структурированный блог получился…:-))) в общем жисть сразу как-то стала проще при прочтении и ориентации на нем…:-)
    И ещё мне нравится, что он светлый — прям как страницы книги… Виджет и прочие боковые прибабахи не мешают читать сам статью…

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

  • Нормич!

  • Я к сожалению не застала ваш прошлый дизайн, но судя по скринам этот смотрится интереснее и чище)

  • я не видел старый блог — но новая тема это супер. Все удобно и «легко». И белый цвет мне всегда нравился…

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

  • Абсолютно согласен с мнением, что в плане дизайна блог вырос. Так держать!

  • Новый дизайн отличный!
    Я недавно тоже сменил дизайн блога. Но по другой причине.
    Это творческий кризис :) Не смог найти тему поста. Вот и решил мебель переставить :)

  • Новый дизайн мне очень нравится. Светлый. Приятный для глаз. И фото кстати.

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

  • @Никита, спасибо, и тебе!

  • Классно сделано сейчас,и вообщем блог интересный,удачи в начинаниях,бууду рад вас видеть и на моем блоге

  • ну просто прекрасный дизайн, со старым можно даже и не сравнивать

Ваш комментарий

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