Hogyan készítsünk csoporttervet. Hogyan készítsünk VKontakte csoportmenüt. VKontakte csoport tartalma

A VKontakte csoport sikeres tervezésének nemcsak szépnek, hanem funkcionálisnak és kényelmesnek is kell lennie. Oldja meg marketingproblémáit a tervezéssel, hogy a csoport fizető és vásárló közönséget vonzzon a márkához, és örökre vele maradjon.

5 lépés a csoport létrehozásához a VKontakte-on

Borító

A közösségi fedezet manapság fontos eszköz a Contact márkacsoportjának kialakításához és népszerűsítéséhez. Letöltheti a „Közösségkezelés” részben, a „Beállítások” lapon. Maga a közösségi fejlécben található jó minőségű vízszintes kép a vállalat fő promóciós szalagcímét tölti be a közösségi hálózaton. Hangulatot ad, informál, imázst emel, célzott cselekvésre szólít fel, és egyben értékesít is.

1. Használjon jó minőségű illusztrációkat

A VKontakte közösségi borítójának 1590x400 pixel méretűnek kell lennie, de érdemesebb 2-3-szor nagyobb fotót feltölteni .png formátumban. Így elkerülhető a rossz minőségű megjelenítés.

2. Igazítsa a képet a különböző eszközökhöz

Ne feledje, hogy ez a kép eltérően jelenhet meg a különböző eszközökön – mobilon a szélek le lesznek vágva, ezért a legjobb, ha az összes legfontosabb információt közelebb helyezi el a középponthoz.

3. Helyezzen el egy szlogent és USP-t

Hagyja, hogy az ügyfél lássa filozófiáját és előnyeit az első képernyőn.

4. Mutassa be a terméket/szolgáltatást, a használatának folyamatát vagy eredményét

Így a potenciális vásárló azonnal tudni fogja, mire specializálódott, és részt vesz a termékben.

5. Segítsen az ügyfeleknek, hogy azonnal kapcsolatba lépjenek Önnel

A szalaghirdetésre írja fel telefonszámát, e-mail címét és egyéb céges elérhetőségeit. Ha vállalkozása számára fontos a földrajzi elhelyezkedés, például vendéglátóiparban vagy horeca-ban dolgozik, akkor a cím is hasznos lesz.

6. Hirdesse az eseményeket

Koncerteket reklámoz, új kollekcióra vagy termékbemutatóra számít, vagy fesztivált/konferenciát/ügyfélnapot tart? Szólj erről mindenkinek, aki a közösségbe jön.

7. Akciók és kedvezmények bemutatása

Hol máshol a fő platformon mondhatod el a közönségnek, hogy jelenleg 2-szer olcsóbban adhatnak le rendelést Öntől? A legfontosabb, hogy az ajánlat lejárta után ne felejtse el megváltoztatni az illusztrációt.

8. Ajánljon fel egy célzott cselekvést

A közösségi borító betöltésekor két gomb kerül vízszintesen a jobb alsó sarokban - Írj üzenetet és Csatlakozz a csoporthoz. Mutasson rájuk egy nyilat, hogy még jobban magára vonzza a közönség figyelmét. Tehát, ha egy termék megjelenik egy banneren, üzenetben azonnal felajánlhatja annak megrendelését. És ha tartalmazza a legfrissebb hírek kivonatát, iratkozzon fel, hogy mindig megkapja a legfrissebb információkat.

Tölts fel egy avatart, és válassz egy indexképet

Egyes márkák még mindig nem veszik át a borítót, inkább a csoport első képernyőjének régi megjelenését részesítik előnyben, úgynevezett „fejlécként” egy avatar és egy rögzített bejegyzés kombinációját használva. Ebben az esetben az egyik kép a másik folytatása. A leglenyűgözőbbnek tűnik, ha a fénykép ugyanazon a szinten végződik, mint az avatar.

A maximális 200x500 pixeles avatarméret használatakor a rögzített bejegyzésben lévő kép méretét 510x308 pixelre kell tenni. Kiváló lebilincselő technika a közösségi hálózat lejátszóján keresztül feltöltött videó csatolása, amely stílusosan folytatja az avatart.

Ha egy borítót használ fejlécként, az avatar mindig miniatűrként jelenik meg.

A VK közösségi avatar miniatűr tervezésének szabályai

A bélyegkép egy kis kerek kép, amely egy nagy avatarból van kivágva, és megjelenik a csoportok keresésében, az egyes felhasználók közösségeinek listájában, valamint a borító alatt bal oldalon, ha van ilyen. Íme néhány tervezési tipp.

1. Az indexképnek érthetőnek kell lennie a közönség számára

Nem szabad közzétenned egy furcsa illusztrációt. Képzeljen el valamit, amit a célközönség a későbbiekben a márkához fog társítani, például egy logót, egy termék/szolgáltatás ikont vagy esetleg a márka fő marketingjellegét.

2. Csak jó minőségű fényképeket használjon

Jobb, ha a szükséges méretnél 2-3-szor nagyobb forrást tölt fel, így elfelejtheti a szörnyű pixel „négyzeteket”, amelyek nem mutatják a legjobb fényben.

3. Tervezze meg saját illusztrációit

A szabványos stock képek olcsónak és professzionálisnak tűnnek, és a felhasználók márkával szembeni bizalmatlanságának szinonimájává válnak. Készítsen egyedi mintákat, ugyanolyan koncepcióban és színekben, mint a többi minta.

4. Az oldal hátterével ellentétben álló képekre van szüksége

A VK miniatűrök ilyen fülbemászó megtervezésekor a „kerek darab” kiemelkedik a feedben a többi csoport közül, és nem olvad össze az oldal hátterével.

