Как сделать режим работы в группе вк: Как создать обсуждение в группе ВКонтакте – пошаговое руководство

Как создать обсуждение в группе ВКонтакте – пошаговое руководство

Приветствую, дорогие друзья!

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

Если вы только планируете создать сообщество, советую ознакомиться с нашей инструкцией.

Что такое обсуждение?

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

Цель – взаимодействие всех присутствующих внутри сообщества. Любой развивающейся компании, которая имеет в ВК представительство, не обойтись без обмена мнениями среди своей аудитории. Ведь это отличный способ получить обратную связь, дать возможность оставить отзывы и продемонстрировать их, провести опросы и собрать информацию для статистики.

Можно публиковать правила поведения, цены на товары или уставной кодекс.

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

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

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

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

Добавление обсуждения с компьютера

Давайте узнаем, как добавить рубрики для общения с компьютера или ноутбука.

Добавление в паблик

Заходим в паблик. Под аватаркой находим иконку с тремя точками – это меню доступных действий. Нажимаем.

Выбираем первое действие – “Управление сообществом”.

В открывшемся меню находим блок “Разделы”.

Проверяем, стоит ли галочка на разделе “Обсуждения”. Если нужно, ставим ее и сохраняем изменения, нажав “Сохранить”.

Ниже находится функция “Главный блок” – здесь можно выбрать, на каком типе контента будет стоять акцент.

Если выбрать главным блоком обсуждения, они будут отображаться либо под шапкой паблика, либо после товаров (если такие есть). Выглядеть это будет как на скриншоте ниже.

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

Если до этого ни одного обсуждения не было опубликовано, то раздел будет отображаться именно так – ссылкой, нажав на которую, можно опубликовать первую тему в паблике.

Нажимаем на ссылку “Добавить обсуждение”. Попадаем в стандартный шаблон, где нужно прописать название и текст первого комментария (без него опубликовать не получится).

Функционал стандартный, как для любого публичного сообщения на стене в ВК: можно прикрепить фото, видео, аудио, статистику или опрос. Если поставите галочку “От имени сообщества”, новая публикация будет от имени паблика.

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

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

Для добавления нового обсуждения нажмите на синюю кнопку “Создать тему”.

Любую уже опубликованную тему можно изменить и откорректировать. Для этого открываем нужную и нажимаем на кнопку “Редактировать тему”.

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

Здесь же находится функция “Закрыть тему”. При ее использовании просмотр останется доступен для всех участников, но добавлять новые комментарии уже не получится.

Внизу слева есть кнопка, с помощью которой можно навсегда удалить обсуждение.

Настраивайте количество рубрик, которые будут отображаться на странице, и сортировку (по дате обновления либо по дате создания). Для этого с главной страницы сообщества нажмите на ссылку “ред.”

Появится функционал, где можно внести нужные корректировки.

После внесения правок нажимаем на кнопку “Сохранить”.

Добавление в группу

Интерфейс для создания пространства обмена мнениями здесь немного отличается.

Точно также проделываем первые шаги – нужно попасть в управление сообществом через иконку с многоточием. Под сектором “Настройки” находим нужный нам сектор “Разделы”.

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

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

Как и в паблике, по умолчанию раздел будет находиться справа над блоком контактов. Выглядит это так.

Создание, сортировка, удаление и закрепление происходит так же как и для паблика.

Как создать с телефона или планшета?

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

Открываем любой браузер и заходим на vk.com. Заходим в свой аккаунт, далее – в сообщества. Нажимаем на ссылку “Полная версия”.

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

После этого можно будет добавлять обсуждения также и в мобильном приложении от ВК как с телефона, так и с планшета.

Заключение

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

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

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

На этом прощаюсь. Желаю вам, друзья, всегда быть открытыми новым возможностям, которые стучатся в ваши двери ежедневно!

самое подробное руководство в РУнете — Лидзавод

Красивое оформление страницы «Вконтакте» – это не прихоть, а важный элемент, формирующий доверие пользователей к вам и вашей компании. Если страница оформлена непрофессионально, ваши потенциальные клиенты вполне логично могут сделать вывод о том, что вы и к своей работе относитесь так же халатно. Чтобы этого не происходило, позаботьтесь о том, чтобы ваша страница «Вконтакте» была красивой, аккуратной и удобной в использовании. Как это сделать? Читайте ниже.

Материал объемный, поэтому мы разделили руководство на следующие разделы:

1. Все о размерах изображений «Вконтакте» с учетом нового дизайна
2. Как сделать так, чтобы изображения «Вконтакте» не ужимались
3. Как оформить шапку страницы
4. Каким должен быть аватар
5. Как создать слитные аватар и меню
6. Как оформить изображения к постам
7. Что лучше: прикрепленные изображения или встроенные?
8. Как пользоваться вики-разметкой
9. Как создать навигационное меню

Размеры изображений «Вконтакте» с учетом нового дизайна

Некоторое время назад разработчики социальной сети «Вконтакте» запустили новый дизайн. Это привело к тому, что изменились размеры и принципы отображения изображений. Памятка, которая будет приведена ниже, соответствует всем нововведениям и содержит в себе размеры, актуальные на данный момент времени.

Новые размеры изображений в социальной сети «Вконтакте»

А теперь давайте более подробно по каждому пункту.

Аватар

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

Изображения, размер которых составляет менее 200 на 200 пикселей, загружать в социальную сеть «Вконтакте» нельзя

Максимальный размер аватара – 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера – до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.

Покажу на примере.

У меня есть изображение. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако использовать это изображение я все равно не могу, т.к. «Контакт» не позволяет мне выделить его полностью.

Максимальное соотношение сторон аватара – 2 к 5. И даже если вы захотите сделать эту область больше, у вас ничего не получится

Прикрепленные изображения

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

Звучит слегка запутано 🙂 Поэтому покажу на примере.

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

Изображение со сторонами 510 пикселей полностью заполняет отведенное ему место в ленте новостей и отлично смотрится не только на десктопах, но и на мобильных

А вот так смотрится горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

На десктопах – все хорошо, а вот на смартфонах – слегка мелковато

Как вы видите, чем уже изображение (по высоте), тем мельче оно смотрится в ленте смартфонов. Чтобы убедиться в этом, посмотрите на картинку ниже:

На смартфонах квадратное изображение смотрится лучше

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

Изображения к постам со ссылкой

Изображения к постам со ссылкой – это изображения, которые автоматически «подтягиваются» к посту, когда вы вставляете в него ссылку. Вот как это выглядит:

Я вставила ссылку на пост – автоматические «подтянулось» изображение, заголовок и описание

Все эти данные берутся из кода разметки Open Graph:

Изображение с кошкой прописано в коде разметки Open Graph

Если Open Graph не прописан, заголовок и описание берутся из метатегов Title и Description, а изображение – из статьи. При этом, его можно легко изменить – либо выбрать другое изображение из статьи с помощью специальных стрелочек:

Выбираем подходящую картинку

Либо загрузить свое:

Загружаем свою картинку

Минимальный размер изображения, которое вы можете использовать в качестве анонса к вашей статье, – 537 на 240 пикселей. Однако вы можете загружать и более крупные изображения, если будет соблюдена пропорция (~2,2 к 1).

Соотношение сторон изображения, которое вы можете использовать в качестве анонса

Вики-страница

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

Пример: у меня есть изображение размером 1366 на 768. Если я его добавлю на вики-страницу и не изменю размеров, получится вот что:

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

А если я вручную подредактирую эти размеры, то станет все как надо:

Правильные размеры – ровное изображение

О том, как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому здесь останавливаться на этом моменте не будем.

Как сделать так, чтобы изображения «Вконтакте» не ужимались

Если вы когда-нибудь пробовали загружать изображения «Вконтакте» (неважно, была ли это картинка на аватар или просто фотография с вашего путешествия), то наверняка уже знаете о том, что они имеют свойство ужиматься. Особенно это заметно на темном (и особенно, на красном) фоне и когда у картинки не слишком большой размер. Пример:

Вроде бы и незаметно, но все равно раздражает 🙂

Как сделать так, чтобы качество картинок не портилось?

Чтобы изображение не ужималось (точнее, ужималось, но в гораздо меньшей степени), необходимо делать его в 2–3 раза больше нужного размера. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, берем картинку размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем – 1020 на 800

Изображение на темно-синем фоне, которое я привела чуть выше, имеет размер 510 на 350. Я сделала его в два раза больше (1020 на 700) и сохранила по такому же принципу, как рекомендуют специалисты «Контакта». Вот, что из этого получилось:

Качество стало лучше, но легкая рябь все равно сохранилась

Как это исправить? Ответ очень прост – нужно выбрать другой фон. Дело в том, что на темном фоне пиксели видны лучше, чем на светлом. Поэтому, если вы хотите добиться идеального качества (хотя картинка выше уже выглядит вполне нормально), то нужно слегка изменить цветовую гамму. Например, фон сделать белым, а текст – синим:

Не видно ни одного пикселя!

Как оформить шапку страницы

Шапка вашей публичной страницы или группы – это первое, что видят пользователи, которые заходят к вам в гости. В большинстве случаев в этом месте размещают навигационное меню по материалам паблика, какие-то интересные посты или важные объявления. Давайте рассмотрим на примерах, как различные компании используют это пространство.

Обложка + закрепленная запись

Недавно «Вконтакте» ввели обновление – теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Чтобы сделать это, перейдите в настройки и нажмите кнопку «Загрузить».

Чтобы загрузить обложку, нужно перейти в настройки сообщества

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

Обложка в сообществе «Сбербанк»: анонс важного события и дата его проведения

Стандартное описание

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

Страница популярного ресурса о стартапах и бизнесе – vc.ru

Описание с хэштегами

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

Описание страницы с помощью вики-поста

Если вы хотите рассказать о своей странице более подробно (с фотографиями, ссылками и красивой версткой), то вы можете прикрепить к шапке вики-пост с яркой картинкой на анонсе, которая будет призывать пользователей кликнуть по ней. Пример такого поста:

А вот что видит пользователь после того, как он кликнет по ссылке:

Красиво оформленная страница с текстом о создателе паблика

Меню группы открытое

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

Вот как выглядит закрепленный пост в шапке страницы Flatro:

Меню страницы Flatro

Меню группы закрытое

Закрытое меню – это тот же самый вики-пост, как и в предыдущем пункте, только на анонсе стоит картинка, на которой нет пунктов меню. Обычно на ней пишут: «Меню», «Навигационное меню» или «Навигация по материалам паблика».

Страница интернет-магазина «Lady’s Club» А вот что мы видим, когда кликаем по нему:

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

Слитное меню

Слитное меню – это когда картинка на анонсе вашего меню составляет с аватаром одно изображение. Чуть ниже я подробно расскажу, как сделать такое меню, а пока просто посмотрите, как это красиво выглядит.

Скрытое меню

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

Гифка и аватар одним изображением

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

Специалисты компании «Тоталь» создали очень креативную шапку для своей страницы «Вконтакте»

Кстати, этот пример я подсмотрела в группе SMM-маркетолога Сергея Шмакова, а ему, в свою очередь скинул его Владимир Калаев, создатель сервиса Pepper Ninja. Так что, за находку выражаем благодарности им 🙂

Автоматически воспроизводимое видео

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

• Прикрепить ролик к записи и закрепить эту запись вверху сообщества.
• Кроме ролика, к записи больше ничего не должно быть прикреплено. Только видео и текст по желанию.
• Видео должно быть загружено «Вконтакте» – сторонние плееры не поддерживаются.

Запись, которая получает много репостов

Еще один способ продуктивно использовать место в шапке вашей страницы – это закрепить в нее один из своих самых удачных постов – тот, который уже набрал и продолжает набирать большое количество лайков и расшариваний. Зачем это делать, думаю, всем понятно – чем больше репостов, тем больше охват, тем больше подписок получает страница.

Страница «Рецепты». Обратите внимание на количество репостов закрепленного поста. Впечатляет, не правда ли?

Страница «Идеи дизайна интерьера». В шапке закреплена типичная power page: 9 альбомов с огромным количеством идей для ремонта в квартире. Таким постом грех не поделиться!

Анонсы новых клипов, альбомов, мероприятий

