Юзабилити блога: размышления

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

Юзабилити блога: размышления

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

На подсознательном уровне меня не покидает мысль о том, что стандартная форма оформления блога слишком консервативна и ей недостаёт живости, объёмности, целевой информативности. С приходом HTML 5 возможностей создания объёмной структуры станет больше, но ведь пока ещё нет реализованной яркой и простой идеи (а может есть, но мне пока не известна?).

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

Что первично в блоге?

Заголовок. Первоначальным желанием было сказать, что тексты статей, но нет. Заголовок – это первое, что рождает в нас интерес, что заставляет сделать первый шаг.

Что же займёт второе место?

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

Контрастное фото, красочная графика или заманчивые цифры на скриншотах статистики.

Если вспомнить, что «мужчина любит глазами», не подтверждает ли это мысль, что картинка способна закрепить вторым шагом интерес, рождённый первым?

Третье место

По праву – это текст. Здесь уже не всё так просто. Если 1-й и 2-й шаг с большой долей вероятности бессознательно сделает каждый, то содержание начнёт чётко отделять «мух от слонов». Очевидно на этом шаге нужно решать, кто важен, а кого слить в утиль.

Здесь уже стоит учитывать специфику блога и определиться с ожидаемой целью конверсии (результирующим действием читателя).

Читающий может получить полезную информацию, положительные эмоции или заинтересоваться тем, что попадёт в зону его восприятия (ссылки на другие, близкие по тематике материалы, баннер или рекламный блок):

  • Полезная информация может утолить его жажду познания и мотивировать на продолжение чтения других статей, если они окажутся в зоне его внимания (вспомним по блок ссылок в конце статьи с похожими записями) или же побудить подписаться на рассылку блога, дабы не упустить что-то новое и важное.
  • Положительные эмоции – не менее важный мотивационный фактор, способный только на эмоциональном подъёме сделать читающего вашим подписчиком, вот только нужно дать ему возможность осознать, что сделать это легко и просто.
    На этом этапе сама собой напрашивается форма подписки на RSS и Email в конце статьи. Очевидно, мне не стоит откладывать с реализацией этого пунктика у себя в блоге.
  • Зона восприятия не постоянна и постепенно перемещается по идее зигзагообразно сверху вниз, причём концентрация на материале постепенно угасает и взгляд начинает отчаянно искать за что зацепиться (новый мотивирующий стимул). Это может оказаться ссылка внутри статьи, уводящая в никуда (очевидно ко всем внешним ссылкам нужно применять атрибут target=«blank», чтобы ссылка открывалась в новой вкладке, оставляя страницу открытой) или мотивирующая на действие (переход на целевые страницы).

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

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

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

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

Метки: ,

16 комментариев

  • IntelEgentСайт автора комментария:
    http://cms-all.ru
    26.03.2012

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

  • МаксимСайт автора комментария:
    http://seomole.ru/
    28.03.2012

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

  • фрэнк лэмпард
    28.03.2012

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

  • ДмитрийСайт автора комментария:
    http://iihost.ru/
    02.04.2012

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

  • XstroyСайт автора комментария:
    http://xstroy.com
    03.04.2012

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

  • gannСайт автора комментария:
    http://gannforex.ru
    17.05.2012

    Хорошо написанная статья! Особенно момент «второе место» — картинка удалась.

  • ТриколорСайт автора комментария:
    http://strekoza-tv.ru/
    25.06.2012

    Полезная статья. А вообще правила успешного ведение блога начинают все более сближаться с журналистикой.

  • Оксана
    25.07.2012

    Интересные размышления на тему!

  • Мишк
    11.10.2012

    Спасибо! Я вот боюсь ставить яндекс метрику, так как разные думки про нее ходят 🙂 А вот от гугла поставил, теперь работаю над «плохими» страницами.

  • Oksana Fake
    18.12.2012

    По моим недавним наблюдениям уникальность картинки влияет на лояльность роботов к статье…но это пока только наблюдения….

  • WorldShopСайт автора комментария:
    http://worldshop-web.com
    12.02.2013

    Все влияет до кучи в одном месте по оптимизации всего сайта )

  • ЛешаСайт автора комментария:
    http://multoff.net
    29.03.2013

    Спасибо за советы!! Прислушаюсь обязательно!!!

  • КираСайт автора комментария:
    http://proxod-igr.ru/
    20.04.2013

    У вас очень интересные посты и я надеюсь что их будет еще больше и они останутся такими же интересными.Спасибо вам.За ваш труд.

  • СергейСайт автора комментария:
    http://ключиспб.рф
    28.05.2013

    Занялся плотно юзабилити сайта, после проведенной работы количество просматриваемых страниц выросло в 3 раза, а время прибывания в 2.

  • ТоляСайт автора комментария:
    http://30r.biz/
    06.08.2013

    Интересная и познавательная статья. Но не так просто сделать удобное перемещение по сайту. Но будем пробовать. Спасибо!

  • _valeri_
    02.09.2013

    Всё так. И ни один пункт не вызывает сомнения. Разве что филологическая закваска не дает покоя: текст (= смысл) оказывается, увы, на 3-м (!) месте. Впрочем, такое допущение вполне, как оказывается в последствии, оправдано, ибо и текст, и изображение, одним словом ВСЁ сделано для того, чтобы посетитель задержался таки и принялся читать этот самый текст. Нет, что не говори, но «интернет-полигарфия» — это отдельная область исследований.

Оставить комментарий:

Условия комментирования:
Допускается использование тегов (href, strong, em, code).
Не по теме или неуместные комментарии будут удалены или отредактированы.
Адрес электронной почты никогда не будет опубликован.

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Все поля, отмеченные "*" обязательны к заполнению.