суббота, 30 ноября 2013 г.

Таймлайн: самые известные авиакатастрофы

Анализ юзабилити немецких новостных сайтов

Задание А
 Сайт газеты "Bild" http://www.bild.de/ (посещаемость около 10 млн. в месяц)
1.Уровень поверхности
Рис. 1

Поисковая строка, блок регистрации/входа на сайт, все рубрики и отдельные ссылки на дополнительные возможности (погода, мобильная версия, онлайн-покупка номера) расположены на самом верху и видны сразу при входе, что очень удобно. Присутствует также удобная строка "сделать эту страницу домашней", которую по желанию можно отключить. Неудобства появляются, когда необходимо выбрать рубрику - выпадающее меню может иметь два уровня и столько подпунктов, что они не помещаются на экране (рис.1). За другими инструментами придётся полазить: кнопки соцсетей нашлись где-то на 6-7 экране. Инструменты из верхнего меню продублированы в самом низу страницы, но уже в развёрнутом виде. Не думаю, что кто-то сюда добирается (впрочем, немцы терпеливы).
2. Уровень компоновки
У сайта огромные поля, причём правое заметно шире, там нет ни баннеров, ни иных элементов - бессмысленное пространство. Зато место, которое всё же осталось для информации, забито крупными изображениями, среди которых иногда появляется текст. Каждая рубрика скомпонована по одному шаблону из двух крупных изображений, двух превью с текстом и пары баннеров. (рис. 2 и 3). Некоторые части сайта скомпонованы по-иному, но тоже довольно чётко. На мой взгляд, крупные изображения перебивают друг друга, создают неприятную пестроту, особенно заметную в контрасте с серой пустотой полей.
Рис.2

Рис. 3
3. Уровень структуры
Всё самое необходимое - погода, подписка, вход, рубрики, дополнительные проекты - расположено наверху страницы, ходить никуда не надо. Но если начать прокручивать сайт, в совершенно неожиданных местах обнаруживаются "сюрпризы": видео, топ-5 статей, лента актуального за день (узкая лента горизонтальной прокрутки), иконки перехода на региональные порталы. Всё это можно было бы поднять повыше - названные элементы располдожены так низко, что не знающий об их существовании пользователь не найдёт их.
4. Уровень набора возможностей
Не так давно Bild перешёл на платный доступ к эксклюзивному контенту. Такие материалы помечены знаком "Bild+"и находятся как в отдельных блоках (рис.4), так и вместе с общедоступными материалами.  Прочие возможности довольно стандартны и общедоступны. Функцию комментирования материалов найти не удалось, похоже, это возможно лишь через соцсети.
Рис.4

5. Уровень стратегии
Издание, которому принадлежит сайт, является таблоидом с сенсационно-развлекательным уклоном. Ту же функцию выполняет данный Интернет-ресурс, и довольно успешно - яркие, крупные заголовки и иллюстрации, большое количество бросающихся в глаза элементов.
6. Рекламная стратегия
На сайте много рекламных баннеров разных размеров и степени подвижности. Есть баннер магазина технико огромного размера и необычной формы (рис. 5). в самом низу расположкены строчные ссылки на другие издания, владельцем которых является Аксель Шпрингер.
Рис. 5

Сайт журнала "Spiegel" http://www.spiegel.de/ (посещаемость около 8,5 млн. в месяц)
1. Уровень поверхности
Все самые необходимые элементы видны сразу, горизонтальное меню разделено на две части: сначала идут спецпроекты и возможности, чуть ниже - рубрики с аккуратным выпадающим меню (рис. 6). Здесь же присутствуют кнопки соцсетей, а вот место регистрации/входа заметно плохо. На первом же экране отображается главная новость на данный момент с крупной фотографией, что, на мой взгляд, довольно удобно. Кстати, любой элемент на главной странице - заголовок, фото. текст - при клике открывает публикацию, что тоже удобно.
Рис. 6