5. Helyezze el a cég elérhetőségeit vagy USP-jét

A miniatűr céljától függően helyezzen rá egy elérhetőségi telefonszámot vagy weboldal címet, az ingyenes szállítással kapcsolatos információkat, a szegmens legalacsonyabb árának jelzését vagy promóciót.

6. Tedd nagyméretűvé és olvashatóvá a szöveget!

Jobb, ha nem használ serif vagy dőlt betűtípust - túl zajosak PC-képernyőkön, mobileszközökön és okostelefonokon, szennyezve a nézetet. Ügyeljen arra, hogy a szöveg ne nyúljon túl a kivágott bélyegkép határain. Ez lehetővé teszi, hogy helyesen és hatékonyan továbbítsa az üzenetet a felhasználónak.

7. Használjon egyedi formákat

Például a kívánt kerek sablonban írjon be egy sokszöget vagy más geometriai alakzatot fehér alapon. Hozzon létre egy olvasatlan értesítési effektust vagy egy grafikus „online” ikont.

Készítsen menüt

A menü a Kapcsolatban lévő csoportok kialakításának fontos eleme, amely megkönnyíti a felhasználók számára a csoportban való navigálást - így az emberek könnyebben megtalálhatják a szükséges információkat. Minden elem és oldal egy speciális programozási nyelven készül - Wiki jelöléssel. Használatával kattinthatóvá teheti a képeket, és kényelmes oldalakat hozhat létre a közösségi hálózaton belül, mintha az egy webhelyoldal lenne.

Nyitott és zárt menüt is használhat. Az első esetben a felhasználó azonnal látja a benne szereplő részeket, a másodikban pedig egy előnézeti kép előzi meg őket a „Menü” felirattal. A menü vizuálisan is az avatar folytatásává válhat, ha a régi közösségi tervezési lehetőséget használod.

Készítsen termékbemutatót

Amikor termékeket helyez el a közösségi kirakatban, ne feledje, hogy a felhasználók mindig az első 3 elemet látják. Helyezze el bennük a legnépszerűbb és legtöbbet megrendelteket, és töltsön fel bemutatóképet ugyanabban a stílusban. Tegyen itt közzé egységes ikonokat vagy fényképeket magukról a termékekről A szolgáltatások elhelyezhetők a termékekben. A tervezésben mutassa be a szolgáltatás nyújtásának folyamatát vagy annak eredményét. Egy ilyen kép mérete négyzet alakú lesz – 400x400 pixel.

Post design

1. Használja ki teljes mértékben a rendelkezésre álló képméreteket

A feedben lévő kép maximális szélessége 510 pixel. Az 510x510 pixeles négyzet alakú és az 510x300 pixeles téglalap alakú képek a leglenyűgözőbbek.

2. Egyéni bejegyzésstílus kialakítása

Annak érdekében, hogy bejegyzései egyedinek tűnjenek, dolgozzon ki egységes stílust, betűtípust és színsémát.

3. Helyezzen rövid szöveget a képre

Például feloszthat egy képet 2 részre - szövegre és grafikára, vagy szöveget írhat, miközben sötétíti a hátteret. Ahhoz, hogy a szöveg sötét háttér nélkül is látható legyen, írja egy háttérre (egyenletes színű kontrasztos grafikai blokk), vagy adjon hozzá árnyékot a felirathoz. A kerettel ellátott fotók jól néznek ki.

4. Készítsen több sablont különböző célokra

Például árajánlatokhoz használjon egy sablont a vizuális információk bemutatásához, a webhelyről származó anyagok bejelentéséhez - egy másikat, a versenyekhez pedig egy harmadikat.

Használja ezeket az abszolút technikákat, és cége a lehető legjobb módon kerül bemutatásra a VKontakte-on, és kényelmes lesz az ügyfelek számára, hogy kapcsolatba lépjenek vele. De ne felejtsd el, hogy mindenhez mértéktartás kell! A Tesla Target ügynökség szolgáltatási oldalán még több friss ötletet talál a VK közösség kialakításához.

A VK-csoport stílusos kialakítása vonzza a célközönséget, és növeli a potenciális előfizetők bizalmát. Hogyan kell professzionálisan megtervezni, olvassa el ezt a cikket.

Naponta átlagosan 23 millió felhasználó jelentkezik be a VKontakte-ba. A Yandex keresőmotor kivételével a vk.com a legnépszerűbb cím az orosz internetezők körében. Természetesen a vállalkozások a felhasználókért jönnek oda. Ezért az elmúlt néhány évben a hálózati adminisztráció egy tucat nagyszerű funkcióval bővítette a márkafejlesztést a VK-ban: widgetek, cikkek, történetek, közösségi menü. Segítenek magukról beszélni, új közönségeket találni, és eladni nekik anélkül, hogy elhagyná a hálózatot.

Az első dolog, amit a potenciális előfizető értékel, a VKontakte csoport általános kialakítása. Ezért manapság a miniatűr avatarokat nagyméretű bannerekkel és borítókkal egészítik ki, a menük és a katalógusok ugyanabban a stílusban készülnek, és törekednek a bejegyzések és történetek felismerhetőségére. Ez az utasítás segít egy VK-csoport létrehozásában - összegyűjtöttük a nagyvállalatok remek tapasztalatait, és kreativitásuk alapján egyszerű sablonokat készítettünk, amelyeket használhatsz a közösségedben. Csak annyit kell tennie, hogy megragadja a logóját, és megnyitja a Canvát.

Avatar

Az avatar a közösség arca, amelyből a VKontakte csoport tervezése kezdődik. Ez általában egy céglogó vagy márkanév.

Minimális avatar mérete - 200 x 200 pixel. De jobb, ha 2-szer nagyobb képet tölt fel - így megőrzi a tömörített képek minőségét.

