Обложка в мобильном приложении VK: менять или не менять?

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

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

В конце декабря администраторы, открыв свои группы на обновленных iOS и Android, обнаружили на обложках некорректное отображение некоторых элементов. Из-за того, что в приложениях обложка обрезается, а на m.vk элементы интерфейса размещаются не как на десктопе, некоторые обложки стали выглядеть некорректно. Где-то пострадали изображения, где-то обрезались тексты, где-то графика с призывом написать сообщение сообществу оказалась не у дел.

Как быть, если на мобайле всё плохо?

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

Для групп с трафиком до 20% мы рекомендуем оставить десктопный вариант. В десктоп-версии можно разместить над кнопкам призывы вступить в группу и написать сообщение сообществу — это увеличивает обращения и конверсию во вступления.Соотношение по просмотрам с разных устройств можно узнать в статистике группы.

Что с размерами?

Для мобильных версий «ВКонтакте» обращайте внимание на то, чтобы графические элементы и тексты не попадали в край справа, слева и сверху. Мы рекомендуем придерживаться следующих отступов:

— 197 px слева и справа;

— 83 px сверху (зона индикаторов): с небольшим запасом, чтобы смотрелось органично.

Также на обложку попадают управляющие элементы: троеточие (доп. опции меню) и стрелка («Назад»). Чтобы значимые элементы не попали на них, к левому и правому отступам в 197 px можно добавить ещё 140 px.

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

Мы подготовили схему с отступами: