§3. Концепция и дизайн мобильных приложений для порталов «Meduza» и «TJournal».
Как показало исследование, одними из самых удачных вариантов дизайна приложений, с точки зрения эргономики, являются мобильные продукты сетевых общественно-политических изданий «Meduza» и «TJournal». Рассмотрим подробнее концепции, стратегии развития, особенности дизайна и эргономики приложений для этих СМИ.
.Проект «Meduza» – информационно-аналитический сетевой портал. Основные темы: новости политики, экономики и социальной сферы. На ленте «Meduza» систематически публикуются материалы о культуре, науке, образовании, а также интервью с экспертами по самому широкому кругу вопросов. Представлены и тематические рубрики (например, материалы об истории Второй мировой войны ко Дню Победы). Таким образом, портал можно назвать изданием общей направленности.
В 2014 году «Meduza» стала одним из самых громких медийных проектов на отечественном медиарынке. Редакция преимущественно состоит из бывших сотрудников «Ленты.ру», что сразу обеспечило ей интерес к аудитории. Концепция издания не копирует концепцию «Ленты.ру», но во многом близка ей. Журналисты не просто транслируют новости, но и ставят пред собой задачу формировать у аудитории целостную картину дня. редакция не только сообщает о событии, но разъясняет, как оно может повлиять на жизнь рядового читателя. Таким образом, в концепции издания изначально заложена образовательная функция (например, на сайте представлены так называемые карточки – справочная информация о том или ином феномене общественно-политической жизни, которую в доступной и понятной форме дают эксперты). Редакция находится за пределами Российской Федерации, однако вещает для русскоязычной аудитории. Как и «Лента.ру», «Meduza» является в известной степени маргинальным СМИ, но уже не находится на периферии информационного поля для подавляющего большинства россиян, и это во многом заслуга грамотной политики по продвижению в Сети.
В дизайне сайта и мобильного приложения всячески подчеркивается оторванность от отечественных медиа и «инаковость». Первоначальный вариант дизайна сайта отличается некоторой готичностью, неформатностью, вызывает ассоциации с пиратской станцией и тамиздатом (эти и подобные определения давали пользователи в своих первых откликах). Оформление перекликается с названием издания, которое, хоть и не является прямой отсылкой к Медузе Горгоне, тем не менее, семантически близко к этому образу.
Дизайн приложения отличен от дизайна сайта, но выдержан в той же стилистике. Макет приложения гибок и хорошо представляет контент как на десктопе, так и на мобильных устройствах. Более того, он позволяет корректировать внешний вид интерфейса и вносить новые элементы, не нарушая баланс композиции. Например, в ответ на резкую девальвацию рубля в декабре 2014 года и повышение читательского интереса к показателям курса валют разработчики отреагировали мгновенно: в верхней части экрана было помещено анимированное табло. Такая оперативная корректировка еще раз доказывает. Что блочный способ верстки удобен и гибок.
Интерфейс сайта и приложения очищен от лишних элементов. В структуре, цветах, шрифтовом расписании дизайнеры придерживались принципов минимализма. Изначально по умолчанию на сайте стоят черный фон. Понимая, что такое цветовое решение можно назвать экспериментальным, дизайнеры предусмотрели его смену на более традиционный белый при помощи тумблера. Выбор черного цвета, как основного, был мотивирован концепцией, которую можно условно обозначить как «пиратская станция». Тем не менее, подобная свобода оказалась неоцененной: дизайнерам пришлось провести редизайн сайта. Важно уже то, что дизайнеры «Meduza» мониторят реакцию аудитории и отталкиваются не только от теоретических представлений о красоте и удобстве, а от реальных запросов пользователей.
Структура. Рубрикация.
Появление сайта «Медузы» сопровождалось недовольством некоторых пользователей относительно чёрного фона. По мнению части аудитории, он ухудшает читабельность, заставляет глаза напрягаться. Также звучала критика самого макета: материалы располагаются блоками, таким образом, сетка новостей не предполагает жесткой иерархии. Несмотря на то, что взгляд читателя обычно описывает более-менее известную зигзагообразную траекторию, начинающуюся с левого верхнего угла, пользователи жаловались на некоторую дезориентацию, которую лишь усиливал черный фон.
Для выделения материалов и устранения монотонности, которая часто сопутствует блочной схеме верстки страницы, дизайнеры решили выделять в случайном порядке некоторые из них. Таким образом, редакторы сайта отмечают либо карточки (речь о них пойдет ниже), либо любые материалы с фотографией или иллюстрацией. Авторам работы видится более удачным решение о выделении блоков в шахматном порядке, тем более, материалы не располагаются в хронологическом порядке, а, по всей видимости, ранжируются по степени важности с точки зрения редакции.
Дизайнеры ««Meduza» учли замечания пользователей и в течение полугода изменили дизайн сайта практически полностью, оставив неизменными только шрифт и узнаваемые фирменные элементы. Благодаря сохранению общего стиля редизайн десктопного сайта, согласно отзывам пользователей, прошел мягко и, в целом, был воспринят положительно. Дизайнеры портала решили отказаться от необычного вывороченного дизайна десктопной версии, который вызывал много нареканий, и перешли на более традиционный: белый фон, черный текст. Блочная верстка сохранена, однако иерархия материалов теперь прослеживается четче: блоки имеют различный размер в зависимости от их важности и даты публикации текста. Наиболее крупные занимают всю ширину окна, средние группируются парами, маленькие блоки – тройками. Фоторепортажи вынесены в отдельный блок внизу страницы. Материалы, которые появились на ленте более трех дней назад, но, по мнению редакции, являются удачными, также вынесены в отдельный блок под общим заголовком «Истории, которые нельзя пропустить». Блоки с фоторепортажами и старыми материалами не иллюстрируют, однако их присутствие на главной странице позволяет упорядочить поток информации, визуально отделить их от остального контента и привлечь внимание аудитории.
Быстрое устаревание информации – огромная проблема для новостных изданий. Подготовка серьезного аналитического материала может занимать месяцы и иметь долгоиграющую ценность (многие фоторепортажи, помещенные на главную страницу, сделаны несколько месяцев назад). Однако новостной поток в Сети настолько интенсивен, что материал моментально опускается на позиции, не обеспечивающие ему высокую конверсию. Создавать социально важный журналистский контент становится невыгодно. Издание, если оно претендует на статус качественного СМИ, вынуждено искусственно удерживать такие материалы в зоне видимости аудитории, в первую очередь, при помощи верстки. Другой путь – повторное анонсирование в социальных сетях. Однако, как показывает опыт многих изданий, использующих этот метод, повторения в ленте часто вызывают негативные отклики постоянных пользователей.
Однако дизайнеры предусмотрели и иной вариант размещения материалов – без выраженной иерархии. Материалы располагаются по центру, друг за другом, имеют одинаковый размер, ранжированы по дням выхода. Таким образом, критерием является объективный временной параметр, а не важность, которая субъективно определяется редакцией. Такой способ, вероятно, более удобен для быстрого просмотра новых публикаций постоянными читателями – блочная верстка, несмотря на свои эстетические достоинства, несколько пестровата и может вызывать растерянность пользователя при просмотре страницы, несмотря на то, что формально не препятствует глазу описывать F-образную траеторию. Так, например, обилие цветовых пятен (иллюстраций и фотографий) может замедлить темп просмотра.
Автор исследовательской работы полагает, что именно с экономией времени связан перенос альтернативной не-блочной верстки в приложения и мобильный сайт «Медузы». Просматривая ресурс с мобильных устройств, пользователь ключевым моментом ставит наиболее удобство и скорость получения контента, поэтому, вероятно, дизайнеры и сместили акцент с эстетики в сторону функциональности.
Говоря о «Медузе», наиболее интересно рассматривать нативное приложение этого издания. На сегодняшний день его концепция, которая нашла отражение в дизайне, абсолютно уникальна для российского медиарынка. Ни одно из существующих русскоязычных общественно-политических СМИ не уделяет столько внимания приложению и не говорит открыто о принципиальной важности этой технологии для СМИ.
Соучредители «Медузы» начали разрабатывать нативное приложение для проекта с самого начала и практически сразу вывели его на рынок. Более того, мобильное приложение появилось даже раньше сайта, что является уникальной ситуацией для рынка массмедиа. Чуть позже была запущена и мобильная версия сайта.
За первые две недели приложение скачали около 80 тысяч пользователей. Ожидаемые количество скачиваний мобильных приложений «Медузы» — 500 тысяч к весне оправдались. Согласно пресс-киту, к концу 2015 года портал планирует выйти на 1 миллион скачиваний. Для социальных сетей статистика гораздо скромнее: подписка в Твиттере – почти 50 тысяч, Фейсбук и ВКонтакте – около 35 тысяч. Эти цифры могут служить доказательством того, что пользователи могут скачивать нативные приложения даже с большей охотой, чем пользоваться уже хорошо знакомыми социальными сетями. Функция социальных сетей – перенаправлять пользователей на сайт, чем, конечно, не занимается приложение, являясь самостоятельным первичным ресурсом. Возможно, причина такого активного отклика аудитории – качественно проведенная перед запуском PR-компания и новизна технологии и самой концепции издания, выстроенной вокруг приложения.
Написание приложений для мобильных устройств до сих пор считается рискованным шагом, и не все СМИ готовы выделять дна них деньги из своего бюджета. Наиболее гладко этот процесс идет среди качественных зданий, как правило, полноцветных журналов об образе жизни современного горожанина, так называемые СМИ категории «lifestyle54». Общественно-политические СМИ очень осторожно переходят на формат приложений, как полагает автор, в первую очередь из-за ограниченного бюджета. Запуск «Медузы» также сопровождался финансовыми проблемами. Тем не менее, создатели проекта хорошо изучили свою аудиторию ещё со времен «Ленты.ру» и приняли принципиальное решение вложиться в разработку нативного приложения.
На данный момент существует приложения под системы iOS и Android, для мобильных телефонов и планшетов. Осенью приложение «Meduza» для iPhone занимало первое место среди новостных изданий в App Store. При запуске приложения имелись неисправности, из которых основными можно назвать три: в меню «Карточки» было нельзя открыть карточки – приложение вылетало, с перебоями работало обновление тем и картинок. Эти неисправности были оперативно решены в пределах одного обновления. Основная и наиболее тяжелая проблема, которая до сих пор не решена в большинстве приложений – некорректное отображение на экране iPhone 6. Тем не менее, компания Apple оценила его как одно из лучших, выпущенных за последние месяцы. Приложения для платформы Windows Phone развивать пока не планируется из-за малого количества пользователей, посещающих мобильный сайт с аппаратов этой системы.
Однако статистика скачивания приложения мало говорит о его реальной эффективности: необходимо учитывать количество посещений и время работы в приложении. В то время как ленту новостей в социальных сетях просматривает большинство, обеспечивая хороший трафик сайту, автору данного исследования неизвестно, сколько людей действительно пользуется приложением, а у скольких пользователей оно лежит мертвой иконкой. Очевидно, необходимо каким-то образом связать этот программный продукт со ссылками в социальных сетях (для тех, кто его скачал), так как преимущество нативного приложения перед мобильным браузером относительно удобства чтения очевидно.
Интересно то, что на почтовую рассылку подписалось всего на четверть меньше людей, чем скачало приложение. Электронная почта сегодня не является самым оперативным способом доставки новостей, поэтому, вероятно, почтовые рассылки едва ли можно считать очень популярным сервисом. Однако вопрос требует дополнительного изучения, в том числе анализа трафика с почтовых серверов.
Однако решение развивать собственное приложение продиктовано не только знанием потенциальной аудитории, сколько трудностями в реализации свободы слова в России. Принимая во внимание судьбу «Ленты.ру», создатели «Медузы» посчитали целесообразным сделать упор на технологию приложений, то есть на прямую доставку контента пользователю. Таким образом, по задумке авторов, даже при наихудшем сценарии развития событий у читателей «Медузы» останется возможность получать альтернативную точку зрения.
Заблокировать доступ к мобильному приложению крайне тяжело, хотя принципиально возможно. На второй день работы «Медузы» сайт издания был заблокирован в Казахстане, приложение же продолжило работу. Несмотря на то, что приложение работает через домен, который можно заблокировать, по всей видимости, разработчики встроили в него скрытый функционал, дающий возможность переключиться с домена на ip-адрес. Для пользователя это пройдет незаметно, максимум, потребуется обновление. В случае с сайтами обход блокировок, используя прокси-сервер, потребует от аудитории определенных усилий, и далеко не всякий читатель на это пойдет. В случае блокировки провайдером сайте «Медузы», издание неизбежно потеряет часть аудитории, станет ещё более маргинальным, однако продолжит функционировать. Учитывая высокую степень лояльности своей аудитории, ущерб может быть совсем не велик.
Рубрикация приложения не дублирует рубрикацию сайта. Здесь, кроме основных разделов «Новости», «Картотека», «Статьи» и «Шапито» вынесена рубрика «Темы» и раздел с информацией (последний имеет очертание regular, что, видимо должно как-то отделять его от основных рубрик; на сайте раздел с данными о проекте традиционно помещен внизу).
Рубрика «Темы» отображает группу материалов, объединенных одним инфоповодом. Такая подборка, как правило, держится несколько дней и показывает динамику развития события. Пользователь, заинтересованный в конкретной теме, может не блуждать по ленте, подгружая старые новости (это может занять продолжительно время), а просмотреть всю совокупность материалов сразу. Для решения этой задачи многие сайты пользуются тегами или предоставляют возможность поиска по ключевым словам, однако в приложениях данный функционал пока не реализован.
По всей видимости, введение рубрики «Тема» – это попытка решить один из пользовательских запросов, который уже сформировался, но ещё не удовлетворен по технологическим причинам. С другой стороны, не совсем ясно, почему тема – одна, к тому же, часто не самая насущная для российской аудитории. Ничем не мотивированным кажется и отсутствие строки поиска и архива на самом сайте. Отсутствие последнего – стандартное решение для приложений и странное – для сайта качественных изданий. Едва ли оно пойдет на пользу репутации «Медузы», претендующей на объективность.
Различается и верстка рубрикации. Вместо горизонтального расположения, представленного на сайте, в приложении используется вертикальная. Это больше подходит для экранов планшетов и мобильных телефонов и связано с выбором фиксированной вертикальной ориентации интерфейса. Рубрики и логотип – всё, что помещено на главную страницу приложения: лаконично и не перегружает макет лишней информацией.
Шрифты для программного продукта «Медузы» подбирались с учетом концепции издания и органичного отображения на черном поле. Особенно интересен выбор шрифта для логотипа – шрифт нарочито готический, хотя и вполне читабельный, без лишних декоративных выносных элементов и внутрибуквенных штрихов. Графика штрифта ломаная, без скруглений, которые мы видим, например, в ротонде. Шрифт, разумеется, не принадлежит ни к одному классическому начертанию готической группы и является их упрощенной стилизацией. Упрощение необходимо для корректного отображения на всех мобильных устройствах: утонченная детализация рисунка шрифта не всегда доступна даже на современных гаджетах, к тому же, она может вступать в конфликт с минимализмом верстки. Шрифт плоский, без объема, поэтому первая буква хорошо легла на иконку приложения и в целом вписалась в моду на плоский дизайн.
Количество шрифтов для текстов очень невелико: рубленый шрифт используется для рубрик и заголовков, контрастный антиквенный с каплевидными элементами и скругленными засечками – для основного текста. Последний выглядит мягко и изящно и прекрасно отображается на всех устройствах. До недавнего времени считалось, что в пространстве веба лучше не использовать антиквенные шрифты для основного массива текста, так как засечки ухудшают читабельность из-за некорректного отображения. Сейчас данная проблема, очевидно, ушла в прошлое – dpi (количество точек на дюйм) стремиться к эталонным 300 уже практически на всех устройствах, а значит, для экрана справедливо то же, что и для бумаги – шрифты с засечками только улучшают читабельность.
Создатели сайта и приложения разработали оригинальную иконографику для издания – совокупность круглых графем для обозначения содержимого. Иконки помещаются напротив заголовка и отображают либо тему материала, либо указывают на наличие мультимедийного файла, встроенного в текст. Подобные рисунки сопровождают, в основном, так называемые «карточки» – информативно ёмкие экспертные объяснения политико-экономических явлений – и служат своего рода иллюстрациями, оживляя сухой текст без фотографий. Цвет иконок перекликается с цветом логотипа. Дизайнеры создали лишь несколько иконок с фиксированным значением, остальные предназначены для единичного использования и каждый раз отрисовываются заново. Иконографика «Медузы» проста, но стилистически целостна, и работает на создание узнаваемого облика издания.
Макеты страниц приложения для «Медузы» сверстаны нарочито просто, с соблюдением правил адаптивного дизайна, поэтому пользователи различных устройств и платформ не жалуются на отображение информации. Однако отсутствует горизонтальная ориентация экрана, что вряд ли можно считать недостатком. Напротив, многие СМИ сегодня идут по пути отказа от горизонтальной ориентации, так как это значительно усложняет и замедляет процесс верстки. К тому же, читатели привыкли к журнально-газетному вертикальному формату полосы и, видимо, не испытывают никакого дискомфорта.
История развития портала «TJournal» не столь драматична и полна событий, что, безусловно, повлияло на концепцию их мобильных продуктов. в отличие от своих коллег из «Meduza», мобильные приложение издания изначально не задумывались как аварийный канал предоставления информации. «TJournal» прошел путь от чисто новостного агрегатора группы энтузиастов до сетевого СМИ про медиатехнологии с уникальным подходом к подаче материала. Поиск концепции СМИ в новой информационной среде привел к созданию издания, заточенного на сбор и индексацию самых популярных материалов в социальных сетях. Анализ производится специальными ботами – программами для автоматической обработки новостей. Помимо них редакция осуществляет и ручной отбор, что позволяет включить важные и интересные, но по каким-то причинам непопулярные новости. Такой метод сбора информации на российском медиарынке представлен впервые. Уже сейчас можно говорить, что такой формат позволяет существенно увеличить скорость поиска и предоставления информации. Оригинальная концепция и хорошее исполнение программных продуктов позволила «TJournal» в короткие сроки выйти на несколько миллионов просмотров в месяц при самых скромных стартовых вложениях. Медиа, технологии и тренды – основа концепции издания. Цель проекта – борьба с новостным шумом и систематизация хаотичного движения информации в Интернете.
Мобильное приложение – подходящая платформа для новостных агрегаторов. При этом основная доля просмотров приходится на версию для смартфона – формат технологии служит задачам новостного портала наиболее полно и наименее затратно. Осознать важность мобильных технологий и стать одними из первых игроков на этом поле удалось благодаря кадровому составу издания, состоящему преимущественно из специалистов по мультимедийным коммуникациям, бизенес-информатике и IT, которые в силу профессии понимают, как должен выглядеть эргономичный интерфейс. Основная аудитория приходит в приложение из социальных сетей: формат мобильных сервисов и «TJournal» в целом неотделим от SMM.
Редакция издания открыто заявляет, что СМИ ближайшего будущего будут функционировать исключительно на мобильных платформах, а новости будут доставляться посредством уведомлений. Отсюда повышенное внимание к дизайну и эргономике мобильных продуктов, редизайн и штатные обновление которых происходят раньше, чем в десктопной версии, по крайней мере, такова картина за исследуемые период.
Структура портала предельно проста, количество рубрик и подрубрик не превышает четырех. В дизайне разработчики придерживаются принципов минимализма: простая, но качественная типографика, ясная и продуманная навигация. Логотип исполнен в стилистике иконки для мобильного приложения – он минималистичен и гладок. Дизайнеры избегают всякого скевоморфизма, то есть исключают элементы, имитирующие тени и объем. Иными словами, разработчики следуют современным трендам в дизайне графических интерфейсов. Цветовое решение приложения классическое: белый фон, контрастный текст, дополнительные неброские цвета. Плоский дизайн, родившийся в недрах мобильного веб-дизайна, перекинулся и на десктопную версию. Мобильные технологии постепенно оттесняют традиционные сайты, аудитория активно перетекает на мобильные платформы, что не может не отражаться на развитии веб-дизайна.
Редакция «TJournal» реализует возможности технологии приложений в области формирования пула постоянной аудитории. Издание выбрало интересную модель взаимодействия с читателями: организован клуб, членство в котором предоставляется по подписке. Для того, чтобы просматривать и оставлять комментарии пользователь должен заплатить взнос. Смысл такого рискованного шага в том, чтобы очистить пространство диалога от ботов и снять «эффект анонимуса», то есть повысить ответственность комментатора за слово. Деанонимизация придает дискуссии более сдержанный и корректный по отношению к оппоненту тон, аргументация становится основательнее, снимается проблема так называемого «троллинга», исчезают оскорбительные и демонстративно агрессивные высказывания. Осуществление подписки происходит через платежную систему, встроенную в приложение, что повышает удобство и безопасность перевода. Тем не менее, с первыми проблемами монетизации изданию уже пришлось столкнуться: наложение экономических санкций на выбранный редакцией банк прервало всякую связь между пользователями и редакцией. Потребовалось время на аварийную перестройку приложения с последующим обновлением. Возможно, в целях избегания подобных ситуаций следует связывать программный продукт сразу с несколькими платежными системами. Тем не менее, опыт перевода средств через приложения однозначно пригодится редакции для монетизации мультимедийных материалов, а также в целях рекламы.
Примечателен постепенный дрейф в сторону традиционной журналистики. Несмотря на важность автоматической обработки и аккумулирования новостей из Интернета, то есть работы в качестве агрегатора, сегодня редакция предоставляет и чисто авторские материалы. Сотрудники «TJournal» заявляют, что аудитория начинает все больше интересоваться оригинальным контентом. Таким образом, сценарий, в котором пользователи начнут сами производить контент, минуя традиционные СМИ (theory of user-generated content), можно считать несостоявшимся. Несмотря на то, что информационные отношения уже между СМИ и массовой аудиторией уже никогда не будут прежними, часть читателей и слушателей будет испытывать потребность в персонифицированной журналистике и экспертных мнениях даже на виртуальных площадках. И если мобильные приложения для смартфонов лучше презентуют новости, то формат планшетных версий прекрасно представляет качественную аналитику в общественно-политических изданиях, параллельно облегчая её монетизацию.
|