Maximális logóméret - akár 7000 pixel mindkét oldalon. Ebben az esetben a képarány legfeljebb 5:2, vagyis egy 200 pixel széles kép legfeljebb 500 képpont magas lehet, ellenkező esetben a szerkesztő felajánlja a kivágást.

Bélyegképhez egy négyzet vagy téglalap alakú képet körré kell vágni, ezért előre győződjön meg arról, hogy a szavak vagy a logó nem nyúlik túl a körön.

Az avatar a márka küldetését tükrözi, és fontos információkat tartalmazhat a vállalat szolgáltatásairól és cselekvésre való felhívásairól. Például egy egyszerű és szigorú avatar logó Vc.ru megalapozza a hangulatot a színvonalas üzleti újságíráshoz és a játékos avatárhoz Adme- szórakozásra és kikapcsolódásra. Érdekes bejegyzés Közgazdasági Gimnázium, amely ötvözi az akadémiai logót egy informális logóval.

Az ADME, a Higher School of Economics és a vc.ru csoportok avatárjai

Ha az elegancia és a szépség érzetét szeretné kelteni, de még nincs stílusos logója, akkor a sablont ajánljuk. Egy sablon segít egy új kávézónak, hogy ismertté tegye magát. Egy másik vizuálisan egyszerű és lakonikus sablon: az avatar háromszögei és tűzői felhasználhatók a VK-csoport egészének tervezésében - például bejegyzésekben és történetekben, hogy egységes stílust hozzanak létre.

Használja ezt a sablont

Használja ezt a sablont

Használja ezt a sablont

Üdv mindenkinek, a blogoldal kedves olvasói. Folytatom a témámat - valójában nem minden olyan bonyolult, mint amilyennek látszik, és nincs itt semmi különös, amit tanulmányozni lehetne. Az Ön professzionalizmusa teljes mértékben a gyakorlattól függ. Nos, oké, ma beszélünk a csoportok szépségéről, a csoportok menüjének szépségéről és arról, hogyan lehet szépen megtervezni az étlapot és magukat a csoportokat, saját kezűleg, pl. ingyen!

Ha már az SMM iparág egyszerűségéről beszélünk - még itt is több ág és trükk van, amit elméletileg ismerni kell az eredmények eléréséhez. Nos, oké, azt is elismerem, hogy lehet, hogy még mindig túl gyenge vagyok ezeken a területeken, bár mindkettőn vannak ügyfeleim.

Hát akkor, Hozzunk létre egy menüt a VKontakte csoportokhoz?

Hogyan készítsünk saját menüt egy VKontakte csoportban

Igen, pontosan egyedül, mert a cikk elolvasása után nem lesz szüksége szabadúszók szolgáltatásaira. Bár ez nem drága biznisz, de 1500-ért lehet menüt készíteni a workzilán (a börzével való együttműködésről írtam részletes tapasztalatot).

Tehát ez az, amire szükségünk van egy csoport létrehozásához a VK-n:

1. Elrendezés (az elemek grafikus elrendezése) - tudnunk kell, hol kell mindennek lennie.

2. Alapvető ismeretek a wiki jelölésről. (Az alábbiakban a legszokványosabb dolgokról fogunk beszélni, de a részletes tanulmányozáshoz ajánlom ez a csoport ).

3. A Photoshoppal való munkavégzés alapismeretei. Ki kell vágnia a kívánt méretű darabokat az elrendezésből.

Hol szerezhetek be menüelrendezést?

A VKontakte menü kialakításának elrendezései különböző módon készíthetők, például:

1. Szabadúszó vagy Workzilla is.

2. Ha rendelkezik Photoshop-készségekkel, saját maga is elkészítheti. Ha nem, ajánlom Jevgenyij Popov tanfolyamait, itt van az egyik közülük, csak a Photoshop számára - kattintson.

3. Lehet googlezni és készeket letölteni. Hidd el, elég sok van belőlük.

Nos, másrészt... Miért a Google? Csak iratkozzon fel webhelyem frissítéseire. És kattintson az alábbi közösségi média gombokra.

Kifejezetten az Ön számára készítettem egy archívumot, amelyben több mint 100 különböző dizájn a VKontakte csoportokhoz!. Kicsomagoláskor az archívum körülbelül 2,5 gigabájtot foglal el.

A fő feltétel, hogy előfizető legyél és kövesd a közösségi gombokat!

Köszönöm. Most letöltheti az archívumot erről a linkről.
Ne felejtse el végigmenni a többi közösségi gombon.

Az avatarok és a menük méretei, amelyek hasznosak a VK-csoportok kialakításához

Egy csoport vagy nyilvános oldal megfelelő megtervezéséhez tudnia kell a felhasználandó képek méretéről. Kérem, hogy figyeljen erre a képre.

Mint látható, a csoportban az avatarnak 200 szélességre és 500 pixel magasságra van szüksége. A főmenü képéhez pedig – 395 pixel széles és 289 pixel magas.

Lényegében csak ennyi kell. Vannak elrendezések, van méretértelem.

A kreatív résznek vége – már csak egy kis munka van hátra. Elkezdjük a teljes folyamat technikai részét a csoportok menüjének elkészítésében.

Hogyan hozzunk létre saját VKontakte-csoportot elrendezésekkel

Tehát megvannak a csoporttervezési makettek. Most ki kell vágnia a szükséges részeket.

Természetesen semmi sem kell a csoport avatarhoz. Az elrendezésből vagy képből kivágjuk a szükséges részt és beillesztjük a csoportba. Szerintem be tudod illeszteni magad? Hát remélem. Ha nem, írjon megjegyzéseket, ezt a részt hozzáadom a cikkhez.