2. Уровень компоновки
Опять безграничные поля. Основная часть сайта свёрстана в 2 колонки, причём левая шире, в ней идут свежие материалы рубрик. Элементы расположены относительно друг друга свободно, остаётся достаточно воздуха и при этом нет слишком больших "дыр"( рис. 7). В правой колонке расположены главным образом превью видеосюжетов, а также топ-3 актуальных новостей и популярные публикации. 
Рис. 7
3. Уровень структуры
На главной странице материалы чётко разделены по основным рубрикам. Отдельным блоком расположены блоги обозревателей, видеоновости и ссылки на электронную версию физических номеров. На странице с материалом легко найти форму комментирования и переход на форум, кнопка стартовой страницы также хорошо заметна. Такие полезные, но не всем нужные элементы, как прогноз погоды и биржевые сводки, расположены ближе к середине главной страницы, что, на мой взгляд, вполне логично. А вот горизонтальное меню, целиком посвящённое исключительно футболу, наверху главной страницы - несколько странно и, на мой взгляд, неоправданно.
4. Уровень набора возможностей
На мой взгляд, на сайте есть всё, что нужно пользователю и до всех элементов легко добраться. Возможно, стоило вынести последние и актуальные новости повыше - хотелось бы видеть на первом экране не одну новость, а сразу несколько.
5. Уровень стратегии
Сайт предназначен для информирования аудитории о происшествиях, новых тенденциях и решениях в самых разных сферах, и с этим он отлично справляется. Кроме того очевидны отсылки к физической версии издания, следовательно, сайт выполняет и некую представительскую функцию.
6. Рекламные стратегии
На главной странице насчитала 6 рекламных баннеров разных размеров, 1 внутренний и 5 партнёрских, которые были собраны в одном блоке внизу страницы. Ещё два с лишним десятка партнёров вынесены в строчную рекламу, также внизу. (рис. 8). Кстати, любой клик по свободным полям перебрасывает пользователя также на страницу рекламодателя.
Рис. 8

Задание Б
Рассмотренные выше сайты имеют примерно одинаковый набор функций и уровень их доступности. Однако на уровне визуального восприятия сайт "Spiegel" является для пользователя более комфортным, он содержит меньше ярких крупных изображений и подвижной реклымы, имеет удобную навигацию и комфортное горизонтальное меню. Единственный замеченный мною крупный недостаток - переход к рекламе при клике по совершенно свободному полю. Сайт "Bild" сильно перегружен иллюстрациями, а вёрстка такова, что до конца главной страницы дойдут только самые выносливые. Очень много рекламы, иногда она смешивается с иллюстрациями. Двухуровневое выпадающее меню, выходящее за пределы экрана, навряд ли добавляет удобства.


понедельник, 18 ноября 2013 г.

В Челябинске отметили День чёрного кота

В минувшее воскресенье активисты фонда "Спаси меня", детской библиотеки №16 и мастерской "Магия рукоделия" постарались разрушить все суеверия южноуральцев, связанные с чёрными кошками. Детей и взрослых пригласили на весёлый праздник с конкурсами и ярмаркой, кульминацией мероприятия стало дефиле питомцев и награждение Самого Чёрного Кота.


Мастерицы приготовили множество украшений и поделок на кошачью тему
Большой и вкусный торт в честь виновников торжества
Кто на кого похож: кошка на хозяйку или наоборот?
Несколько бездомных чёрных котят нашли хозяев
Конкурс на самого чёрного кота проводит президент фонда "Спаси меня" Карен Даллакян

Крупный кот породы мейн кун обладает редким чёрно-мраморным окрасом
В конкурсе принимали участие не только породистые коты, но и обычные домашние мурлыки

По ходу знакомства с участниками Карен Даллакян рассказывал об особенностях кошачьих пород


Кот породы донской сфинкс такого окраса считается чёрным

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




Победитель конкурса - кот Бегемот