10 советов юзабилити про шаблон оформления блога
Поиск
 
Авторизация
 Регистрация   Войти   Забыли пароль? 

10 советов юзабилити про шаблон оформления блога

Главная / категория «Советы по юзабилити дизайна сайта » / «10 советов юзабилити про шаблон оформления блога»


Опубликовано Декабрь 6th, 2007

Автор: Мэни Кэртик
Перевод: Всеволод Козлов

Выбор темы оформления для своего блога – занятие не из легких. В Интернет огромное количество бесплатных тем различного типа для различных блоговых CMS (систем управления контентом).

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

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

1. Тема оформления должна фокусировать внимание пользователя на контенте блога

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

2. Читабельность контента

Маскировка рекламных объявлений, например Google AdSense, в стиль текста, способна сбить пользователей с толка. Вставляя рекламные объявления внутрь контента, позаботьтесь о сохранении его удобочитаемости.

3. Используйте исключительно XHTML+CSS валидные темы оформления

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

Для проверки тем оформления на валидность, Вы можете воспользоваться официальными html-валидатором - http://validator.w3.org/ и css-валидатором - http://jigsaw.w3.org/css-validator/ .

4. Код страниц сайта должен быть оптимизирован по-максимуму

Просмотрите код страниц сайта (клик правой кнопкой мыши в окне браузера и выбор пункта «View Page Source» или «Просмотр исходного кода») и сделайте вывод, требуется или нет работа над кодом.

Если код грамотно структурирован, легко читается, то все в порядке. В любом другом случае от Вас потребуется работа над его оптимизацией.

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

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

А теперь ответьте мне на вопрос, готовы ли Вы пожертвовать своими посетителями, не дождавшимися загрузки Вашего блога, или Вы лучше уменьшите его подчас необоснованную интерактивность?

6. Кросс-браузерность темы оформления

Проверьте, как выглядит выбранная Вами тема оформления в основных используемых пользователями Интернет браузерах: Internet Explorer, Mozilla Firefox, Opera, Safari. Если во всех браузерах тема оформления выглядит одинаково, то все отлично! Если нет, то Вам следует «поколдовать» над кодом.

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

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

8. Никакого Ajax’a, никакого JavaScript’a

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

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

9. Наличие небольшого, аккуратного хедера. Никакого Flash

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

10. Скорость загрузки блога с отобранной темой

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

Оригинал статьи: 10 things to note when picking a new template for your blog

 http://www.w3school.ru/blog/blogging-design/10-things-to-note-when-picking-a-new-template-for-your-blog.html

 

    2 комментария(-ев)

  • LedWorm
    1) согласен полностью
    2) согласен
    3) не согласен, пользователь читает контент, а не html код (мой сайт не полностью валиден, но отображается нормально)
    4) Не обязательно. Но чем меньше весит код, тем лучше. +- 5 килобайт никого не убьет.
    5) Совет поставлен не верно. Нужно так: “Не перегружайте блог”
    6) согласен
    7) Согласен. именно поэтому меню нужно размещать слева, т.к. в коде он будет снизу
    Полностью не согласен. Мой блог поддерживает несколько AJAX функций: добавление комментариев, опросы, голосование за посты. Мои пользователи очень довольны.
    9) Не согласен. Бывают хороши хедеры и на flash.
    10) Очень быстро это сколько?


  • Всеволод Козлов

    LedWorm, спасибо за содержательный комментарий!

    Сейчас отвечу на те пункты Вашего коммента, в которых Вы выразили свое несогласие!

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

    4. Ну как сказать… Тут 5 кб, там 5 кб… А в сумме получается “снежный ком”… Если уж делать, то делать добротно сразу, а не тяп-ляп.

    5. Верно! Я специально так назвал. Т.к. “не перегружайте” нечеткое, расплывчатое понятие.. Можно перегружать графикой… А тут конкретно про плагины.

    8. Ну это Ваше право. Тут имеется в виду, что не следует без нужды использовать различные скрипты… например, я захочу оставить коммент у Вас с мобильника, а скрипты отключены… И я не смогу… Удар по доступности чистой воды!

    9. Никакого Flash, т.к. не у всех установлен Flash-плеер + к этому Flash тормозит загрузку страницы.. Не раз убеждался на различных проектах.

    10. Несколько секунд. Чем меньше, тем лучше.

 


 0 

Изменён: 21.01.2015 19:19:52.  Reads: 1263
Рейтинги