Most a menüt, ki kell vágni. Természetesen nem magát a menüt, de a menü minden részét (gombokat) mindenképpen ki kell vágni.

Először is egy kis oktatás.

Miben különbözik a csoport menü a nyilvános menütől?

Abban különböznek egymástól, hogy a csoportmenü lényegében egy gombkészlet. De ez a menü mindig rejtve van! Mindig! A nyilvános menü pedig mindig nyitva van, és valójában egy rögzített post-link, amely a menü szakaszait (gombokat) tartalmazó oldalra vezet.

Tehát ismét: egy csoportban - a menü megtekintéséhez kattintson a „Csoport menü” gombra, alapértelmezés szerint ennek a gombnak a neve „Legfrissebb hírek”.

A nyilvános helyen pedig (egyébként csoportban is lehet) a menü mindig nyitva van.

De ez a kép egy nagy és gyönyörű link, amely egy nagyobb külön menühöz vezet. Itt:

Ez a képgomb a menüben rögzített bejegyzésen keresztül jön létre. Ez csak egy bejegyzés a csoportban, amelyet örökre rögzítünk! Ez a link bejegyzés egy külön oldalra visz, amelyet óvatosan előre elkészítünk.

Hogyan hozzunk létre külön oldalt a VKontakte menühöz

A jövőbeli menü (navigáció) oldalának létrehozásához el kell küldenie a következő kérést a VK-nak:

Http://vk.com/pages?oid=-XXX&p=YYY

ahol XXX a csoport száma, YYY az oldal neve (itt minden kérdőjel és kötőjel kötelező).

Sőt, azt javaslom, hogy a név legyen normális, vonzó és értelmes, mert ragyogni fog, és az emberek e név alapján bizonyos benyomást keltenek Önről és a csoportjáról. Például a „Navigáció” vagy a „Csoportmenü” normális nevek, de banálisnak tűnnek. Használd a képzeleted.

Beírtam a következő lekérdezést

Http://vk.com/pages?oid=-97062010&p=navigation

És azonnal megnyitottam egy létrehozott oldalt szerkesztési lehetőséggel.

Ide kell beszúrnia magának a menünek a kódját a wiki jelöléssel. De erről majd később.

Egyébként elárulok egy titkot, ha van egy csoportja (és nem nyilvános) - egy standard menü, amely alapértelmezés szerint már létezik -, az már önmagában egy oldal. Így használhatja, ha problémái vannak további oldalak létrehozásával.

Hogyan készítsünk rögzített bejegyzést egy csoportban vagy nyilvánosan

Igen, és minden típusú közösségben ugyanúgy jön létre a rögzített bejegyzés! Minden nagyon egyszerűen történik.

És a megjelenő ablakban kattintson a „Pin” gombra - ez egyszerű!

Sok csoport egyébként hirdetményként használja a rögzített bejegyzéseket. Ha a hirdetés relevanciája elmúlt, egyszerűen kattintson újra a megjelenés dátumára és a „Feloldás” gombra.

Valójában ma már mindenki ezt a menümódszert használja.

Találd ki miért?

Tehát már tudjuk, hogyan kell oldalakat létrehozni és bejegyzéseket rögzíteni. Menő. Térjünk vissza a ram-elrendezéseinkhez.

Elrendezés vágása csoportos vagy nyilvános tervezéshez

Tehát az avatár számára minden világos, itt nem vágunk semmit. Elkészítettük a kívánt méretű képet és feltöltöttük a VK-ba. Minden. Elkészültünk a csoport avatarjával!

Most a menü.

Például ebből a csoportból vettem a menüt. Én magam készítettem, és még mindig hozzáférek, így akár az oldalak kódját is meg tudom mutatni.

Tehát már tudja, hogyan kell elkészíteni a menü fő képét - ez csak egy rögzített bejegyzés.

Kattintson a menüre és nézze meg a képet.

Ki kell emelnünk a „kattintható” zónákat.

azok. válassza ki magukat a gombokat. Hadd emeljem ki neked ezeket a területeket piros vonalakkal.

Mennyit kapunk? 5 kép. És nem minden képből lesz gomb!! Mint látható, a felső nagy kép nem egy gomb, hanem maga...

Tehát ilyen vonalakon vágtunk ki képeket. Most fel kell töltenie a VK-ba.

Ha a menühöz külön oldalt készített, akkor az újonnan létrehozott oldalon kattintson a „Töltsd ki tartalommal” gombra.

Ha nem Ön hozta létre ezt az oldalt, hanem egy kész oldalt használt a menühöz, akkor azonnal megjelenik az oldalszerkesztő, és azonnal feltöltheti a képeket:

Töltse ki, és a következőket kell látnia:

Lehet, hogy csak olyan kódja van, mint az alábbi képen. Ha nem, kattintson a „Forráskód” gombra, ezt a gombot emeltem ki a felső képen. És a következőket fogja látni:

Itt sorba kell állítani az összes képet, hogy ne keveredjünk össze (na, én ezt csinálom).

És hogy ne legyen kitömés a képek között, írja be a „nopadding” címkét, ennek így kell kinéznie:

[]

Ezt követően linkeket kell tenni a szükséges képekre.

Már tudja, hogyan kell külön oldalakat létrehozni. Most helyesen kell megadnia ezeket a hivatkozásokat.

Nem bántalak túlságosan. Így illesztettem be a VK oldalaira mutató hivatkozásokat:

[]

ez az oldal-58190479_45419120 - ez magának a VKontakte oldalnak a címe, ezt az azonosítót a böngésző címsorában találja.

Ennyi :) Nem nehéz?

Ez az, amit a kódomban kötöttem ki. Ha van valami hasonló, akkor minden rendben van.