А страница популярной группы «Пилот» публикует в шапке анонс нового альбома

Презентация новых товаров/услуг

Скидки и акции

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

Группа интернет-магазина Wildberries. Такие скидки, что даже Русалочка в шоке!

Кейсы, отзывы клиентов

Аудиоотзывы на странице сообщества LPgenerator

Реклама приложения

Comedy Radio информирует своих подписчиков о том, что у них есть приложение для смартфонов

Розыгрыши

Правила сообщества

Ссылки на другие соцсети

Я перечислила далеко не все варианты оформления шапки. По сути, на обложке и в закрепленном посте вы можете размещать любую информацию: вакансии, объявления, ссылки на самые продаваемые товары и т. д. Так что не ограничивайтесь примерами, приведенными выше. Включайте фантазию и используйте оформление вашего сообщества для достижения ваших целей.

Каким должен быть аватар

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

Миниатюра аватара

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

Вряд ли пользователи смогут прочитать то, что написано на этих миниатюрах

А вот здесь все видно просто замечательно

1. 1. Текст не должен выходить за пределы миниатюры.

Понятно, что не критичный момент, но все-равно выглядит неаккуратно

Согласитесь, на такие миниатюры смотреть приятней

1. 1. Пользователям должно быть понятно, что изображено на аватарке.

Мужчина с какой-то колбасой… Штуковина, похожая на унитаз… Я очень извиняюсь перед создателями сообществ, но это первые ассоциации, которые пришли мне на ум

А вот здесь никаких ассоциаций, т.к. совершенно ясно, что изображено на этих картинках

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

Вы когда-нибудь видели, чтобы крупные компании использовали некачественные стоковые изображения?

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

Неудачный пример 🙂 Я специально подобрала яркие миниатюры, чтобы был виден контраст, но получилось так, что она, наоборот, выделяется. В ленте будет по-другому, поверьте 🙂

1. 1. Если вы хотите, чтобы ваша аватарка выглядела современно, сделайте ее в стиле минимализм: поменьше текста, теней, градиентов и не несущих никакой смысловой нагрузки элементов. Ваша аватарка должна быть максимально простой и аккуратной. Этот стиль сейчас в тренде.

Слишком много шума и мелких картинок

А вот здесь все просто и аккуратно

1. 1. Если перед вами стоит цель привлечь внимание пользователей и выделиться на фоне других аватарок в ленте, придется включить фантазию. Подумайте, на что вы сами обращаете внимание, когда ищете интересные сообщества? Вот меня, например, уже который раз привлекают аватарки с горящим огоньком, который обычно указывает на то, что пришло новое сообщение. Это очень старый прием, но на меня он почему-то до сих пор воздействует – когда вижу подобный огонек, обязательно задержу на нем взгляд.

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

Аватарка представляет из себя черный круг: большой и маленький. Казалось бы, зачем вообще это делать? Но когда листаешь список сообществ, такие аватарки приковывают к себе внимание, потому что они сильно отличаются от всех остальных.

Какую информацию можно разместить на миниатюре аватара

Несмотря на то, что миниатюра аватара имеет очень маленький размер, ее можно (и нужно) использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

Анонс нового продукта/услуги/события

Анонс приближающегося события может вызвать у пользователя любопытство и желание перейти в группу

Преимущества компании/сервиса/страницы

Миниатюра аватара имеет малый размер, но ваше самое главное преимущество на ней точно поместится

Номер телефона компании

Эта информация, скорее всего, не привлечет подписчиков в вашу группу, но зато им не придется тратить время на поиск контактов

Выгодные цены

Выгодные цены – главный мотиватор для многих пользователей

Бесплатная доставка

Бесплатная доставка – тоже очень сильное преимущество

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

Бесплатная доставка идет в названии страницы

Акции

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

Конкурсы

Ну кто не хочет новенький «Айфон» или бесплатный билет на концерт или в театр?

Вакансии

Если очень нужны новые сотрудники, можно вынести эту информацию на миниатюру аватара

Ну а дальше сами 🙂 Подумайте, какой цели вы хотите добиться с помощью аватара, и действуйте. Вдохновения я вам уже подкинула.

Каким должен быть сам аватар?

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

1. 1. Аватар должен быть качественным. О том, как этого добиться, я писала чуть выше. Для тех, кто пропустил эту часть, скажу вкратце – размер аватара должен быть в 2-3 раза больше того, что вы запланировали.
   2. Желательно, чтобы аватар сочетался с меню: был такой же цветовой гаммы, имел те же самые шрифты, элементы и т.д. Благодаря этому шапка вашей страницы будет выглядеть более аккуратно и профессионально. Несколько примеров:

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

Если у «Кока-Колы» весь аватар был красным, было бы не очень красиво…

Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.

Разделите ваш аватар на две части: одну используйте под миниатюру, а вторую – под любое другое изображение или информацию

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

Некоторые пользователи не знают, что можно отправить сообщение компании, или просто не замечают этой кнопки. С помощью аватарки можно обратить на это их внимание

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

И вроде бы вся информация нужная, но аватарки смотрятся перегруженными и неаккуратными

А вот здесь все оформлено более аккуратно, хотя информации тоже достаточно

Какую информацию можно разместить на аватаре?

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

Домен сайта

Ничего лишнего – название компании и адрес ее сайта в интернете

Телефон/адрес/время работы

Когда контактная информация размещена на аватаре страницы, не нужно делать лишних кликов – все и так на виду

Конкурсы/акции

Чем больше людей узнает о том, что вы проводите конкурс или акцию, тем больше участников вы получите

Самые покупаемые товары/новинки

Самые продаваемые товары нужно продвигать с двойным усердием

Информация о доставке

Возможность доставки товара в твой город – фактор, который сильно влияет на решение о покупке

Реклама мобильного приложения

Если не рекламировать свое мобильное приложение, пользователи просто не узнают о его существовании. Так почему бы не сделать это на аватарке?

Главные преимущества компании/страницы/товара и т.д.

Есть чем гордиться? Не скрывайте своих преимуществ!

Обновление ассортимента/новое творчество и т.д.

Аватар – прекрасное место для анонса ваших новинок

Информация о том, что ваше сообщество является официальным

«Вконтакте» много сообществ на одни и те же тематики, с одними и теми же названиями. Поэтому, если ваше сообщество является официальным, имеет смысл об этом всем рассказать

Информация о предстоящих мероприятиях

Эта информация очень важна для ваших подписчиков и должна быть на виду

Адреса аккаунтов в других социальных сетях

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

Расширенное описание страницы

В заголовок все не влезет, поэтому можно написать основные характеристики вашей страницы на аватарке

Хвасты

Ваша компания имеет премии и сертификаты качества? Ваши пользователи просто обязаны знать об этом!

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

Как создать слитные аватар и меню

Для того чтобы сделать слитные аватар и меню, вам потребуется программа Adobe Photoshop или ее аналог. Я буду объяснять весь процесс на примере «Фотошопа». Итак, поехали.

1. Скачайте шаблон для «Фотошопа», который я специально подготовила для этой статьи. В обычном размере (меню – 510 пикселей в ширину, аватар – 200) или в увеличенном (меню – 1020 пикселей в ширину, аватар – 400).
2. Откройте изображение, которое вы хотите взять в качестве основы.
3. Скопируйте его, вставьте в шаблон и расположите его так, как вы бы хотели его разрезать.

4. Добавьте эффекты, текст, графику и т.д.

5. Если вы не хотите, чтобы терялась часть изображения (в том пробеле, который составляет 50 пикселей), сдвиньте ее вправо так, как показано на следующей гифке:

6. Выберите инструмент «Раскройка» и нажмите на кнопку «Фрагменты по направляющим».

7. Удалите лишние фрагменты и подредактируйте уже имеющиеся.

8. Зайдите в раздел «Файл» и выберите команду «Сохранить для Web».

9. Перейдите в место, куда вы сохранили картинки (рабочий стол или какая-то конкретная директория), и найдите там папку под названием «Images». Именно там и будут ваши изображения. Теперь остается только залить их на страницу.

Слитные меню и аватар, созданные мной специально для этой статьи

P.S. Высоту аватара можно менять по вашему усмотрению. Я взяла максимальный размер – 500 пикселей, но у вас это значение может быть и меньше. Например, как на странице

Как добавить товар в группу ВКонтакте: как сделать и создать товары

Товары в сообществах ВКонтакте

На всякий случай покажу, как оформляются товары в сообществах (скрин ниже).

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

Для примера: если у вас сообщество агентства недвижимости, то очень странно полагать, что люди купят квартиру за 3 000 000 р. в группе. Лучше воспользоваться этим разделом более рационально и постараться получить из него максимум эффективности. Скажем, разместите туда услуги по консультированию, которые точно сможете продать в рамках данного формата общения с клиентом или предложения о сдаче квартир в аренду.

Еще один важный нюанс: если выгружаете несколько категорий товара, то оптимально их сгруппировать по обобщающему признаку, чтобы в полном списке товаров не получилось сборной солянки, в которой клиент запутается. Ладно, если у вас 2 направления, а если 10?

Про это расскажу чуть ниже, а пока посмотрите скрин и перейдем к настройкам.

Как создать товары для своего сообщества ВКонтакте?

«Товары» не является стандартным разделом, включающимся в сообщество по умолчанию. Если вы решили, что будете строить витрину с продукцией у себя в сообществе, этот раздел будет необходим. Вне зависимости от формата (группа или страница), он включается в настройках, через «Управление сообществом» (под аватаром).

Для группы

Для страницы

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

1. Укажите, куда осуществляется доставка из вашего ВКонтактовского магазина. Здесь можно указать как страны, так и города. Велосипеда не изобретаем, просто выбираем из выпадающего списка нужные страны или города.

2. Комментарии к товарам. Здесь выбираем один из вариантов: либо включены, либо отключены. Если комментарии включить, то каждый желающий сможет публиковать сообщение прямо под товаром. Если нет – останется только один вариант – писать в личку или админу, как уж там настройки сделаете. Здесь директивного правила нет. Делайте на свой вкус. Но я бы советовала оставить, вдруг почитать переписку с другими покупателями потенциальным клиентам будет полезно и интересно.

3. Валюта магазина, в которой будете указывать стоимость товара. Тут тоже все просто – выбираете нужный пункт из списка.

4. Укажите, кому конкретно будут писать сообщения с карточки товара. Ссылку можно поставить, например, сразу на сообщения сообщества, где их обработают свободные админы. Тут решать вам, как удобнее контактировать с покупателями.

5. Условия доставки и оплаты. Вот этот раздел рекомендуем заполнить детально и подробно. Данная информация точно будет полезна и интересна вашим потенциальным клиентам. Важно: раздел заполняется в формате вики-разметки.

   Рекомендуем сразу при заполнении перейти в режим wiki-разметки. Для этого нажмите на значок < > в правом верхнем углу открывшегося окна для редактирования. Если нет навыков работы с вики-разметкой, можете обратиться к нашим специалистам. Мы заполним данный раздел, чтобы было красиво оформлено и приятно читаемо. Или есть вариант самостоятельно попробовать разобраться в официальном сообществе вики-разметки ВКонтакте.

   Где пользователь увидит эту информацию? Прямо в карточке товара. Ниже фрагмент карточки, где не настроены и настроены данные параметры товаров.

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

   Этот раздел настоятельно рекомендуем заполнить. Это один из способов выгодно выделиться на фоне конкурентов. К слову, здесь можно описывать не только условия оплаты и доставки, но, например, гарантии, условия получения скидки и т.д. Только сильно от темы не уходите.

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

Теперь на главной странице сообщества, прямо под описанием меню и закрепленным постом, у вас появился раздел «Товары». Смело кликаем на кнопку и добавляем свой первый товар.

Вам откроется специальная форма, она на скрине ниже, сейчас пройдемся по полям и рассмотрим, как же их заполнить.

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

Когда товар будет создан, настройки всегда можно поправить. Для этого просто под главным фото выберите «Редактировать» и, выполнив все требуемые правки, сохраните изменения.

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

После выполнения всех вышеописанных настроек товар добавлен. Можно по такому же принципу выкладывать и другие товары/услуги в сообщество.

Теперь посмотрим, что такое подборки, как и зачем в них объединять товары.

