Анализ юзабилити

Анализ информационных сайтов «Бумага.ру» и «Фонтанка.ру»

Для данного анализа я выбрала две петербургских интернет – газеты:

1. «Бумага.ру» (http://paperpaper.ru/)

2. «Фонтанка.ру» (http://fontanka.ru/)

Общее этих сайтов в том, что они оба основываются на новостях и событиях, происходящих в Санкт – Петербурге и Ленинградской области. Оба СМИ пишут об информационно-аналитических и общественно-политических событиях.

1. УРОВЕНЬ ПОВЕРХНОСТИ

Бумага




Оформление сайта несёт в себе явный намёк на минималистичность. Здесь всё чётко и ясно уже с одного взгляда.

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



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

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

Фонтанка

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

При внимательном рассмотрении становиться понятно, что визуальное пространство разбито на четыре полосы. На первой располагается всё, что произошло за 24 часа. На второй расположен блок «Главное», что логично, так как он лежит практически посередине, где его сразу становится видно. На третьей и четвёртой полосе блоками размещены разные рубрики: «картина дня», «бизнес-трибуна», «говорим и показываем», «выбор редакции», «особое мнение» и т.д.

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

2. УРОВЕНЬ КОМПОНОВКИ

Бумага

Для того, чтобы понять уровень компоновки, оценим все скроллы сайта.
Сюжеты дня очень грамотно распределены на маленькие рубрики, что очень удобно. Цветовая гамма как самого сайта в целом, так и отдельных его элементов (изменение цвета заголовка при наведении курсором, выделенные цветом рубрики, простота и пастельные тона) создаёт очень приятную атмосферу для посещения этого интернет СМИ.



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




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



Фонтанка

На мой скромный взгляд Фонтанка перегружена блоками информации, полосами и строками везде, где только можно их поставить. Осмелюсь предположить, что сайт держит пародию выдержанного стиля сайтов 2000х, так как работать СМИ начало именно в те годы. Хотя конечно сайт работает отлично и есть только отдалённые визуальные сходства.



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

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

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

Вывод: читать неудобно, смотреть неприятно, нельзя сразу сосредоточиться.

3. УРОВЕНЬ СТРУКТУРЫ

Бумага

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



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



Хочется также отметить наличие тегов, что заметно упросит вам поиск нужных материалов.




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

Фонтанка

Рубрики в шапке сайта расположены достаточно удобно. Во вкладке «ещё» можно найти с десяток других рубрик на вкус и цвет.



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

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

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

4. УРОВЕНЬ НАБОРА ВОЗМОЖНОСТЕЙ

Бумага

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



Также присутствует рубрика «Закладки», в которой редакция сама подбирает что-то максимально интересное для читателей. Это хороший ход для привлечения внимания и, возможно, раскрутки спонсоров.

Фонтанка

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



Дополнительно, как и у Бумаги.ру присутствуют виджеты погоды, затруднённости движения на дорогах, валюта, плюс дата и время.

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

5. УРОВЕНЬ СТРАТЕГИИ

Бумага

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

Данный сайт справляется со своими основными задачами – креативно информируют о жизни Питера.

Фонтанка

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

6. РЕКЛАМНАЯ СТРАТЕГИЯ

Бумага

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

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

Фонтанка

Реклама размещена в начале на двух маленьких баннерах и через 2-3 скролла в конце на баннерах побольше. Рекламные блоки соответствуют цветовым решениям и дизайну сайта. Они совершенно не мешают читать новости и в целом находиться на сайте. В основном это реклама, направленная на проблемы и потребности практически всех возрастных категорий. Это так сказать жизненные вопросы, представленные в рекламе. Недвижимость, здоровье, различные услуги. Всё это привлечёт внимание среднестатистического читателя Фонтанки.

ДОСТОИНСТВА И НЕДОСТАТКИ

Бумага

Плюсы:

1. Приятный дизайн

2. Рекламные блоки соответствуют цветовым решениям и дизайну сайта

3. Простота и минимализм, ничего не мешает

4. 6 рубрик, расположенных в header

5. 2 дополнительные рубрики

6. Реклама, соответствующая интересам аудитории

7. Кнопки соцсетей в каждой новости

8. Присутствие тегов

9. Наличие виджетов

Минусы:

1. Отсутствие поисковой строки



Фонтанка

Плюсы:

1. Наличие даты и времени в виджетах

2. Реклама, соответствующая интересам аудитории

3. Выпадающее меню с рубриками в header

4. Более 22 рубрик, разнообразие тем

5. Мобильная версия

6. Поисковая строка

Минусы:

1. Неудачный дизайн

2. Перенасыщенность блоками на одном скролле


Для меня наиболее удобным и приятным сайтом стала Бумага.ру. У этого сайта приятный дизайн, работающие функции и ничего лишнего.