Ha bármilyen problémája van valamelyik ponttal, forduljon hozzánk. Szívesen segítek.

Megragadva az alkalmat, szeretném emlékeztetni, hogy minden promócióhoz és csaláshoz csodálatos szolgáltatások állnak rendelkezésre, ezek a következők:

prospero | munkatárs | társadalmi eszközök

Lehet, hogy nem mondtam el minden titkot, amit el kellett volna mesélnem. Bevallom, hogy valamit kihagytam, elvégre nem volt rövid a cikk - írjon, ha nyilvánvaló hiányosságokat észlel. Előre is köszönöm.

Hello barátok.

Mindenki, aki regisztrál egy közösségi oldalra, mindenekelőtt személyes oldalát állítja be és tervezi meg, és kitölti a személyes adatokat. Mindenkinek mások a céljai, ezért más a megközelítése is. Vannak, akik arra törekednek, hogy minél többet írjanak magukról, aktuális fényképeket adjanak hozzá, és régi és új barátokat találjanak. Más felhasználók nem szeretik a zajt és a felhajtást, nincs szükségük új kapcsolatokra, bejelentkeznek a fiókjukba, hogy elolvassák a híreket és beszélhessenek legjobb barátjukkal.

De ha létrehozol egy közösséget, akkor az a cél, hogy minél több olyan embert vonzzon be, akit érdekel a téma. Ezért a tervezésen és a tartalomon kell dolgozni, a látogatók igényeire összpontosítva. Ma kitaláljuk, hogyan hozhatunk létre csoportot a VK-n, hogy jó benyomást keltsünk a célközönségben, és új előfizetőket vonzunk.

Amikor létrehoz egy nyilvános vagy csoportot, egy üres sablont lát maga előtt.

Találjuk ki, milyen blokkon kell dolgoznunk, hogy vonzó oldalt kapjunk.

• A jobb oldali fotó a csoport avatarja, amely az előfizetőknek szóló üzenetekben és értesítésekben jelenik meg. Az avatar minimális mérete 200×200 px, a maximális pedig 200×500 px.

• A borító a képernyő tetején lévő szalaghirdetés. Mérete a VKontakte teljes verziójában 1590 px szélesség és 400 px magasság, a mobilalkalmazásban - 1196 px vízszintesen és 400 px függőlegesen. Ezért a különböző kütyükön való helyes megjelenítés érdekében ne helyezzen jelentős elemeket a burkolat oldalára.

A műszaki paraméterekről döntöttünk. Most dolgozzunk a fő szakaszok kialakításán.

Avatar és miniatűr

Ez egy olyan kép, amely a közösség „arca”. A felhasználók a nyilvánosság nevében küldött üzenetek mellett és az előfizetések listájában látják. Ennek a képnek az a célja, hogy felhívja magára a figyelmet és felismerhető legyen.

Szülőknek csoportot tervezek, és van egy kész logóm. Most pedig lássuk, hogyan fog kinézni avatarként. Ehhez kattintson a „Fotó feltöltése” gombra, és válassza ki a kívánt képet.

Nem szeretem, ha a kép le van vágva, ezért a látómezőt a szélek körüli négyzetekkel felfelé húzva nagyítom.

Most beállítjuk azt a bélyegképet, amelyet a felhasználók az üzenetek mellett láthatnak. Célszerű, hogy a szöveg elég nagy legyen, és ne legyen levágva, különben nem lesz olvasható, és hanyagnak tűnik.

Be kell vallanom, hogy az avatarom nem ideális, jobb, ha a kép sötét vagy világos háttéren van. De a legfontosabb, hogy elismerjék. Ha ez egy céglogó, akkor nem kell megváltoztatni. Ha lehetősége van választani, próbálja meg biztosítani, hogy a nyilvánosság fő fotója eredeti legyen, és kiemelkedjen a versenytársak közül. Íme, példák kifejező képekre.

Rövid és hasznos információkat helyezhet el az avatarodon:

• Készlet,
• céges telefonszám,
• rendezvény bejelentése,
• a fő termék ára,
• üres állások,
• Honlap címe,
• irodai koordináták,
• hívjon előfizetéshez.

Használjon minden tervezési elemet a látogatók és ügyfelek vonzására. De ne terhelje túl őket szöveggel, csak a legfontosabbról írjon.

Fontos: az avatar képének jó minőségűnek kell lennie, a szövegnek világosnak és meglehetősen nagynak kell lennie.

Borító

Ez az elem a legnagyobb és legkifejezőbb az egész oldaltervben. De ne feledje, hogy amikor hozzáadja, az avatar eltávolításra kerül az oldal fejlécéből. Splash kép feltöltéséhez lépjen a "Kezelés" részhez.

És a „Közösségi borító” felirat mellett kattintson a „Hozzáadás” feliratra.

A megnyíló ablakban 2 lehetőség kínálkozik: normál vagy „élő” borító készítése. Az utolsó lehetőség azt feltételezi, hogy legfeljebb 5 fotót és videót tölt fel, amelyek felváltják egymást a nyilvános oldal tetején. Feltettem egy rendes képet.

Ezt követően zárja be az ablakot, és frissítse az oldalt. Íme, amit kaptam.

Nézzük meg, hogyan néz ki a kép egy mobiltelefonon.

• előfizetési felhívás világos felirattal vagy nyíllal,
• egy fontos esemény bejelentése,
• elégedett ügyfelek száma,
• cég mottója
• egyéb releváns információk.

Videókat, szavazásokat és statisztikákat is elhelyezhet dinamikus fejlécekben.

Információ