Для примера у нас есть сообщество по продаже постельных принадлежностей в Санкт-Петербурге. В сообществе представлены разные товары: подушки, одеяла, пледы и т.д. Всего 16 товаров.

Вроде не так много, но, попадая на страницу, глаза разбегаются. Что это и почему все свалено в кучу? Это как в магазин зайти, а там все товары перемешаны по полкам. Клиенту будет гораздо удобнее ориентироваться в вашем ассортименте, если вы позаботитесь о нем и сделаете своеобразный каталог.

Для этого просто нажмите на соответствующую кнопку «Создать подборку» в правом верхнем углу на странице товаров.

Во всплывающем окне вам откроется специальная формочка с несколькими полями для заполнения.

В первом поле «Название» прописываем общее название для категории, в нашем примере это «Подушки». Также можно загрузить общую картинку для данной категории, чтобы сориентировать клиента. Ну и если это основной ваш вид деятельности, ставим галку «Это основная подборка сообщества». Далее жмем «Создать». И так для каждой категории товаров. Проделав это и сгруппировав все товары по подборкам, вы получите каталог. Только не забывайте давать названия и загружать обложки в едином стиле.

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

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

Ну вот вроде и все по настройке товаров. Как видно, в этом нет ничего сложного. Теперь о том, как же отслеживать эффективность.

1. По сообщениям, которые получает ответственный сотрудник от клиентов. Там можно сразу вести и учет заказов. К слову, оплату можно получать как через администратора, который консультирует по товару, так и через сообщения сообщества (такая возможность появилась 20 марта, до этого денежные переводы можно было делать только от пользователя пользователю). 

2. Просмотр статистики по посещаемости разделов. Здесь можно оценить популярность раздела «Товары» у пользователей вашего сообщества. Просто сделайте соответствующие настройки по периоду и оценивайте активность людей.

3. Посмотрите активность в комментариях к товарам, если они подключены, конечно. Для этого на странице с перечнем всех товаров нажмите на «Обзор комментариев». Вы увидите список последних сообщений, сможете ответить и проанализировать популярность.

4. Проанализируйте, как часто просматривают товары вообще. Вам (да и всем пользователям) будет видна статистика в карточке товара под названием и стоимостью.

5. Оцените активность в счетчиках статистики. Если вы вставляете ссылки на товары или отправляете их в сообщенияхкомментариях, отследите эффективность по Метрике. Посмотрите переходы на страницы соответствующих товаров и конверсию за интересующий отчетный период.

Ну и завершу эту часть статьи весьма аппетитной и приятно оформленной карточкой товара от «Партии еды».

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

Как сделать товары в группе вк

Если Вы хотите создать свой Интернет-магазин Вконтакте, тогда нужно открыть свою группу, набрать в нее подписчиков и добавить товары.

О том, как создать группу Вконтакте, и, как пригласить друзей в группу в вк, я уже писала. Поэтому давайте научимся добавлять в нее объявления о продаже.

Откройте свою страницу и в левом меню выберите пункт «Группы». Найдите свою группу и зайдите в нее. Дальше нужно сделать так, чтобы товары отображались на странице группы. Для этого под аватаркой, или обложкой, нажмите на три горизонтальные точки и выберите из выпадающего списка «Управление сообществом».

В меню справа перейдите на вкладку «Разделы» и напротив поля «Товары» нажмите на слово «Отключены». Затем выберите «Включены».

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

После того, как все заполните нажмите «Сохранить».

Возвращаемся к главной странице группы. Теперь под областью с фотографиями появилась кнопка «Добавить товар». Нажмите на нее.

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

Через Проводник найдите фото на своем компьютере, выделите его и нажмите «Отправить».

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

Помимо основного фото можно добавить и 4 дополнительных. Они будут видны, когда пользователь откроет лот для просмотра. Для этого в соответствующем разделе нажимайте «Добавить фото» и выбирайте нужное изображение на компьютере.

Выберите категорию, к которой относится добавляемый Вами продукт, и укажите его стоимость. После этого нажимайте «Создать товар».

Все добавленные в группу товары будут отображаться на главной странице группы.

Нажав на нужный лот, пользователь сможет посмотреть его в отдельном окне. Увеличить его, просмотреть дополнительные изображения, прочесть описание. Кнопка «Написать продавцу» нужна для того, чтобы человек, который хочет купить, нажал на нее и отправил сообщение тому, кого Вы указали в настройках как «Контакт для связи».

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

Для того чтобы добавить еще новые пункты в группу, нажмите на слово «Товары» на главной странице группы.

Дальше нажмите на кнопочку «Добавить товар». Заполните уже знакомую Вам форму и сохраните.

На главной странице в группе будут отображаться три последних пункта, которые Вы добавляли. Чтобы посмотреть их все, нужно нажать или на слово «Товары», вверху блока, или на кнопку «Показать все товары».

Добавление товаров на свою страницу Вконтакте

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

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

В окне «Настройка пунктов» на вкладке «Основные» поставьте галочку напротив «Товары» и нажмите «Сохранить».

На страничке сразу откроется список того, что продают Ваши друзья. Нам нужно разместить свой лот, поэтому нажмите на кнопочку «Подать объявление».

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

Теперь нужно выбрать фотографию, которая будет отображаться в каталоге (как на скриншоте выше) – это обложка. Для этого нажмите «Выбрать изображение».

Через Проводник найдите нужное фото, выделите его и нажмите «Открыть».

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

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

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

Дальше укажите стоимость. Если Вам не подходит указанное местоположение, нажмите на кнопку «Изменить» и выберите другую страну и город. Оставляем галочку в строке «Поделиться с друзьями» и нажимаем «Создать товар».

Чтобы посмотреть список добавленных на Вашу страницу объявлений, зайдите в соответствующий пункт меню слева, и справа перейдите на вкладку «Мои товары». То, что мы только что добавили, отобразится в списке.

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

Выбрав «Написать продавцу», у пользователя откроется окно с сообщением, в котором будет написан стандартный текст, его можно и поменять. Он Вам его отправляет, и дальше можно договариваться о продаже.

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

Подключение сервиса Товары в группе ВК

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

Ниже можно будет указать всю необходимую информацию, общую для представленных товаров:

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

Здесь же можно настроить приложение «Магазин» для этой группы и выбрать главный и второстепенный блок группы (от этого зависит отображение блоков на странице сообщества).

Чтобы создать карточку товара

1. У нас появляется раздел «Товары». Нажимаем «Добавить товар»

2. открывается окно, где нужно выбрать «Категорию», заполнить «Название товара»
3. заполните обязательно графу «Описание товара», иначе товар не добавится.
   Опишите совой товар коротко, ёмко и привлекательно
4. выбрать изображение размером 400Х400 пикселей со своего компьютера. Это оптимальный подходящий размер, чтобы фото выглядели красиво.
   Если нужно фото подлиннее попробуйте размер 400Х700.
   Можно добавить ещё 4 изображения товара в разных ракурсах. Изображения товаров подготовьте заранее.
5. После загрузки изображения нажать «Сохранить изменения»

6. Заполняем стоимость товара, нажимаем кнопку «Создать товар».
   Карточка товара появляется на странице группы

Когда посетитель зайдёт в группу и нажмёт на товар, раскроется окно с товаром, где есть картинка товара, его название, цена, описание товара и призыв к действию – нажать на кнопку и связаться с продавцом или написать комментарий.

Аналогично добавляем еще два товара.

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

Чтобы отредактировать товар

1. нажать на главной странице на слово «Товары»
2. нажать на квадратик «Редактировать товар»
3. в открывшемся окне сделайте необходимые изменения, «Сохранить товар»

Чтобы убрать товар из каталога

• нажмите на главной странице на слово «Товары»
• нажать на картинку товара
• в открывшемся окне выбрать «Ещё» – «Удалить»
• подтвердите удаление в открывшемся окне – товар

Кнопка «Создать подборку»

Эта кнопка находится рядом с кнопкой «Добавить товар». Кнопкой «Создать подборку» уместно пользоваться, когда у вас много товаров разной категории. Например, игрушки: мягкие, пластмассовые, фарфоровые и т.п. Тогда, при нажатии этой кнопки откроется всплывающее окно, в котором следует заполнить необходимые поля.
Теперь при добавлении товара внизу всплывающего окна вы будете заполнять дополнительное поле «Подборки».

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

Как отметить товар на фотографии, в истории

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

Добавлять товары можно из личного профиля, сообщества и из сервиса AliExpress. Сейчас мы расскажем, как вам это сделать.

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

Перед тем, как добавить товар в ВК самим, запомните, что вы не прикрепите более 5 меток на одно фото или запись.

Для начала добавьте свой продукт в избранное. Для этого его надо «Сохранить в закладках».

Чтобы отметить на фотке, выложите ее и опубликуйте. Потом нажмите «Еще» (в мобильной версии на 3 точки справа). Кликните на «Добавить товар».

Далее расположите на фотке сниппет и сохраните результат.

Когда покупатель будет видеть сбоку ваш товар и цену на фотографии, то в один клик сможет его купить.

Сейчас поговорим об отметках в историях. Для начала снимите или загрузите историю. Затем вам нужно перейти в меню стикеров и выбрать пункт «Товар».

Вам осталось переместить сниппет в нужное место и выложить.

Чтобы прикрепит товар к статье, откройте режим редактирования. Установите курсор там, где вы хотите указать продукт. Нажмите на «+», увидите иконку товара.

Осталось только выбрать, что будем прикреплять и опубликовать.

Готово! Лично нам нравится метод — меньше действий и больше покупок!

Фото товара крупным планом

Поместить фото, как пост на своей странице, в другом сообществе или на странице друга можно так:

– нажать на картинку товара;
– в окне под открывшейся картинкой выбрать стрелочку «поделиться»;
– в открывшемся окне выбрать свою стену, в сообществе или личном сообщение другу;
– напишите сопроводительный комментарий и нажмите «Поделиться Товаром».

Как разместить товар в группе ВК: работа администратора

После создания блока «Товаров» на странице группы система автоматически отображает 3 последние позиции. Администратор группы может изменить товары, которые отображаются на странице. Для этого делаем подборку, в которую включаем 3 основных товара, ваша «козыри». Далее выбираем сделанную подборку как основную.

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

Чтобы сделать акцент на определенном товаре, его можно поместить на странице. Для этого открываем карточку товара и выбираем «Поделиться». Не ограничивайтесь только своим сообществом, делитесь предложением и с другими сообществами. Чтобы изделие постоянно находилось на странице группы, его нужно прикрепить: создаем новую запись, выбираем «Прикрепить», далее открываем «Еще» и «Товары». Или же создаем запись и вставляем в ее тело ссылку на нужную позицию. Выглядит это так:

Делитесь карточкой с друзьями, отправляйте ее сообщением друзьям. Все лайки, которые наберет публикация будут отображаться в первоначальной карточке товара. Обратите внимание, что к одной записи можно прикрепить только одну позицию. Чтобы поделиться сразу несколькими товарами, необходимо составить подборку, а затем уже делиться подборкой.

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

Как добавить товары на личную страницу в ВК

На личной странице, как и в группе, можно создать свой персональный интернет-магазин. Более того, многие поступают именно так – это позволяет не создавать группу и не тратить время и деньга на её продвижение, рекламу.

Итак, чтобы добавить товары на личную страницу нужно сделать следующее:

• в левом меню выбрать вкладку «Товары»;

• откроется список всех предлагаемых услуг;

• в самом верху найти кнопку «Добавить»;

• откроется уже знакомое окно с карточкой, в которой нужно заполнить все поля.

• нажать «Создать товар».

Чтобы пост появился на стене нужно поставить галочку напротив «Поделиться с друзьями».

В разделе «Мои товары» можно редактировать имеющиеся предложения, удалять их, снижать или поднимать цену и всё в таком духе.

Как создать интернет-магазин ВКонтакте

Есть два способа создать интернет-магазин ВКонтакте — использовать раздел «Товары ВКонтакте» или подключить приложение. Ниже рассмотрим подробнее каждый вариант, но для начала создайте страницу.

Заведите ВКонтакте группу или публичную страницу. Разница вот в чём:

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

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

