Обложка в мобильном приложении VK: менять или не менять?
В конце октября в группах «ВКонтакте» появились обложки, которые пришли как альтернатива аватарам справа. Многие подметили, что «ВКонтакте» теперь ещё больше походит на Facebook.
Анонсировав нововведение, соцсеть отметила, что поддержка обложек в мобайл появится чуть позже. По факту, в приложения и m.vk обложки пришли перед Новым годом, когда большинство сообществ уже разработало и установило новую графику.
В конце декабря администраторы, открыв свои группы на обновленных iOS и Android, обнаружили на обложках некорректное отображение некоторых элементов. Из-за того, что в приложениях обложка обрезается, а на m.vk элементы интерфейса размещаются не как на десктопе, некоторые обложки стали выглядеть некорректно. Где-то пострадали изображения, где-то обрезались тексты, где-то графика с призывом написать сообщение сообществу оказалась не у дел.
Как быть, если на мобайле всё плохо?
Многие клиенты спрашивают нас, стоит ли срочно адаптировать обложки под мобильные устройства.
Обложки ВК на мобильных устройствах
Для групп с трафиком до 20% мы рекомендуем оставить десктопный вариант. В десктоп-версии можно разместить над кнопкам призывы вступить в группу и написать сообщение сообществу — это увеличивает обращения и конверсию во вступления.Соотношение по просмотрам с разных устройств можно узнать в статистике группы.
Что с размерами?
Для мобильных версий «ВКонтакте» обращайте внимание на то, чтобы графические элементы и тексты не попадали в край справа, слева и сверху. Мы рекомендуем придерживаться следующих отступов:
— 197 px слева и справа;
— 83 px сверху (зона индикаторов): с небольшим запасом, чтобы смотрелось органично.
Также на обложку попадают управляющие элементы: троеточие (доп. опции меню) и стрелка («Назад»). Чтобы значимые элементы не попали на них, к левому и правому отступам в 197 px можно добавить ещё 140 px.
Если вы хотите, чтобы обложка выглядела аккуратно на всех устройствах, рекомендуем учитывать особенности мобильных приложений VK.
Источник: spark.ru
Как сделать обложку группы ВКонтакте для мобильной версии
Если при оформлении группы в ВК вы не сделали отдельную обложку для мобильных устройств, то при отображении на смартфонах обложка будет автоматически обрезаться.
В статье рассмотрим 2 способа, как настроить обложку для группы ВКонтакте, чтобы она корректно отображалась в мобильной версии. Перед началом подпишитесь на нашу группу ВКонтакте, там мы делимся фишками и лайфхаками по продвижению.
Как сделать или создать мобильную обложку для ВК 2022 Flyvi, Обложка для группы ВК
Реклама: 2VtzqwCpaPT
Как сделать обложку группы ВКонтакте для мобильной версии
Первый способ — оставить стандартную обложку, правильно подогнав размеры; второй — настроить живую обложку.
Стандартная обложка
Если вы поставили стандартную обложку для группы в ВК, она будет отображаться на ПК, вот так:
А на мобильных вот так:
Дело в том, что размер стандратной обложки 1590x400px. В мобильной же версии края обрезаются на 197px с каждой стороны. На рисунке ниже наглядно показана область обрезки.
Следует учесть, что 83px сверху занимают индикаторы мобильного устройства (уровень заряда аккумулятора и др.), а 140px с обоих сторон заняты для системных кнопок сайта.
Поэтому, если вы размещаете на обложке важную для подписчиков информацию, вам следует учитывать, что некоторая область будет обрезана.
Живая обложка
Если вас не устраивает такой вариант, то можно настроить отдельную обложку для мобильной версии. Она называется живая, потому что в ней можно использовать видео и слайды.
Чтобы поставить живую обложку:
Заключение
Итак, если вы занялись оформлением сообщества, то с учётом того, что мобильный трафик сейчас значительно превосходит десктопный, то под мобильную версию лучше сделать живую обложку. Если на это нет времени, то при создании обычной обложки учитывайте области, которые будут обрезаться.
Если у вас остались вопросы — задавайте их в комментариях ниже, а также не забудьте подписаться на нашу группу ВКонтакте.
Полезные ссылки:
- Как создать шапку YouTube-канала
- 10 лучших книг по SMM
- Креативы для таргетированной рекламы
Сравнение онлайн-курсов
Перед тем, как купить любой курс, сравните условия от разных школ — стоимость обучения, скидки, длительность, есть ли программа трудоустройства. Подобрать онлайн-курс >>
Источник: postium.ru