A leírás segít a látogatóknak megérteni, milyen hasznos és érdekes dolgokat kapnak, ha feliratkoznak vagy csatlakoznak a csoporthoz. Ebben a részben gyakran található egy hivatkozás a webhelyre - a vállalat vagy szervezet fő webes forrására. Ha nem adta hozzá azonnal a csoport létrehozásakor, tegye meg most a „Kezelés” részben.

Egy közösséggel kapcsolatos információk hozzáadásához egyszerűen kattintson a megfelelő feliratra a főoldalon.

Ez a blokk nem képes gyönyörűen formázni a szöveget, de további hasznos linkeket és hashtageket adhat hozzá, hogy növelje az oldal relevanciáját a keresésben. Ha elkészült a szöveg, kattintson a jobb felső sarokban található „madárra”.

Kitűzött poszt

A csoport helyes megtervezése azt jelenti, hogy a látogatók azonnal megértik, hogy itt érdekes és szükséges információkat kapnak. Ehhez válasszon fényes és hasznos anyagot vonzó címsorral, és rögzítse a hírfolyam legtetejére.

Egy bejegyzés rögzítéséhez a közzététel után vigye az egérmutatót a jobb sarokban található menü ikonra, és válassza ki a kívánt műveletet.

Az oldal tetején található bejegyzés helyettesítheti a közösség leírását. Lehet szépen megtervezni, elhelyezni egy navigációs menüt vagy hasznos linkeket, leírni a csoportszabályokat. A kép lehet az avatar folytatása vagy kiegészítése, ha nincs borító. Nézze meg, hogyan néz ki a mintában.

A látogatók figyelmének felkeltésének másik módja a videó rögzítése. Amikor egy felhasználó belép egy közösségbe, ez a videó automatikusan elindul, de hogy ne legyen túl tolakodó, hang nélkül görget. Ha valakit érdekel, ő maga állítja be a hangerőt. A Supa videokészítővel rövid videókat készíthet.

Mit lehet még hozzáadni a közösségi fejléchez:

• a legnépszerűbb bejegyzés, amely már sok lájkot és megjegyzést kapott;
• egy fontos esemény bejelentése;
• üzenet a kedvezményekről és promóciókról;
• gyakorlati viccek;
• felmérések;

Ebben a cikkben szeretném rendszerezni a VKontakte csoportok tervezésével kapcsolatos összes tudásomat az ügyfelekkel való interakció és preferenciáik alapján. Ráadásul az elmúlt hat hónapban a VKontakte sok olyan változtatást hajtott végre, amelyekről sokan nem is tudnak. Néhány újításnál szerettem volna részletesebben is kitérni, mert ezek között tényleg vannak érdemes és hasznos dolgok. Úgy tűnik, mindannyian felépültünk a VKontakte újratervezése utáni sokkból, és a látható változások mögött felfedeztük a csoport többváltozós működését és tartalmát. Így most a csoportok tervezése egy összetett eljárást foglal magában, amely nem korlátozódik csak a grafikai komponensre, gyönyörű képek formájában. Most a tulajdonosoknak figyelembe kell venniük a csoportstruktúra felépítésének számos árnyalatát, az üzlet témájától és a felhasználók kényelmétől függően.

Ez elsősorban a grafikai tervezés kiválasztását két egymást kizáró lehetőség közül, a belső menü kialakítását, a belső menü belépési pontjának kiválasztását, a katalógus és a termékmegjelenítés közötti különbség megértését, a csoport népszerűsítésére szolgáló promóciós anyagok elkészítését és a hasznos alkalmazások használatát jelenti. . De először a dolgok. Először a csoport alapvető tervezési elemeit nézzük meg, majd áttérünk ezek interakciójára különféle kombinációk formájában, majd néhány hasznos funkcióról és finomságról beszélünk.

1. Vízszintes burkolat (fejléc)
Kezdjük egy vízszintes fedővel vagy fejléccel. A VKontakte fejlesztői biztosítanak bennünket arról, hogy a borító méreténél fogva nagyobb manőverezhetőséget biztosít az információszolgáltatásban és megjelenítésben. Általában a fejlécben a szép képen kívül logó, kísérő információk, elérhetőségek, csoporthoz való csatlakozásra való felhívás és weboldal címe is szerepel. Van egy olyan gyanúm, hogy egyszer a borítók lesznek az egyetlen lehetséges tervezési lehetőség a csoport számára, ezért javaslom, hogy azonnal váltsunk rájuk, hogy elkerüljük a későbbi vis maior újratervezést.

Hogyan lehet borítót feltölteni
A borító letöltéséhez lépjen a Közösségkezelés >> Alapinformációk blokk >> Közösségi borító >> Feltöltés menüpontra. Az ajánlott borítóméret 1590x400 pixel. A fejlécben nem lehetnek olyan működő gombok, amelyekre kattintani lehet - lényegében egy kép, és ennyi. Ma a borító látható a mobileszközökön, és úgy tűnik, hogy már látható az alkalmazásokban és a klienseken.

Wiki lap Friss hírek
A felső blokkban, a fejléc alatt mostantól három fül lehet: rögzített bejegyzés, közösséggel kapcsolatos információk és wikimenü (csak csoportokban, nyilvános oldalakon nincs ilyen fül). Továbbra is a kitűzött bejegyzésen van a hangsúly, de a felhasználó jelenléte mellett is mostantól mindig hozzáférhet a közösséggel kapcsolatos információkhoz a lapok között váltogatva. Ahhoz, hogy megjelenjen a wiki menü lapja (a legfrissebb híreknek hívják), a Közösségkezelés » szakaszok » Anyagok » Korlátozott (vagy nyitott) » Mentés menüpontra kell lépnie.