Используйте сервис «Товары ВКонтакте»

В 2015 году ВКонтакте запустила новый сервис для розничной торговли. «Товары ВКонтакте» — это витрина с товарами. Чтобы сделать заказ, нужно связаться с продавцом (сообщение со ссылкой на товар можно отправить со страницы этого товара).

С помощью Эквида вы можете добавит в свой каталог товаров ВКонтакте функционал полноценного интернет-магазина — автоматический заказ и оплату.

1. Подключите сервис «Товары»

Следуйте подробной инструкции. На странице под основной информацией (и под закрепленным постом, если он есть) появится новый блок.

 

2. Создайте Эквид-магазин

Если у вас есть Эквид-магазин, переходите к пункту 3.

Если магазина нет, зарегистрируйте аккаунт в Эквиде. Разместите фотографии и подробные описания, настройте доставку и оплату и добавите свои контакты. В этом поможет «Мастер настройки».

Советы по оформлению каталога товаров:

• Карточка товара должна содержать максимум информации: несколько фотографий (товар с разных сторон, в момент использования, в упаковке) и подробное описание (состав, характеристики, вес, размер, материалы…).
• Изображения товаров должны быть не меньше 400х400 px, категорий — не меньше 1280*720 px. Также не пройдут изображения больше 7000*7000 px и те, у которых одна из сторон в несколько раз превышает другую. Это нужно для дальнейшей работы с «Товарами ВКонтакте».

   

• Если товаров много, разделите их по категориям. Так вы облегчите клиентам поиск нужного товара. Если каталог очень большой (больше 100 товаров), один товар можно добавить одновременно в несколько категорий. Например, браслет с камнями может быть в категории «Браслеты» и «Украшения с камнями».

3. Выгрузите товары из интернет-магазина в «Товары ВКонтакте»

Пользователи Эквида могут в несколько кликов автоматически выгрузить каталог товаров из своего интернет-магазина в раздел «Товары ВКонтакте». Для этого:

1. В Панели управления Эквид-магазина перейти во вкладку Продвижение → Товары ВКонтакте и кликните «Опубликовать товары ВКонтакте».
2. Выберите группу, в которую хотите выгрузить товары (вы должны быть администратором в этой группе).
3. Выберите категорию, куда будут определены товары. Это поможет потенциальным покупателям в поиске товаров.
4. Нажмите «Опубликовать каталог». Через некоторое время, в зависимости от размера каталога, товары выгрузятся и будут доступны подписчикам сообщества.

Выгрузка доступна на всех тарифных планах, начиная с Venture.

 

4. Управляйте продажами и остатками

Преимущества выгрузки товар из Эквид-магазина над стандартным функционалом ВКонтакте:

• Оформление заказа без участия продавца
  Чтобы сделать заказ, клиенту не надо писать сообщение продавцу и согласовывать детали. Он переходит по ссылке на страницу Эквид-магазина, кладет товар в Корзину, оформляет и оплачивает покупку.
• Синхронизация товаров с интернет-магазином
  Если вы снизили цены в интернет-магазине или добавили новые товары, не нужно вносить все эти изменения вручную на страницу магазина ВКонтакте. В Панели управления Эквид-магазина на странице Продвижение → Товары ВКонтакте нажмите кнопку «Синхронизировать товары».
• Автоматический учет остатков
  Так как продажи проходят в Эквид-магазине, вам не нужно редактировать остатки товара вручную.

Можно ли добавить с телефона

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

Единственный способ – это зайти в полную версию сайта на своем смартфоне использовав мобильный браузер. Увы, но других идей нет.

Оплата товаров вконтакте

Что касается оплаты приобретенных в группах товаров или услуг, разработчики предлагают несколько методов:

• Денежная оплата товаров вконтакте производится непосредственно после вручения курьером Вашей посылки;
• Перечисление денег за услугу может осуществляться через систему платежей VK Pay;

• Индивидуальные способы передачи денег. К примеру, покупатель и продавец самостоятельно решают каким способом перевести деньги;
• Если Вы воспользовались услугами компании, то можно забрать товар самостоятельно со склада, где и произвести оплату.

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

Раскрутка и продвижение магазина в ВК

Кратко перечислим основные действия по раскрутке.

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

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

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

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

Как создать группу в ВК (ВКонтакте) самому: пошаговая инструкция для новичка

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

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

Если говорить о наиболее популярных в России социальных сетях, то на первом месте будет ВКонтакте, затем Одноклассники, а на третьем Facebook. 4-е занимает Инстаграм, который с каждым днем становится все более востребованным. Поэтому, если вы бизнесмен из России, то паблик во ВКонтакте будет наиболее прибыльным. К тому же аудитория этой социалки настолько разнообразна, что охватывает еще и страны СНГ.

Плюсы и минусы создания групп ВКонтакте

А теперь о плюсах и минусах, которые можно получить, создав, оформив и раскрутив группу ВКонтакте самому. Начну с плюсов:

• расположение аудитории, которое ограничивается не только Российскими городами, но и странами СНГ;
• разброс возраста аудитории позволит найти клиента на любой товар;
• довольно «гибкая» система таргетинговой рекламы, которая позволит найти «своего» клиента, а не платить за показ;
• низкая цена. Потенциальный клиент, ведение группы обойдутся намного дешевле, чем продвижение и оптимизация сайта.

Из минусов можно выделить следующее:

• основная аудитория – до 30-35 лет. Причина банальна — большой процент «старшего» поколения сидит в Одноклассниках;
• жесткая модерация. ВКонтакте тщательно следит за тем, чтобы сообщество не противоречило их правилам. Поэтому, если вы продаете специфический товар, лучше перечитайте их еще раз;
• безопасность. К сожалению, это довольно «болезненная» тема. Было много историй, когда мошенники «уводили» крупные сообщества.

Вам может быть интересно — «Как добавить администратора в группу ВКонтакте?».

Что создавать

Если решили, что собираетесь создавать и раскручивать свой паблик ВКонтакте с нуля, то первый вопрос, с которым столкнетесь, будет — «Что лучше: группа или сообщество?». И вот какие различия между ними присутствуют:

Группа	Сообщество
Это объединение участников по интересам. Она предназначена для дискуссий, обсуждений.	Это страница, которая предназначена для публикаций от лица компании или знаменитости. Общение сокращено до минимума.
Можно сделать открытой или закрытой. Тем самым можно ограничить участников	Не имеют такой функции.
Wiki-меню будет скрыто, и что бы туда попасть, придется нажать «Информация о группе».	Wiki-меню на месте закрепленной записи и видно сразу.
Отображается в «Подробной информации» о пользователе.	Отображается в боковом блоке «Сообщества». Служит дополнительной рекламой, если у вас интересная страница.
Можно приглашать друзей.	Такая функция отсутствует.
Есть возможность сделать стену «открытой» и пользователи смогут оставлять свои комментарии.	Пользователи могут предлагать новости, а после публикации они попадут в новостную ленту.
Видео, фото и аудио могут добавлять все пользователи.	Участники могут добавлять только фото.

Как сделать новую группу ВКонтакте

А теперь давайте разберемся, как можно сделать новую группу в ВК на компьютере самому:

Шаг 1. Для начала вам придется зарегистрироваться и создать личную страницу. Когда с этим будет покончено, переходите в раздел «Группы» или «Сообщества».

Шаг 2. В верхнем меню найдите кнопку «Создать сообщество».

Шаг 3. Выбираем тематику. Если передумаете, её можно будет изменить в настройках.

Всё, кроме пункта «Группа по интересам» и «Мероприятие» — это публичные страницы. Сменить их вид можно один раз в месяц.

Шаг 4. Выбираете категорию сообщества, даете ему название. Если есть сайт, его так же указываем. А еще чуть ниже требуется подтвердить, что вы ознакомлены с правилами.

Поздравляю! Теперь и вы знаете, как создать своё сообщество. Причем всё это абсолютно бесплатно.

Вам может быть интересно — «Кто такие фрилансеры и как они зарабатывают себе на жизнь?».

Как создать группу в ВК с телефона

А теперь небольшая пошаговая инструкция, как правильно создать группу или сообщество ВКонтакте через телефон. Как и в случае с ПК версией здесь всё также бесплатно и достаточно просто. Итак, вам нужно:

• зайти в официальное приложение;
• перейти на вкладку «Сервисы» и открыть «Сообщества»;

• нажать плюсик справа сверху;

• выбрать тематику создаваемого сообщества: для бизнеса, тематическое сообщество, для раскрутки бренда и т.д.;

• ввести название, тематику, сайт, если потребуется. Поставить галочку согласия с правилами и нажать «Создать».

Готово! Поздравляю!

Оформление паблика

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

Оформление – это важный момент, на который следует обратить пристальное внимание. К счастью, очень многие компании предоставляют услуги по разработке креативного и продающего дизайна в едином стиле. Для примера, можете поискать исполнителей на бирже фриланс-услуг Kwork.

Вам может быть интересно — «Лучшие кэшбэк-сервисы Рунета: экономим на покупках в интернете правильно!».

Основные настройки

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

1. Название;
2. Статус. У вас новая акция или новый товар? Расскажите об этом подписчикам;
3. Информация о группе. Как правило, туда вписывают все, что касается бренда/магазина/человека;
4. Категория паблика.
5. Аватарка;
6. Панель настроек. О ней я расскажу чуть дальше;
7. Статистика. Здесь находится информация обо всех посетителях, подписчиках, количестве отписок и т.д.;
8. Реклама на официальной бирже ВКонтакте;
9. Открывает оставшиеся функции. Например можно перевести страницу в группу, убрать ее из бокового меню или добавить в закладки;

Основы управления сообществом

Именно этот пункт отвечает за все настройки: изменение адреса страницы, названия, описания,  обложки, назначение администраторов, удаление участников.  Это целая панель управления, к которой нужно привыкнуть, чтобы настроить свою группу так, как будет удобно именно вам.

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

Заключение

Надеюсь, я достаточно полно ответил на вопрос о том, как создать группу в ВК, для чего она может пригодиться и чем отличается от страницы. В целом, создание сообщества ВКонтакте – это отличная возможность привлечь новую аудиторию на сайт или клиентов для интернет-магазина. Однако, перед созданием, важно помнить о том, что потребуются вложения. Все группы, которые приносят прибыль – это результат долгой, финансовой и творческой работы ряда специалистов, продолжающейся не на один день или даже месяц. Будьте к этому готовы.

На этом все. Надеюсь, у вас все получиться и вы добьетесь результатов на попроще заработка  в социальных сетях. Подписывайтесь, рассказывайте друзьям и до встречи в следующих статьях. Пока-пока!

Как сделать меню в группе ВК: как создать и закрепить

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

Создать меню в группе Вконтакте можно несколькими способами:

• при помощи Photoshop
• использовать конструктор
• ограничиться перечнем разделов без изображений
• обратиться к специалисту.

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

Текстовое

Начнём с текстового решения. Чтобы добавить меню в группу Вконтакте:

• Заходим в «Управление сообществом»

• Из открывшихся пунктов выбираем «Разделы»
• Включаем «Материалы»
• Делаем доступ ограниченным, чтобы публикациями могли заниматься только Вы или назначенные Вами лица.

• После того, как все действия сохранены, на главной странице появляется вкладка «Свежие новости».
• Меняем название на рентабельное.

• Наводим курсор на кнопку ltgt в правом верхнем углу.
• Включаем «Режим wiki-разметки».

• Появляется надпись «Визуальный режим редактирования».
• Теперь можно приступить к оформлению.
• Прописываем названия рубрик с новой строки. Например: Услуги Цены Контакты Отзывы

• Заключаем названия в квадратные скобки и добавляем перед каждым вертикальную черту: [|Услуги] [|Цены] [|Контакты] [|Отзывы]
• Перед чертой прописываем ссылки на страницы, куда попадут посетители после того, как кликнут интересующий блок [https://vk/com/salonkrasoti.ru|Цены]
• Перед скобками ставим звёздочку *[https://vk/com/salonkrasoti.ru|Цены] Нажимаем «Сохранить».

• Обязательно воспользуйтесь клавишей «Предпросмотр», чтобы убедиться, что всё сделано правильно.

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

Как создать меню в группе вк, чтобы цепляло с первого взгляда?

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

Конструкторы

Существуют как платные, так и бесплатные версии. Вам предложат шаблон, разные варианты фона, цвета клавиш, а также изменить шрифт. Это может выглядеть примерно так:

• Можно загрузить иллюстрации со своего компьютера.
• Последовательно выбираем все пункты, корректируя в процессе по своему усмотрению.

Для примера ниже Вы найдете ссылки на несколько подобных сервисов.

Бесплатный конструктор Вы найдёте на https://вкменю.рф.

Платные: https://vkmenu.ru, https://www.vkprofi.ru. Создать неповторимый стиль без специальных знаний вики разметки поможет сервис http://wikiposter.net. Приложения отличаются между собой, но имеют подробную инструкцию, так что запутаться практически нереально, даже новичку.

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

Photoshop

• Открываем нужное изображение в программе.
• Размер миниатюры не должен превышать 600 пикселей по ширине.
• Проверяем, исправляем, если нужно.
• Инструментом «Раскройка» нарезаем фото на кнопки
• Сохраняем для WEB
• Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
• Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
• Перед нами появляется код, он потребует доработки.
• Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
• Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.

Закрепляем меню

В завершении статьи мы расскажем как закрепить меню в группе Вконтакте. Снова несколько простых шагов:

• Создаём на стене новую запись, в которой прописываем ссылку на меню (копируем в адресной строке).
• После того, как наш образец появится внизу, ссылку можно будет удалить.
• Используя значок фотокамеры, прикрепляем заранее выбранный баннер.
• Публикуем и жмём «Закрепить».

Итак, пожалуй, мы всё рассказали про то как сделать меню в группе Вконтакте в 2019 году после недавних нововведений.

Если нужно удалить меню

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

Для этого в разделе «Приложения» находим пункт «Видимость» и выбираем «Только администраторы» или «Никто». Теперь Вы знаете, как создать меню в группе вк, и применив вышеприведённые инструкции, легко сможете украсить группу стильным и удобным навигатором.

Похожие статьи:

Оформление группы ВКонтакте: как сделать сообщество красивым

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

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

Размеры и соотношения сторон картинок

С первого взгляда все просто: красивое оформление — это интересные и качественные картинки на аватарке, в шапке и меню. Но здесь нередко возникает первая сложность: вы добавляете изображение, а оно начинает казаться маленьким, портится качество, изменяется форма. Чтобы такого не происходило, нужно заранее подумать о соотношении сторон. Дело в том, что если картинка не соответствует размерам, которые ВКонтакте считает оптимальными, ее автоматически сжимают или обрезают. Поэтому, чтобы избежать потерь и изменений в дизайне, следует заранее обрезать изображения до нужных параметров.

Установка изображения на аватар ВКонтакте

Автоматическая обрезка краев картинки при загрузке

А что про размеры основных элементов? Это примерные цифры, но на них можно ориентироваться, разрабатывая дизайн для группы:

• аватар: соотношение от 1 : 1 до 2 : 5, от 200 х 200 до 200 х 500 пикселей;
• ширина картинок в ленте: 510 пикселей, высота зависит от того, хотите вы квадратное или прямоугольное изображение;
• для меню лучше использовать такую картинку, чтобы ее нижний край заканчивался на одной прямой с аватаркой. Если для аватара выбрано соотношение 2 : 5, в меню должно быть фото с высотой 308 px;
• обложки к статьям автоматически обрезаются до размера 510 х 286 px;
• картинки, которые появляются при вставке ссылки, кадрируются до габаритов 537 х 240 пикселей;
• для товаров в магазине используйте квадратные фотографии с шириной 1000 px;
• обложка к шапке — 1590 х 400, в мобильной версии обрезается.

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

Избавляемся от сжатия изображений

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

Запись ВКонтакте с текстом на картинке

Пикселизация при загрузке изображения с текстом

Избавиться от этого неприятного эффекта можно, увеличив исходник примерно вдвое. То есть, загрузив картинку шириной не 510, а 1020 пикселей и больше. Файл все равно ужимается, но на таких масштабах это не так заметно, а пикселизация практически не видна. Еще один прием — выбирать изображения со светлым или белым фоном, на которых не так заметны проявившиеся пиксели.

Оформление шапки страницы

При создании дизайна для группы наиболее важный участок — это шапка, то есть верхняя часть странички. Здесь размещаются аватар, обложка, описание и меню или закрепленный пост: в нем обычно публикуют важные новости, конкурсы или правила. Изменить содержимое можно при переходе в «Настройки» в одноименной вкладке.

Там можно настроить:

• название сообщества;
• короткий адрес;
• обложку — большую картинку в самом верху страницы;
• описание группы.

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

«Основная информация» настроек группы ВКонтакте

Заполнение главных сведений о сообществе

• Название. Желательно, чтобы оно отражало суть страницы. Если вы интернет-магазин или группа, предоставляющая какие-нибудь услуги, укажите тематические слова после основного названия. Само имя сообщества стоит делать коротким, броским и запоминающимся: это пойдет на пользу личному бренду и поможет сделать вас узнаваемым. Если ничего подходящего сходу не придумывается, не волнуйтесь: название можно будет изменить впоследствии.
• Описание. Грамотно и интересно описать свой паблик — отдельная задача. В несколько строк вам понадобится уместить:

• основные сведения о себе, товаре или услуге, которые вы предоставляете;
• контакты и способы заказа, если вы коммерческая компания;
• ссылки на другие ресурсы, если они есть;
• текст, привлекающий целевую аудиторию и интригующий ее.

Большая часть описания скрывается под плашкой «читать дальше», так что в первые строчки нужно вынести то, что будет интересно читателю и заставит его развернуть полный текст.

Описание сообщества ВКонтакте

Пример интригующей затравки в описании

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

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

На большой фотографии можно указать:

• телефоны и электронные адреса;
• логотип бренда;
• краткие сведения;
• информацию об акциях или конкурсах.

Вдобавок это отличное украшение страницы. Шаблон обложки имеет размер 1590 на 400 пикселей; если изображение более широкое, ВКонтакте предложит обрезать ее в соответствии с нужными габаритами. Можно и нужно выбирать более крупные фотографии, чтобы избежать серьезных потерь в качестве.

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

• Динамические и живые обложки. В первом случае участок обложки анимирован или изменяется в зависимости от ситуации, во втором вместо изображения добавлено видео или гиф-анимация. Это можно сделать только для мобильной версии. Подобный способ оформления интересен и обращает на себя внимание людей, но не забывайте про трафик: не у всех посетителей страницы безлимитный интернет. Загружаются такие шапки в том же разделе, что и обычные.
• Короткая ссылка. Это удобный способ уникализировать паблик, с помощью которого вас можно будет найти, не запоминая длинный ID страницы. Сделать короткий URL можно средствами самого ВКонтакте: просто укажите адрес в соответствующем поле в настройках. Он не должен повторять уже существующие и содержать некоторые специальные символы, а также кириллицу. Латинскими буквами можно писать что угодно.

Аватар сообщества

Аватарка настраивается отдельно: для этого нужно кликнуть по картинке в правой части страницы (или вверху, если у вас настроена обложка) и выбрать «Обновить фотографию». Сама по себе загрузка «авы» очень простая, куда сложнее создать ее и оформить таким образом, чтобы картинка служила целям маркетинга.

• Миниатюра. Большую часть времени изображение показывается в миниатюре, и это нужно учитывать при размещении на нем элементов:

• очертания должны быть заметные, объекты — крупные, потому что мелких деталей будет попросту не видно;
• желательно использовать текст, но по определенным правилам: буквы крупные, надпись целиком помещается в миниатюру и хорошо на ней видна.

Текст и буквы на аватарках групп ВКонтакте

Использование крупных шрифтов для аватара

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

Список групп ВКонтакте с ярким дизайном аватара

Примеры аватарок с проработанным цветовым оформлением

• Информация. На аватарку можно помещать короткие сообщения об акциях, грядущих мероприятиях, ивентах и конкурсах. Они должны быть максимально сжатыми: желательно уложиться в 2–3 слова, чтобы на небольшой картинке хватило места, а надпись была видна даже на миниатюре и не оставляла у пользователя вопросов. Там же можно указать номер телефона или ключевые преимущества компании.

Слитные аватар и меню группы

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

1. Откройте в редакторе изображение, которое хотите разрезать, выделите в нем участки для меню и аватара.
2. Чтобы одна картинка перетекала в другую, между блоками нужно сделать «пробел» шириной в 50 пикселей: так блок меню начнется не в том же месте, где прервалась аватарка, а чуть сбоку, как будто часть изображения продолжается под интерфейсом соцсети.
3. Можете поискать в Сети шаблоны, программы и приложения, способные самостоятельно генерировать слитные оформления. Но лучше научиться делать их своими руками.

Виджеты и дополнения

Блок, который ВКонтакте ввел относительно недавно, позволяет настраивать разнообразные виджеты, работающие на воронку продаж или помогающие пользователям в навигации. Этот же блок позволяет создавать простые меню без долгой работы с вики-разметкой. Сейчас запущено и работает уже много разнообразных приложений, позволяющих создавать блоки под самые разные цели:

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

Виджеты сообществ ВКонтакте

Список полезных дополнений для группы

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

Изображения к контенту: как оформить

Всем известно, что главное в SMM и ведении профиля в соцсети — контент. Без качественного наполнения даже красиво оформленная группа не будет продвигаться и расти, но и к записям предъявляются свои требования. Например, посты, к которым не прикреплена картинка, читают хуже, у них меньше видимость, их реже замечают в ленте. Здесь, кроме базовых правил (высокое разрешение изображения, отсутствие перегруженности), есть свои особенности.

Картинки с текстом.

• Используйте затемнение или осветление, если планируете разместить на картинке текст. Так буквы будут более читаемыми, а само изображение не отвлечет читателя от текстового содержимого.
• Можете создать на фото область другого, контрастного цвета и поместить надпись поверх нее, чтобы она не сливалась с элементами картинки. Хорошо работает разделение фотографии на две части в графическом редакторе.
• Еще один вариант — подсветка каждой строчки по отдельности. Это работает не для всех вариантов стиля, но, как правило, смотрится хорошо.
• По аналогии с затемнением или осветлением можно использовать размытие. Сам текст можно подсветить или добавить туда тень с помощью редакторов.
• Хороший выбор — изначально выбирать картинки, где есть место для размещения текста: например, большой однотонный участок. Так редактирование фото сведется к минимуму.

• Ватермарки. Если вы создаете авторский контент, его лучше обезопасить от присвоения авторства. Это помогают сделать «водяные знаки» с вашей символикой: так, даже если картинку опубликуют в другом паблике, по вашим опознавательным знакам легко будет догадаться, что это вы. Ватермарк в таких случаях может работать как еще один способ рекламы, особенно если вы делаете что-то популярное: рисуете или фотографируете, создаете коллажи.
• Источники. Чтобы находить красивые фотографии, платить необязательно. Существует множество сервисов бесплатных стоковых фото, таких как Picrew, Pexels, Freestockimages. У многих есть русскоязычный интерфейс и поиск по картинкам: найти подходящую будет несложно, пользоваться ими можно с указанием автора исходника.

Результаты поиска в сервисе Pexels

Бесплатный фотосток для поиска картинок

• Редакторы. Photoshop — сложный инструмент, и не каждый владелец паблика ВКонтакте умеет с ним работать. Для тех, кто хочет редактировать фото, но не может воспользоваться профессиональным редактором, существует большое количество более простых программ и онлайн-сервисов. Никто не предлагает вам пользоваться Paint: есть приложения, специально заточенные под обработку фото для соцсетей. Например, Canva, Photor и другие.

Инструмент статей и редактирование

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

Окно создания нового поста ВКонтакте

Буква «Т» для перехода в редактор статей

Форматирование публикаций:

• Лонгриды редко пишутся в самом редакторе, чаще их копируют из текстовых документов. Если вы так делаете, обязательно пробегитесь по тексту и посмотрите, нет ли ошибок форматирования. Например, при вставке из Word до недавнего времени часто дублировались переносы строки.
• Первая строчка — заголовок и название: на его основе будет строиться короткий адрес статьи, оно же отобразится в превью.

Редактор для создания статей ВКонтаке

Поле для заголовка и текста статьи

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

Окно форматирования в инструменте статей ВКонтакте

Выбор варианта оформления для текста статьи

• Если вы перейдете курсором на пустой абзац, появится кнопка с плюсом. Нажав на нее, можно добавить в тело статьи изображение, видео или аудиозапись, GIF-анимацию, прикрепить товар или создать опрос. Последний вариант — три звездочки, отбивка блока текста.

Окно вставки нового элемента в статью ВКонтакте

Вставка изображения, видео, музыки и других дополнений

• Вики-разметка групп ВКонтакте

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

команд Microsoft | Программное обеспечение для группового чата

Перейти к основному содержанию Microsoft

Microsoft 365

Microsoft 365

Microsoft 365

• Главная
• Команды Microsoft
  • Для работы
  • Для дома
  • Для образования
• Особенности
  • Встречи и звонки
    • Онлайн-встречи и вебинары
    • Вызов
    • Видео-конференция
    • Совместное использование экрана
    • Обмен файлами
    • Пользовательские фоны
    • Мгновенное сообщение
    • Аудиоконференцсвязь
    • Устройства
  • Промышленность
    • Здравоохранение
    • Работники первой линии
    • Образование
  • Больше
    • Приложения и рабочие процессы
    • Дистанционное обучение
    • Работать удаленно
    • Безопасность и соответствие
• Ресурсы
  • Демо
    • Основы работы с командами
    • Чат и встречи
    • Советы и приемы
  • Инструкция по началу работы
  • Обучающие видео
  • Учебные курсы

Как настроить удаленную работу во время коронавируса.Необходимые решения, если ваша команда работает удаленно

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

Но даже это ничто по сравнению с риском для жизни и здоровья людей, особенно для тех, кто старше 45 лет.

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

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

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

Примечание: В этой статье мы обсудим сотрудников, которые работают за компьютером.

Как организовать процесс перевода сотрудников на удаленную работу?

Для этого есть три основных варианта:

1. Сотрудники работают на своих компьютерах. Это удобно, если им не нужно какое-то конкретное программное обеспечение или если программное обеспечение находится в облаке. Например, менеджеру по продажам нужно иметь доступ только к паре облачных баз, бухгалтеру — к серверу 1С;
2. Вы даете сотрудникам рабочие компьютеры. Это хороший вариант, если им нужно специальное программное обеспечение для работы или если у работника нет дома компьютера.Этот подход наиболее удобен, если ваши сотрудники работают на ноутбуках, но в течение длительного периода времени (а, как вы знаете, карантин может затянуться), не проблема переместить даже стационарный компьютер;
3. Организуете удаленный доступ к RDP через VPN. Хороший промежуточный вариант. Вашему дизайнеру нужен доступ к корпоративному файловому хранилищу и компьютеру с достаточной мощностью? Запустите удаленный рабочий стол на своей рабочей станции и позвольте им использовать его.

Помните: если вы предоставляете сотрудникам удаленный доступ к рабочим серверам или станциям, вам необходимо позаботиться о безопасности корпоративных данных.Это особенно верно, если вы работаете с личными данными, которые охраняются законом. Безопасные каналы подключения, фильтры по IP и MAC-адресам, двухуровневая авторизация — позаботившись вначале об информационной безопасности, вы застраховываете себя от многих проблем в будущем.

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

Как контролировать удаленных сотрудников?

Многочисленные исследования показывают, что сотрудники работают дома даже эффективнее, чем в офисе. Например, исследование Gallop сообщает, что когда сотрудник переключается на удаленную работу, его производительность увеличивается на 20%.

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

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

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

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

Что касается случая, когда сотрудник работает на домашнем компьютере, мы рекомендуем предложить персоналу следующий фреймворк:

1. Человек создает новую учетную запись пользователя, которая используется исключительно для работы;
2. Они устанавливают все необходимые им программы и модуль Kickidler, отслеживающий рабочую активность — он должен быть таким же, как на офисном компьютере;
3. Сотрудники работают под рабочими учетными записями и используют личные кабинеты для личных дел.

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

Как организовать работу с удаленными сотрудниками, и что должен уметь менеджер?

Ранее мы обсуждали техническую сторону перехода на удаленную работу, но как насчет организации самого рабочего процесса? По статистике, при переходе на удаленную работу нагрузка на управление увеличивается почти вдвое. Мы считаем, что здесь самое важное — следовать этим трем ключевым советам:

Совет 1.Индивидуальный подход — основа всего

Находясь в офисе, человек автоматически подстраивается под его ритм, а дома он живет так, как хочет. Некоторым людям удобнее работать именно с 10 утра до 6 вечера, другие предпочитают подходить к работе в несколько сеансов по пару часов каждое, третьи становятся продуктивными только около 20 часов. Мы все разные, поэтому главное правило удаленной работы:

Если привычки сотрудника не мешают работе, не просите его изменить эти привычки

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

Совет 2. Создайте атмосферу доверия и взаимодействия

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

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

Постарайтесь воспринимать удаленного работника не столько как подчиненного, сколько как подрядчика или партнера. Объясните им задачу и опишите их KPI, а затем покажите им, что вы доверяете их способности решать бизнес-задачи. И все же…

Совет 3. Доверяйте, но проверяйте

Мотивация и доверие — эти вещи, безусловно, важны, но вам все равно необходимо отслеживать количество времени, которое ваши удаленные сотрудники проводят в работе. Это поможет вам хотя бы увидеть, кто хорошо справляется со своими задачами.Вот простой пример. Допустим, у вас есть программист Джеймс Браун, который хорошо справляется со своей работой. Он вводит код вовремя, не пропускает дедлайны, и на первый взгляд кажется, что все в порядке … Вот только Джеймс тратит на рабочие задачи 12-13 часов в день вместо запланированных 6-8 часов. При таких темпах ваш сотрудник выгорит через месяц или два, и вам придется искать замену, а это приносит ненужные хлопоты и незапланированные расходы.

Проблема с удаленными сотрудниками в том, что вы не видите, как они работают.В офисе руководитель группы заметил бы, что Джеймс не выполняет свои задачи вовремя, и понял бы, что этого сотрудника нужно перевести на другую задачу, которая больше соответствует его навыкам. Но что касается удаленного взаимодействия… Поверьте, вы можете заметить такие вещи и удаленно!

Для этого используйте менеджеры времени, которые помогают подсчитать количество часов, потраченных на задачу. У нас есть такой инструмент. Он называется Autokick и является частью функциональности Kickidler.Этот модуль отслеживает активность на компьютере и автоматически формирует отчеты, помогая вам быть в курсе всего. Это определенно полезно как для руководителя, так и для сотрудника.

С какими проблемами сталкиваются работодатели удаленных сотрудников и как их решать?

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

Задача 1. Снижение производительности

Ранее мы говорили о том, какие преимущества получает сотрудник от удаленной работы.Индивидуальный график, комфортные условия работы — это все здорово, но … К сожалению, практика показывает, что многие люди в условиях независимости быстро теряют дисциплину. Не все привыкли к самообладанию. Если человек всю жизнь проработал в офисе, где он находился под чьим-то присмотром и в окружении коллег, дома он автоматически будет менее продуктивным.

Выход один — не ослаблять надзор. Ваши сотрудники должны знать, что работа есть работа — где бы они ни находились, дома или в корпоративном офисе.Следите за KPI каждого сотрудника, старайтесь как можно скорее выяснить причины любых задержек или ошибок и всегда держите верх. Вы заметили в Kickidler, что обед менеджера растянулся на несколько часов? Позвони им; спросите их, что случилось и почему они не выполняют свою работу. Пару таких звонков, и человек поправится.

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

Проблема 2. Нарушение связи

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

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

Каждый день в 13:00 я жду, что все будут подключаться к собранию персонала через видеоконференцсвязь; К среде, к 18:00, все материалы проекта А должны быть загружены в хранилище; В четверг, в 14.00, мне нужен отчет по проекту Б, презентация должна быть сделана; Я ожидаю ответов на электронные письма, отправленные с 10 до 18 часов, в течение не более часа.

Чем прозрачнее и понятнее будут все ваши требования, тем проще будет управлять удаленной командой. Конечно, вам все равно придется планировать время для совместных мероприятий, учитывая графики работы участников таких мероприятий. Но как только все улажено, обсуждений не может быть. Планируется собрание персонала? Его должны посетить все.

Задача 3. Снижение вовлеченности

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

Чтобы этого избежать, необходимо поддерживать внутрикорпоративную связь:

• Голосовые звонки;
• видеоконференцсвязь;
• Групповые чаты с эмодзи, стикерами и другими способами выражения эмоций.

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

Программа для мониторинга сотрудников Kickidler

Вам понравился этот пост? Следите за нами в социальных сетях.

Что такое Solo Showdown в Fortnite, как работает новый режим и какие награды вы можете заработать?

FORTNITE представил свой первый соревновательный режим в виде Solo Showdown.

Онлайн-сенсация, организованная Epic Games, разработала новую версию, чтобы «поставить игроков против других участников, выбранных самостоятельно».

3

Epic Games представила новый ограниченный по времени режим для FortniteКредит: Epic Games

Что такое Solo Showdown на Fortnite?

Solo Showdown — это новый ограниченный по времени режим популярной онлайн-игры Fortnite.

Это похоже на Battle Royale Fortnite, за исключением того, что игрокам разрешено соревноваться друг с другом вживую. Epic Games, создавшая его, называет задачу «

окончательное испытание на выживание «.

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

Это означает, что 100 лучших исполнителей получат призы.

3

Концепция версии такая же, как и в Battle Royale Кредит: Epic Games

Какие призы?

Награды значительно различаются: лучший игрок в 50 играх выигрывает 50 000 В-баксов. V-Buck — это внутриигровая валюта, которую затем можно потратить на другие продукты и обновления Fortnite.

Купить 50 000 В-баксов стоит около 400 фунтов стерлингов, так что это довольно привлекательная цель.

Игроки, занявшие 2–4 места, получат по 25 000 В-баксов, а все участники с 5-го по 50-е будут вознаграждены 13 500 бесплатными В-баками.

И все игроки, занявшие 51–100 места в конце игры, получат по 7500 В-баксов.

Чтобы принять участие, вам необходимо принять участие в конкурсе до понедельника 21 мая.

3

Fortnite оказался огромным хитом среди более чем трех миллионов детейКредит: Epic Games

COVID KILLER

Муж зарезал жену и невестку до смерти, «чтобы спасти их от Covid»

NO TIERDROPS

NHS боссы говорят, что в сегодняшнем обзоре НИКАКИЕ области не следует понижать с Т3 до 2

Эксклюзив

ПЕЧАТЬ ЛУТИ

Треть продаж домов рухнет, если гербовый сбор не продлен после

марта

ХОЛОДНАЯ ТУРЦИЯ

Британцам сказали есть индейку ВНЕ Гран, поскольку премьер-министр призывает нас сократить планы на Рождество к тюремному заключению

Как работает режим?

Режим Solo Showdown работает так же, как и Fortnite в версии Battle Royale.

Его правила такие же, как и концепция. Игроки попадают на остров и должны найти оружие.

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

В «Королевской битве» Fortnite зацепили детей — вот почему она так популярна

Важность командной работы (доказано наукой)

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

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

«Каждый человек обладает уникальными дарами, талантами и навыками», — говорит Джон Дж. Мерфи, специалист по трансформации бизнеса и автор книги Pulling Together: 10 Rules for High Performance Teamwork. «Когда мы объединяем их и делим их для общей цели, это может дать компаниям реальное конкурентное преимущество».

Работа в команде важна для успеха компании, — говорит Мерфи. Хорошо, но что в этом для вас? Много. Множество недавних исследований показывают, что члены команды получают такую ​​же выгоду, как и корпорации, в которых они работают. В прошлом году журнал «Американский психолог » выпустил «Наука совместной работы» — полный выпуск, посвященный психологии сотрудничества, — содержащий доказательства того, что работа в команде может сделать вас умнее, креативнее и успешнее.

И это только для начала. Вот все неожиданные способы, которыми командная работа того стоит.

10 преимуществ совместной работы

1. Великие идеи не исходят от гениев-одиночек

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

«За каждым гением стоит команда», — говорит Мерфи.«Когда люди противопоставляют друг другу навыки и знания, они могут создавать практические и полезные решения».

Вот почему Мерфи рекомендует первое, что вам нужно сделать, — это отказаться от слишком распространенного менталитета айдолов. «Том Брэди — это все , но помните: он не выигрывает Суперкубок в одиночку».

2. Разнообразные взгляды помогают придумывать выигрышные инновации

По словам Франса Йоханссона, автора книги The Medici Effect , некоторые из самых инновационных идей рождаются на «пересечении» — месте, где сталкиваются идеи из разных отраслей и культур.

«Большинство людей думают, что успех приходит, когда они окружают себя такими же, как вы», — говорит Йоханссон. «Но настоящий успех и революционные инновации сопряжены с дискомфортом. Дискомфорт подталкивает к росту. Вот тут-то и проявляются различия в опыте, мнениях и перспективах. Разнообразие — это хорошо задокументированный путь к открытию новых возможностей, преодолению новых проблем и получению новых идей ».

Недавний отчет консалтинговой фирмы McKinsey & Company подтверждает это.Было обнаружено, что команды, состоящие из членов разного происхождения (пол, возраст, этническая принадлежность и т. Д.), Более креативны и работают лучше на 35 процентов по сравнению с более однородными командами. Вместо того, чтобы смотреть на проблему с вашей индивидуальной точки зрения, вы получаете картину на 360 градусов, которая может привести к экспоненциальному увеличению количества идей.

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

3. Работа в команде может сделать вас счастливее

Мы опросили более 1000 членов команды в различных отраслях и обнаружили, что при поощрении честной обратной связи, взаимного уважения и личной открытости члены команды на 80 процентов чаще сообщают о более высоком эмоциональном благополучии. Иметь довольных сотрудников — само по себе стоящая цель, но компания тоже выигрывает. Исследования, проведенные в Уорикском университете в Англии, показывают, что счастливые сотрудники на 20 процентов продуктивнее недовольных.А кому не могло помочь повышение счастья?

4. Когда вы работаете в команде, вы растете как личность

В команде может и не быть «Я», но участие в команде может помочь вам расти. «Обмениваясь информацией и, по сути, перекрестно обучая друг друга, каждый член команды может процветать», — говорит Мерфи. Вы можете открыть для себя новые концепции от коллег с другим опытом. Вы также можете учиться на чужих ошибках, что поможет вам избежать ошибок в будущем.

«Вы можете даже узнать что-то новое о себе», — говорит Сьюзен МакДэниел, доктор философии, психолог из Медицинского центра Университета Рочестера и один из приглашенных редакторов «Науки совместной работы».

«У всех нас есть слепые пятна в отношении нашего поведения и сильных сторон, о которых мы, возможно, не подозреваем, и обратная связь от члена команды может раскрыть их», — говорит она. Признание этих сильных сторон и устранение недостатков может сделать вас лучшим членом команды и даже лучшим человеком. «Может быть, работая в команде, вы обнаружите, что умеете лучше слушать.Это умение, которое вы можете развить, а затем забрать домой и использовать для улучшения взаимоотношений в семье, — отмечает МакДэниел.

5. Распределение рабочей нагрузки облегчает выгорание

Недавнее исследование, проведенное Gallup с участием почти 7 500 штатных сотрудников, показало, что 23 процента сотрудников очень часто или всегда чувствуют себя перегруженными на работе. Еще 44% говорят, что иногда так думают. Что помогает? Разделение нагрузки.

«Члены команды

могут оказывать друг другу эмоциональную поддержку, потому что они часто понимают потребности и стресс, связанные с выполнением работы, даже лучше, чем менеджеры», — говорит Бен Вигерт, ведущий исследователь практики управления рабочим местом Gallup.Менеджеры, читающие это: вы не потерялись. Исследование также показало, что знание того, что ваш босс стоит на вашей стороне, также защищает от выгорания.

6. Разделение работы позволяет вам развивать свои навыки

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

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

7. Признание со стороны других членов команды может повысить вашу продуктивность

Получение похлопывания по спине со стороны начальника может повысить мотивацию сотрудника, но получение похвалы от члена команды может быть даже более эффективным. В отчете TINYpulse о вовлеченности сотрудников и организационной культуре за 2014 год было опрошено более 200 000 сотрудников.Участники сообщили, что уважение своих сверстников было главной причиной, по которой они прилагали все усилия на работе.

8. Работа в команде помогает брать на себя риски, которые окупаются

Когда вы работаете в одиночку, вы не решаетесь рискнуть своей шеей. Что, если предложенная вами идея не удастся? Когда вы работаете в команде, вы знаете, что у вас есть поддержка всей группы, к которой можно прибегнуть в случае неудачи. Такая безопасность обычно позволяет командам брать на себя такие риски, которые создают «Эврику!» идеи.

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

Исследователи

Wharton Business School также обнаружили, что секрет успеха в малом: они обнаружили, что командам из двух человек потребовалось 36 минут, чтобы построить фигурку Lego, в то время как командам из четырех человек потребовалось 52 минуты, что более чем на 44 процента дольше.

Не существует однозначного идеального небольшого размера команды, но примите во внимание, что следуйте 2 правилу пиццы генерального директора Amazon Джеффа Безоса: независимо от того, насколько большой становится ваша компания, команды не должны быть больше, чем те, которые могут накормить две пиццы.

9. Когда вы работаете в команде, вы меньше нервничаете

Если у вашей команды хорошая энергия — вы воодушевляете и вдохновляете друг друга, и вам весело вместе, вы будете меньше нервничать, — говорит Мерфи. «Исследования показывают, что стресс делает нас глупыми и заставляет делать больше ошибок», — говорит Мерфи.

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

10. Хорошее общение повышает ваши творческие способности

Устаревшие решения часто выходят из строя в вакууме. С другой стороны, когда люди с разными взглядами объединяются в групповых мозговых штурмах, новаторские идеи могут всплыть на поверхность — с одной оговоркой.Исследования показывают, что это может произойти только при открытом и совместном общении в команде, отмечает Вигерт. Самые креативные решения могут появиться только тогда, когда есть уровень доверия, позволяющий членам команды задавать «глупые» вопросы, предлагать сторонние идеи и получать конструктивную критику.

Подпишитесь на Work Life

Получайте подобные истории в своем почтовом ящике

Подпишитесь

10 способов развлечься на работе

Страдаете ли вы днями от скуки на рабочем месте? Если вы делаете свою работу изо дня в день, но не чувствуете этого, возможно, вам нужно быстро развлечься на рабочем месте.Мы не говорим о счастливых часах и корпоративных вечеринках, которые отвлекают от вашей домашней жизни — мы говорим о занятиях, которые могут сделать вашу повседневную работу в офисе увлекательной.

Счастливые люди — продуктивные люди

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

Готовы ли вы быть счастливыми? Может быть, вам понадобится несколько идей, чтобы это произошло. Вот десять простых советов, как добавить веселья и смеха в свой рабочий день:

1. Сосредоточьтесь на счастье

Вы можете быть серьезным, продуктивным сотрудником и быть счастливым.Чтобы оставаться здоровым, нужно просто смотреть в будущее. Например, должна ли стрессовая ситуация изменить ваше отношение к работе? Нет. Если вы придаете значение тому, что сделает вас счастливым в долгосрочной перспективе, вы будете более склонны подходить к этой стрессовой ситуации с позитивным настроем и, возможно, даже с улыбкой на лице.

Итак, как вы это делаете? Составьте список того, что для вас важно. Поместите его в доступное место, а когда вы столкнетесь с менее чем положительной ситуацией, просмотрите этот список и спросите себя, как ситуация влияет на то, что в списке, и что вы можете сделать для достижения желаемого результата.Если вы будете помнить о «счастье» в глубине души, это в конечном итоге гарантирует, что оно будет всегда в памяти, когда вы пытаетесь принимать трудные решения.

2. Создать или присоединиться к офисному клубу или мероприятию

Звучит банально, правда? Вы, вероятно, думаете: «Организованное веселье — это плохо». Я рядом с вами. Но каждый раз, когда я принимал участие в конкурсе по изготовлению гуакамоле, в корпоративной игре в софтбол или даже в проекте группового общественного обслуживания, я чувствовал себя так хорошо о себе и своих коллегах. Может быть, вы » Вы не из тех, кто организует эти мероприятия, и это нормально.Это не для всех. Но если кто-то организован, присоединяйтесь к веселью. Вы узнаете своих коллег по-новому и немного повеселитесь вместе. Это может зажечь новую дружбу, облегчить будущую трудную ситуацию, и вы даже можете найти более эффективные способы работы с коллегами, основанные на новой связи, которую вы установили во время занятия. Поэтому прежде чем сказать «нет, спасибо», подумайте об этом.

3. Обеденные мероприятия

Если у вас не обеденный перерыв, начните прямо сейчас. Если у вас нет времени, это не обязательно должен быть полный час, но вам нужно уйти с работы.Может быть, вы сходите в спортзал, чтобы выпустить пар. Может быть, вы играете в карточную игру с несколькими приятелями по работе. Может, вы пойдете по магазинам. Независимо от того, что вы делаете, отвлекитесь от работы, ешьте что-нибудь полезное (или побалуйте себя!) И наслаждайтесь тем, что вы можете отойти от своих дел в середине дня. Если к вам может присоединиться друг по работе, это будет бонус.

4. Вдохновляйте творчество

Даже если ваша компания не является творческой… или если ваша роль противоположна творческой, вы можете проявлять творческий подход на работе.просто помните, что «творчество» не обязательно должно быть буквальным, что означает, что вам не нужно создавать произведение искусства (хотя вы можете и должны, если хотите). Творчество может проявляться во многих формах. Некоторые идеи:

• Совместная встреча у доски, на которой вы и команда обсуждаете и набрасываете идеи или решения проблемы
• Обмен вдохновляющими цитатами или историями со своей командой
• Готовим обед для некоторых коллег
• Обмен URL на сайты, которые вам нравятся, обмен идеями
• Создание команды или компании Доска объявлений Pinterest

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

5. Работайте, где вам удобно

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

6. Оставьте работу дома

Работайте продуктивно в течение дня, и вы сможете наслаждаться жизнью дома. Если вы ищете советы о том, как быть продуктивным, ознакомьтесь с недавним сообщением в блоге о том, как избавиться от стресса и стать счастливым. Быть счастливым на работе означает, что вы будете счастливы дома и будете жить сбалансированной жизнью, к которой мы все стремимся.

7. Максимально используйте анимированные гифки

Нет лучшего способа добавить немного глупости в ваши электронные письма и мгновенные сообщения, чем использовать соответствующий анимированный gif.Если кажется, что на каждую ситуацию есть гифка с реакцией. Просто выполните быстрый поиск изображений в Google или зайдите на сайт giphy.com, и вы сразу же улыбнетесь.

Классическая реакция gif. [/ Caption]

8. Прогуляйтесь

Дайте себе отдохнуть от экрана. Дайте себе 15 минут на прогулку — внутри или снаружи. Просто отойдите от работы на перерыв и выполните базовые упражнения, чтобы улучшить приток кислорода. Это может быть особенно полезно, если вы чувствуете, что на чем-то застряли.Если вы отстраняетесь от работы и заставляете двигаться свое тело, скорее всего, вы сможете перефокусироваться и быстро выполнить свою работу.

9. Смех

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

10. Не заставляйте его

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

Ваше веселье начинается прямо сейчас

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

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

13 навыков, которые необходимы, чтобы стать фронтенд-разработчиком 2020

Хотите знать, подходят ли вам технологии?

Стоит ли вам быть дизайнером, исходя из ВАШИХ сильных сторон? Front-end разработчик? Или даже специалист по цифровому маркетингу? Пройдите нашу 3-минутную викторину, чтобы выяснить, подходит ли вам техническая карьера.

Вы когда-нибудь смотрели на свой любимый веб-сайт и задавались вопросом, почему он устроен именно так, как работают кнопки, когда вы их нажимаете, или любую другую часть сайта и думали: «Интересно, насколько это сложно?» или «Хотел бы я сделать это»? Что ж, все эти видимые функции сайта создаются посредством разработки внешнего интерфейса (иногда также называемого «веб-разработкой внешнего интерфейса») — и люди, стоящие за ними, имеют имя: разработчики внешнего интерфейса.

Front-end разработчики — одни из самых востребованных ролей, и не зря — без них мы не смогли бы наслаждаться черными дырами в Интернете. Через секунду мы разберем все навыки, которые используют и необходимы фронтенд-разработчики, но вот краткое определение фронтенд-разработки:

Что такое Front End Development?

В то время как веб-дизайн — это то, как выглядит веб-сайт, разработка интерфейса — это то, как этот дизайн фактически реализуется в сети.

Итак, что такое Front End Developer ?

Интерфейсный веб-разработчик — это человек, который реализует веб-дизайн с помощью таких языков программирования, как HTML, CSS и JavaScript.Хотя это уже не так распространено, фронтенд-разработчиков иногда называют «клиентскими разработчиками», чтобы отличить их от серверных разработчиков, которые программируют то, что происходит за кулисами (например, базы данных). Если вы перейдете на любой сайт, вы сможете увидеть работу фронтенд-разработчика повсюду — в навигации, макетах, включая эту страницу статьи, даже в том, как сайт выглядит иначе, чем на вашем телефоне (благодаря мобильному или адаптивному дизайну) . Хочу больше? Вы можете прочитать наше руководство обо всем, что нужно для начала карьеры веб-разработчика здесь.

Теперь, когда мы разобрались с этим, в этой статье будут рассмотрены некоторые ключевые навыки, которые веб-разработчики интерфейсов используют в своей работе.

Содержание

1. Какие навыки используют фронтенд-разработчики?
2. HTML / CSS
3. JavaScript
4. jQuery
5. Фреймворки JavaScript
6. Фреймворки переднего плана
7. Препроцессоры CSS
8. Сервисы / API RESTful
9. Адаптивный / мобильный дизайн
10. Кросс-браузерная разработка
11. Системы управления контентом
12. Тестирование / Отладка
13. Git / Контроль версий
14. Решение проблем
15. Что дальше?

Какие навыки используют фронтенд-разработчики?

Интерфейсные веб-разработчики используют три основных языка кодирования для кодирования веб-сайтов и веб-приложений, созданных веб-дизайнерами:

Код, который они пишут, запускается в браузере пользователя (в отличие от внутреннего разработчика, код которого работает на веб-сервере).Подумайте об этом примерно так: внутренний разработчик похож на инженера, который проектирует и создает системы, обеспечивающие работу города (электричество, вода и канализация, зонирование и т. Д.), А внешний разработчик — это тот, кто закладывает выходит на улицу и проверяет, правильно ли все подключено, чтобы люди могли жить своей жизнью (упрощенная аналогия, но вы уловили приблизительное представление). Интерфейсный веб-разработчик также отвечает за то, чтобы во внешнем интерфейсе не было ошибок или ошибок, а также за то, чтобы дизайн выглядел так, как должен, на различных платформах и в разных браузерах.

Я просмотрел десятки списков вакансий фронтенд-веб-разработчиков, чтобы увидеть, какие навыки сейчас наиболее востребованы. Это то, что реальных работодателя ищут в соискателях сегодня (и будут искать в ближайшем будущем). Овладейте этими вещами, и вы обязательно получите отличную работу фронтенд-разработчика!

Программа «Break Into Tech» от Skillcrush — это онлайн-курс, где вы получите прочную основу на пути к тому, чтобы получить работу разработчика, которая вам нужна.Если вы зарегистрируетесь в ускоренном режиме для Front End Developer, вы начнете с таких навыков, как HTML и CSS, а затем перейдете к более продвинутым навыкам, таким как адаптивная веб-разработка, Git и JavaScript.

(вверх)

HTML и CSS

HTML (язык гипертекстовой разметки) и CSS (каскадные таблицы стилей) являются основными строительными блоками веб-кодирования. Без этих двух вещей вы не сможете создать дизайн веб-сайта, и все, что вы получите, — это неформатированный простой текст на экране.Вы даже не можете добавлять изображения на страницу без HTML!

Прежде чем вы начнете карьеру в веб-разработке, вам нужно освоить кодирование с помощью HTML и CSS. Хорошая новость в том, что получить твердые практические знания по любому из этих вопросов можно всего за несколько недель.

Самое приятное: одни только знания HTML и CSS позволят вам создавать простые веб-сайты.

(вверх)

JavaScript

JavaScript позволяет добавить к своим веб-сайтам массу дополнительных функций, и вы можете создавать множество базовых веб-приложений, используя только HTML, CSS и JavaScript (сокращенно JS).На самом базовом уровне JS используется для создания и управления такими вещами, как карты, которые обновляются в реальном времени, интерактивные фильмы и онлайн-игры. Такие сайты, как Pinterest, активно используют JavaScript, чтобы упростить пользовательский интерфейс (тот факт, что страница не перезагружается, когда вы что-то закрепляете, — это благодаря JavaScript!).

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

Подробнее о JavaScript здесь: Tech 101: Что такое JavaScript?

(вверх)

jQuery

jQuery — это библиотека JavaScript: набор подключаемых модулей и расширений, которые делают разработку с помощью JavaScript быстрее и проще.Вместо того, чтобы кодировать все с нуля, jQuery позволяет интерфейсному веб-разработчику добавлять готовые элементы в проекты, а затем настраивать их по мере необходимости (одна из причин, почему знание JavaScript так важно). Вы можете использовать jQuery для таких вещей, как таймеры обратного отсчета, автозаполнение формы поиска и даже автоматическая перестановка и изменение размеров макетов сетки.

(вверх)

Фреймворки JavaScript

JS-фреймворки (включая AngularJS, Backbone, Ember и ReactJS) предоставляют готовую структуру вашему JavaScript-коду.Существуют разные типы JavaScript-фреймворков для разных нужд, хотя четыре упомянутых являются наиболее популярными в реальных списках вакансий. Эти фреймворки действительно ускоряют разработку, давая вам толчок, и могут использоваться с такими библиотеками, как jQuery, чтобы свести к минимуму объем написания кода с нуля, который вам нужно сделать.

(вверх)

Фреймворки переднего плана

CSS и интерфейсные фреймворки (самый популярный интерфейсный фреймворк — Bootstrap) делают для CSS то же, что JS Frameworks делают для JavaScript: они дают вам отправную точку для более быстрого кодирования.Поскольку так много CSS начинается с одних и тех же элементов от проекта к проекту, фреймворк, который заранее определяет все это для вас, очень ценен. Большинство списков вакансий фронтенд-разработчиков предполагают, что вы знакомы с принципами работы этих фреймворков и их использованием.

(вверх)

Опыт работы с препроцессорами CSS

Препроцессоры — это еще один элемент, который разработчик внешнего интерфейса может использовать для ускорения кодирования CSS. Препроцессор CSS добавляет дополнительные функции в CSS, чтобы наш CSS был масштабируемым и с ним было проще работать.Он обрабатывает ваш код перед публикацией на вашем веб-сайте и превращает его в хорошо отформатированный и удобный для разных браузеров CSS. Согласно реальным спискам вакансий, SASS и LESS — два наиболее востребованных препроцессора.

(вверх)

Опыт работы с RESTful Services и API

Не вдаваясь в технические подробности, REST означает передачу репрезентативного состояния. Проще говоря, это легкая архитектура, которая упрощает сетевое взаимодействие в Интернете, а службы и API RESTful — это те веб-службы, которые придерживаются архитектуры REST.Подробнее о сервисах REST и RESTful читайте здесь.

Допустим, вы хотели написать приложение, которое показывает всех ваших друзей в социальных сетях в порядке, в котором вы стали друзьями. Вы можете позвонить в RESTful API Facebook, чтобы прочитать список друзей и вернуть эти данные. То же самое и с Twitter (который также использует RESTful API). Общий процесс одинаков для любой службы, использующей RESTful API, только возвращаемые данные будут другими.

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

(вверх)

Хотите знать, подходят ли вам технологии?

Стоит ли вам быть дизайнером, исходя из ВАШИХ сильных сторон? Front-end разработчик? Или даже специалист по цифровому маркетингу? Пройдите нашу 3-минутную викторину, чтобы выяснить, подходит ли вам техническая карьера.

Адаптивный и мобильный дизайн

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

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

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

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

(вверх)

Кросс-браузерная разработка

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

Узнайте больше о кросс-браузерной совместимости здесь и здесь или ознакомьтесь с Руководством по кроссбраузерности Дэниела Херкена для более глубокого изучения.

(вверх)

Системы управления контентом и платформы электронной коммерции

Почти каждый веб-сайт построен на системе управления контентом (CMS). (Платформы электронной коммерции — это особый тип CMS.) Самая популярная CMS в мире — это WordPress, которая скрыта за кулисами миллионов веб-сайтов (включая Skillcrush!) — почти 60% веб-сайтов, использующих CMS, используют WordPress.

Другие самые популярные CMS включают Joomla, Drupal и Magento.Зная, что они не вызовут на вас такого же спроса, как на эксперта по WordPress, они могут дать вам нишу, которая будет желательна среди компаний, использующих эти системы (а их много).

Чертеж внештатного разработчика WordPress

Skillcrush — отличное место, чтобы узнать, что вам нужно знать, чтобы начать работу!

(вверх)

Тестирование и отладка

Для интерфейсного веб-разработчика это факт: ошибки случаются. Знание процесса тестирования и отладки является жизненно важным.

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

Другой распространенный тип тестирования — это тестирование пользовательского интерфейса (также называемое приемочным тестированием, тестированием браузера или функциональным тестированием), при котором вы проверяете, что веб-сайт ведет себя должным образом, когда пользователь действительно выполняет действия на сайте.Вы можете написать тесты, которые будут искать такие вещи, как определенный HTML-код на странице после того, как будет выполнено действие (например, убедитесь, что если пользователь забудет заполнить обязательное поле формы, появится окно с ошибкой вашей формы).

Отладка — это просто взятие всех «ошибок» (ошибок), обнаруженных этими тестами (или обнаруженных вашими пользователями после запуска вашего сайта), надевание шляпы детектива, чтобы выяснить, почему и как они возникают, и устранение проблемы. В разных компаниях для этого используются несколько разные процессы, но если вы использовали один, вы можете легко адаптироваться к другим.

(вверх)

Git и системы контроля версий

Системы контроля версий позволяют отслеживать изменения, которые были внесены в код с течением времени. Они также позволяют легко вернуться к более ранней версии, если вы что-то напортачите. Допустим, вы добавляете настраиваемый плагин jQuery, и внезапно половина остального кода ломается. Вместо того, чтобы вручную отменить его и исправить все ошибки, вы можете вернуться к предыдущей версии, а затем попробовать еще раз с другим решением.

Git — наиболее широко используемая из этих систем управления версиями. Знание того, как использовать Git, будет требованием практически для любой разработки. Это один из тех жизненно важных навыков, которые необходимы разработчикам, но о которых мало кто говорит.

(вверх)

Навыки решения проблем

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

Допустим, вы создали отлично функционирующий интерфейс веб-сайта и передаете его разработчикам серверной части, чтобы они интегрировали его с системой управления контентом. Внезапно половина ваших замечательных функций перестает работать. Хороший фронтенд-разработчик будет рассматривать это как головоломку, которую нужно решить, а не как катастрофу.Конечно, отличный фронтенд-разработчик старшего уровня предвидит эти проблемы и в первую очередь старается их предотвратить!

(вверх)

Итак, вы готовы стать фронтенд-разработчиком? Что дальше?

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

Если вам нравится работать фронтенд-разработчиком, но вы не знаете, где получить навыки, то вы попали в нужное место! Программа «Break Into Tech» от Skillcrush включает в себя доступ к нашему Front End Developer Fast Track, программе, разработанной, чтобы дать вам все навыки, необходимые для начала работы в качестве front-end разработчика.

В ходе курса вы получите прочную основу для того, чтобы получить работу разработчика, которая вам нужна. Вы начнете с таких навыков, как HTML и CSS, а затем перейдете к более продвинутым навыкам, таким как адаптивная веб-разработка, Git и JavaScript.