2. Függőleges avatar
Most fordítsuk figyelmünket a jó öreg avatarra egy 200x500 pixeles csoporthoz. Egyelőre ez is egy csoport kialakításának módja. Az avatar általában a következő információkat tartalmazza: logó, kísérőszöveg vagy szlogen, kapcsolatok, hívás a csoporthoz való csatlakozáshoz. Mobileszközökön a teljes avatar nem látható, csak egy része látható – az indexkép. Csoport kialakításához használhat vízszintes fejlécet (borítót), vagy függőleges szalaghirdetést. Ha van fejléc, a függőleges avatar nem látható. Az avataron nem lehetnek működő gombok, amelyeket meg lehet nyomni – lényegében ez egy kép, és ennyi.

3. Miniatűr
Jelenleg függőleges avatárt használnak a miniatűrök létrehozásához, amelynek minimális mérete 200x200 pixel. A bélyegképet bejegyzésekben és bejegyzésekben a cím közelében kis kör formájában, egyes válogatásoknál és közösségi említéseknél pedig nagyobb kör formájában használják. A kerek formára való átállás kapcsán a miniatúrákkal szemben támasztott követelmények szigorodtak. Annak érdekében, hogy a miniatűr szövege teljesen olvasható legyen, vizuálisan nem nyúlhat túl a kör határain.

Hogyan töltsünk fel miniatűrt
A miniatűr teljesen önálló elemmé vált, és amikor a borítót (fejlécet) használjuk a csoport kialakításánál, most külön miniatűrt kell készíteni, ne feledje. Ha a csoportnak nincs fejléce (borítója), akkor bélyegkép feltöltéséhez kattintson a „Fotó feltöltése” lehetőségre az avatar blokkban (jobbra fent). Ha a terv tartalmaz fejlécet (borítót), akkor a miniatűr feltöltéséhez kattintson a közvetlenül a fejléc alatti körre, és válassza ki a „Fotó feltöltése” lehetőséget.

4. Banner
Banner (angol banner - zászló, banner) információs, reklám vagy ösztönző jellegű grafikai kép. A banner képként van csatolva a bejegyzéshez, és csak egy belső hivatkozást tartalmazhat. Sokan még mindig meg vannak győződve arról, hogy a főoldalon lévő bannerből több link is készíthető. Ez nem igaz, csak egy link és ennyi. A következő típusú bannereket emelném ki.

4.1 Tájékoztató szalaghirdetés
Gyakori típusú banner, amely általános információkat tartalmaz egy cégről, csoportról, szolgáltatásról vagy eseményről, a kedvezmények részletes listájával és egyéb kísérő anyagokkal. Gyakran rögzített bejegyzésként használják egy csoportban. Ennek a szalaghirdetésnek a mérete 510x307 pixel. Ennél a méretnél a banner alja egybeesik az avatarral. Ha nincs kapcsolat az avatarral, akkor bármilyen méretet használhat. Én például a 600x350 pixeles méretet használom. Az 510x510 pixeles négyzetes formátum is kényelmes és egyre népszerűbb – ezzel a mérettel a banner a lehető legnagyobb területet foglalja el a hírfolyamban.

4.2 Banner a belső menübe való belépéshez
Ha az előző bekezdés banneréhez hozzáadjuk a fülbemászó „Menü megnyitása” feliratot, akkor egy olyan bannert kapunk, amelynek fő feladata, hogy belépési pontként szolgáljon a belső menübe. Néha egy banneren több gomb formájában hoznak létre csalit, de ez csak illúzió, kattintáskor a felhasználó továbbra is a belső oldalra jut, és ott minden gombnak megvan a saját hivatkozása. Ennek a szalaghirdetésnek a mérete 510x307 pixel. Ennél a méretnél a banner alja egybeesik az avatarral. Ha a menü bejárata nincs az avatarhoz kötve, akkor a bannert bármilyen méretűvé teheti, akár keskeny gombbal is, „Menü megnyitása” felirattal. A lényeg az, hogy a szalaghirdetés szélessége legalább 510 pixel legyen.

4.3 Kártya újraküldéshez, promóciókhoz
Az utóbbi időben különösen fontossá váltak az újraküldéshez vagy promóciókhoz szükséges kártyák. Feladata konkrét cselekvésre való felhívás. Alapvetően ez a „Csatlakozz a csoporthoz, írj újra vagy lájkolj, és nyerj egy díjat.” Az ilyen bannereket reklámkampányok vagy promóciók részeként használják saját csoportjaikban és más csoportokban történő promócióra is. Általában 600x350 pixelt használok.

4.4 Banner gif animációval
Miután a VK-fejlesztők az év elején nagyobb méreteket készítettek a gif-képekhez, a gif-ek azonnal az információs bannerek közé kerültek. Például egy GIF banneren több változó termék vagy szöveg képét is megjelenítheti – a mozgás azonnal felkelti a figyelmet. És amikor júniusban hozzáadták a funkciót autorun gif animációk a hírfolyamban a GIF-ek a hirdetők és marketingesek figyelmének tárgyává váltak.

5. Avatar+fix banner design
Egészen a közelmúltig ez a moduláris felépítés volt a legnépszerűbb módja a csoportok tervezésének, amely egy avatarból és egy rögzített bannerből állt. Ennek a tervezésnek a végrehajtásával kapcsolatos további részletek a leckében találhatók. A fejléc (borító) megjelenésével ennek a kialakításnak a népszerűsége kissé csökkenhet.

Ráadásul fennáll annak a lehetősége, hogy a VKontakte ismét megváltoztatja a blokkok egyes paramétereit, majd a teljes kialakítás leesik, ahogy az elmúlt hat hónapban kétszer is megtörtént. Tehát, kedves csoporttulajdonosok, a csoport tervezésénél vegyék figyelembe ezt a tényt. Igen, és még valami, a mobileszközökön egyetlen kép szépsége nem látható, mivel az avatar nem jelenik meg, hanem csak egy miniatűr, és a rögzített bejegyzés közvetlenül alatta található.

6. Belső navigációs menü
Az aktív hivatkozások formájában lévő menü a belső VKontakte oldalon található, és wiki jelölőparancsokkal írják. Maga a belső oldal létrehozása a leckében található. A menü segítségével a felhasználó navigál a csoportban. Az alábbiakban a belső menük típusait tekintjük át, de most több fontos pontra összpontosítunk.

Belépés a belső menübe mutat
Szeretnék rámutatni egy finom pontra, amelynek gyakran nem tulajdonítanak jelentőséget. Előfordul, hogy az ügyfelek belső menüt rendelnek tőlem, de fogalmuk sincs, hogyan jut el a felhasználó ehhez a belső menühöz. És kétféleképpen érheti el: vagy egy rögzített szalaghirdetésen keresztül (lásd a 4.2-es bekezdést), vagy a felső lapon az állapotsor alatt található szöveges hivatkozáson keresztül (lásd az alábbi ábrát). Néha egy szöveges hivatkozás is elhelyezhető a felület jobb oldali oszlopában található „Linkek” blokkban.

Belső menü hivatkozások
Jellemzően rendeléskor a következő menüpontokat tüntetik fel a vásárlók: Rólunk, Termékeink (katalógus), Szállítási módok, Fizetés, Garancia, Vélemények, Elérhetőségek, Akciók, Kedvezmények, Ütemezés, Rendelés módja, Portfólió, Kérdések és válaszok, Info, Rendelést leadni. A menüpontok hivatkozásai a külső oldal megfelelő részeire juthatnak. Ezután a hivatkozás automatikusan megnyílik egy új ablakban. A legtöbb pont a belső VKontakte oldalakra vezet. Ebben az esetben az oldal ugyanabban az ablakban nyílik meg, és egy hivatkozást vagy egy „Vissza a főmenübe” gombot kell létrehoznia.

A fényképeket és videókat tartalmazó albumok linkjei új ablakban nyílnak meg. Ugyanebben az ablakban megnyílnak a megbeszéléseket tartalmazó témákra (például Reviews) mutató hivatkozások, üzenetírási párbeszédpanelekre, alkalmazásokra (lásd 10. pont), hashtagokkal való kijelölésre (lásd 12. pont) és ebben az esetben vissza lehet térni a menüt csak az oldal főoldalán, vagy a böngésző „Vissza” gombjával érheti el. Talán ez a legkellemetlenebb pillanat az ilyen linkekkel.

A menü szerkesztése
Az ügyfelek gyakran kérdezik tőlem, hogy lehet-e szerkeszteni a belső menüt. A válaszom az, hogy ha magabiztos felhasználó vagy, és ismeri a wiki jelölési és szerkesztési módokat, akkor szerkesztheti. De ha nem ismeri mindezt, akkor egyáltalán nem. Ebben az esetben egyszerűen elrontja az összes beállítást.

Maguk a VKontakte fejlesztők szavait idézem. „Egy egyszerű tanáccsal sok erőfeszítést és idegszálat kímél meg: csak egy üzemmódban dolgozzon. Vagy vizuális mód, vagy wiki-jelölő mód. A legtöbb probléma a két üzemmód közötti váltás okozza a jelölésen végzett munka során: a képek kisebbek lehetnek, a különböző paraméterek eltűnhetnek. Ez egyike azoknak a dolgoknak, amelyeket a jövőben mindenképpen korrigálni fogunk, de egyelőre észben kell tartanunk ezt a tényt.”

Mobil válaszkészség
És még egy megjegyzés az alkalmazkodóképességről. Ahhoz, hogy a belső menü ugyanúgy nézzen ki a mobileszközökön, táblázatokon kell elrendeznie. Ezután a kép mereven rögzítve lesz. Ellenkező esetben a képernyő méretének csökkentésekor a képek egymás alá mozdulnak, megsértve az eredetileg tervezett sorrendet.

Ismét itt vannak a fejlesztők szavai az alkalmazkodóképességről. „A wiki menü megjelenik a mobil böngészőkben, de nem alkalmazkodik a képernyő méretéhez, ami azt jelenti, hogy a képek nem úgy néznek ki, mint egy számítógépen. Útmutatókat találhat az interneten a wiki jelölések mobileszközökhöz való adaptálásához, de még ezek sem garantálják a 100%-os teljesítményt minden eszközön.”

7. A belső navigációs menü típusai
Az alábbiakban bemutatjuk a belső menük leggyakoribb típusait. Vannak egyszerűbb és olcsóbb megoldások, amelyek nagyfokú megbízhatósággal rendelkeznek. És vannak bonyolultabb és munkaigényesebb tervek a grafika és az elrendezés tekintetében. De lenyűgözőbbnek tűnnek.

7.2 Nagy grafikus menü
Ebben az esetben egy függőleges hivatkozássor található egy nagy háttérképen, és mereven rögzített szerkezettel rendelkezik. Itt a tanulság.

7.3 Menü ikonok, csempék formájában
Ez a kialakítás több sort és oszlopot tartalmaz grafikus ikonok és feliratok formájában, vagy grafikus többszínű vagy monokróm csempék formájában.

7.4 Dinamikus menü navigációs hatással
Nagyon lenyűgöző kialakítás, amely szimulálja a webhely navigációját gombkattintások vagy a meglátogatott linkek egyéb jelöléseinek hatására. Egy ilyen menüt meglehetősen nehéz kezelni, és készségeket igényel a wikijelöléssel való kommunikációban, mivel a wikijelölésben lévő oldalakon is szerkesztenie kell az információkat. Íme egy lecke erről a témáról.