Miniatura per il gruppo Vkontakte. Come realizzare un gruppo di Vkontakte - gli elementi principali e i chip utili. Ascolta solo foto di alta qualità

In questo articolo, vorrei sistematizzare tutte le mie conoscenze sulla progettazione di gruppi Vkontakte sulla base della sua esperienza di interazione con i clienti e le loro preferenze. Inoltre, negli ultimi sei mesi, Vkontakte ha fatto un sacco di cambiamenti, che molti non sospettano nemmeno. Su alcune innovazioni, volevo fermarmi di più, perché tra loro ci sono cose davvero degne e utili. Sembriamo tutti si sono già trasferiti da alcuni shock dopo una riprogettazione di Vkontakte, e per cambiamenti visibili, è stato trovato il multivarmendenza del funzionamento e il riempimento del gruppo. Quindi ora il design dei gruppi prevede una procedura completa che non è limitata a un componente grafico esclusivamente sotto forma di belle foto. Ora i proprietari devono tenere conto della serie di sfumature di costruire la struttura del gruppo a seconda dell'oggetto della comodità aziendale e dell'utente.

Ciò è principalmente relativo alla selezione della progettazione grafica di due opzioni reciprocamente esclusive, lo sviluppo del menu interno, selezionando il punto di ingresso al menu interno, comprendere la differenza tra il catalogo e la vetrina, la preparazione dei materiali promozionali per promuovere il Gruppo, uso applicazioni utili. Ma prima le cose principali. In primo luogo, esamineremo gli elementi principali del design del Gruppo, quindi rivolgiamo alla loro interazione sotto forma di varie combinazioni e poi parliamo di alcuni shap e sottigliezze utili.

1. Copertura orizzontale (tappo)
Iniziamo, forse, da una copertura orizzontale o cappello. Gli sviluppatori di Vkontakte ci assicurano che la copertura dovuta alle sue dimensioni dà una maggiore manovrabilità di fornire e visualizzare le informazioni. Di solito, oltre alla bellissima immagine nell'intestazione c'è un logo, informazioni di accompagnamento, contatti, chiamando per partecipare al gruppo, indirizzo del sito. Ho un sospetto che un giorno, le copertine diventeranno l'unica opzione possibile per progettare il Gruppo, pertanto raccomanderebbe immediatamente di spostarsi su di loro per evitare che Forcemari si ridisegna successivamente.

Come scaricare il coperchio
Per scaricare il coperchio, è necessario andare alla Gestione comunitaria \u003e\u003e BLOCCO Informazioni di base \u003e\u003e Cover Community \u003e\u003e Scarica. Dimensione della copertura raccomandata 1590 × 400 pixel. Nell'intestazione non ci possono essere pulsanti di lavoro a cui è possibile fare clic - in Essence è un'immagine e questo è tutto. Ad oggi, la copertura è visibile dispositivi mobilioh, e sembra essere visibile in applicazioni e clienti.

Wiki Tab Notizie fresche
Nel blocco superiore sotto il cappuccio, ora possono ora essere: una voce fissa, informazioni comunitarie e un menu Wiki (solo in gruppi, non ci sono tali schede sulle pagine pubbliche). L'enfasi è ancora fatta su un record fisso, ma anche se è presentato, l'utente ora avrà sempre accesso alle informazioni comunitarie passando alle schede. Per apparire la scheda del menu Wiki (è originariamente chiamato fresco notizie), è necessario andare alla gestione della comunità »Sezioni» Materiali »Limited (o Open)» Salva.

2. Avatar verticale.
Ora presta attenzione al vecchio buon avatar per un gruppo di 200x500 pixel. Mentre è anche un modo per progettare un gruppo. Di solito si trova su Avatar le seguenti informazioni: Logo, testo di accompagnamento o slogan, contatti, chiamati per partecipare al Gruppo. Nei dispositivi mobili, l'intero avatar non è visibile, solo la sua parte è visibile - in miniatura. È possibile utilizzare un'intestazione orizzontale (coperchio) o un banner verticale. Se hai un cappello, l'avatar verticale non è visibile. Su Avatar non ci possono essere pulsanti di lavoro a cui è possibile fare clic - in Essence è un'immagine e questo è tutto.

3. Miniature.
Attualmente, l'avatar verticale viene utilizzato per creare miniature, la cui dimensione minima è di 200x200 pixel. La miniatura è utilizzata in post e record sotto forma di un piccolo cerchio nel titolo e sotto forma di un cerchio più grande in alcuni campioni e menzioni comunitarie. In connessione con la transizione verso la forma arrotondata ha serrato i requisiti per la miniatura. In tal momento che il testo sulla miniatura è completamente letto, dovrebbe essere visivamente non andare oltre i confini del cerchio.

Come caricare in miniatura
La miniatura è diventata un elemento piuttosto indipendente e quando si utilizza il coperchio (tappi) nella progettazione del gruppo, ora devi fare una miniatura separata, tenere a mente. Se non ci sono tappi nel gruppo (coperchio), quindi per scaricare la miniatura, è necessario fare clic su "Carica una foto" per scaricare (a destra). Se il cappuccio è presente nel design (coperchio), quindi per caricare le miniature è necessario fare clic sul cerchio contemporaneamente sotto il cappuccio e qui scelgono già l'elemento "Carica foto".

4. Banner
Banner (Banner inglese - Bandiera, Trasparenza) - immagine grafica Informazioni, natura promozionale o indivisoria. Il banner è allegato come un'immagine al record e può avere un solo collegamento interno. Molti sono ancora convinti che sulla pagina principale dal banner puoi fare diversi collegamenti. Questo non è il caso, solo un collegamento e tutto. Avrei assegnato i seguenti tipi di banner.

4.1 Banner informativo
Tipo comune di banner contenente informazione Generale Informazioni sullo studio, gruppo, servizio o evento con un elenco dettagliato di vantaggi e altri materiali di accompagnamento. Usato frequentemente come voce fissa nel gruppo. La dimensione di tale banner è 510x307 pixel. Con questa dimensione, il banner in basso coincide con l'avatar. Se non c'è un pacchetto con Avatar, puoi usare qualsiasi dimensione. Ad esempio, uso la dimensione di 600x350 pixel. È anche conveniente e reclutato ora il formato di pixel quadrato 510x510 - con questa taglia, il banner prende la più ampia area in notizie nastro.

4.2 Banner per entrare nel menu interno
Se si aggiunge un "menu aperto" dall'elemento precedente al banner dall'elemento precedente, allora otterremo un banner, il compito principale di cui servire nel punto di ingresso in ingresso. A volte fanno un inganno sotto forma di diversi pulsanti sul banner, ma questa è un'illusione, quando si preme l'utente cade ancora sulla barra interna, e lì, ogni pulsante ha il proprio collegamento. La dimensione di tale banner è 510x307 pixel. Con questa dimensione, il banner in basso coincide con l'Avtar. Se la voce nel menu non è legata con un avatar, è possibile effettuare taglie di banner, anche un pulsante stretto con l'iscrizione "Apri menu". La cosa principale è che la larghezza del banner è di almeno 510 pixel.

4.3 Reost card, promozioni
Recentemente, le carte per i repost o le azioni sono state particolarmente rilevanti. Il suo compito è una chiamata per un'azione concreta. Principalmente è "unisciti al gruppo, fai un ripubbo o metti come e vincere un premio." Tali banner sono usati all'interno aziende pubblicitarie o scorte sia in proprio gruppi che in altri gruppi. Di solito uso la dimensione di 600x350 pixel.

4.4 Banner con animazione GIF
Dopo all'inizio dell'anno, gli sviluppatori VK hanno fatto una dimensione maggiore per le immagini GIF, le GIF sono immediatamente rimaste in una riga con banner informazioni. Ad esempio, un'immagine di diversi prodotti di sostituzione o testi può essere fornita su un banner GIF - il movimento attira immediatamente l'attenzione. E quando la funzione è stata aggiunta a giugno animazioni GIF automobilistiche. Nel feed di notizie, allora le GIF sono diventate oggetto di stretta attenzione degli inserzionisti e dei marketer.

5. Avatar di costruzione + banner fisso
Fino a poco tempo fa, questo design modulare costituito da Avatar e un banner fisso è stato il modo più popolare di progettare gruppi. Ulteriori informazioni su come rendere tale un design è dipinto nella lezione. Con l'aspetto di un tappo (coperture), è possibile che la popolarità di tale design diminuirà leggermente.

Inoltre, c'è la possibilità che Vkontakte cambierà nuovamente qualsiasi parametro di blocchi e poi tutto il design vola, come era già due volte per ultimi sei mesi. Quindi, cari proprietari di gruppi, scegliendo l'esecuzione per il loro gruppo, considera questo fatto. Sì, e un altro momento, nei dispositivi mobili, tutta la bellezza di una singola immagine non è visibile, poiché l'avatar non viene visualizzato, ma solo una miniatura e il record fisso si trova appena sotto.

6. Menu di navigazione interna
Il menu sotto forma di collegamenti attivi si trova sulla pagina interna del Vkontakte ed è scritto utilizzando i comandi Wiki Markup. Su come creare la pagina interna stessa è dipinta nella lezione. Usando il menu, l'utente naviga il gruppo. Di seguito cercherai i tipi del menu interno, ma per ora ci concentreremo su diversi elementi importanti.

Internamente internamente Menu.
Voglio notare un momento sottile, che spesso non dà valori. A volte i clienti ordinano il menu interno da me, ma allo stesso tempo non rappresentano assolutamente come l'utente cade in questo menu interno. E puoi raggiungerlo in due modi: tramite un banner fisso (cfr. Paragrafo 4.2) o tramite un collegamento di testo nella scheda Top sotto la stringa di stato (vedere la figura seguente). A volte un collegamento di testo viene inserito nel blocco "Collegamenti" nella colonna di destra dell'interfaccia.

Collegamenti Menu interno
Di solito, al momento dell'ordine, i clienti indicano le seguenti voci di menu: Chi siamo, i nostri prodotti (catalogo), metodi di consegna, pagamento, garanzia, recensioni, contatti, promozioni, sconti, programmi, come ordinare, portfolio, domande e risposte, informazioni, effettuare un ordine. I collegamenti dalle voci del menu possono andare alle sezioni pertinenti del sito esterno. Quindi il collegamento si apre automaticamente in una nuova finestra. La maggior parte degli articoli portano alle pagine interne di Vkontakte. Allo stesso tempo, la pagina si apre nella stessa finestra e devi collegarti o il pulsante "Torna al menu principale".

Collegamenti agli album con foto e video aperti in una nuova finestra. Link agli argomenti con discussioni (ad esempio revisioni), sulla finestra di dialogo per la scrittura dei messaggi, sulle applicazioni (cfr. Paragrafo 10), per selezionare la portaupositore (vedere paragrafo 12) Aprire nella stessa finestra e in questo caso si può tornare a il menu solo attraverso pagina principale Sito, o attraverso il pulsante "Indietro" nel browser. Questo è forse il momento più scomodo con tali riferimenti.

Modifica del menu
Spesso, i clienti mi chiedono, ed è possibile modificare il menu interno. Rispondo se sei un utente fiducioso e familiare con le modalità Wiki Markup e Moditing, puoi modificare. Ma se non hai familiarità con tutto questo, è categoricamente no. In questo caso, batti semplicemente tutte le impostazioni.

Darò le parole degli sviluppatori del Vkontakte. "Un sacco di forza e nervi salverà un semplice consiglio: funziona solo in una modalità. O questo è un regime visivo, o la modalità Wiki-Markup. È l'interruttore tra queste due modalità nel processo di lavoro sul markup porta la maggior parte dei problemi: le immagini possono diminuire, vari parametri potrebbero scomparire. Questo è uno di quei momenti che saranno sicuramente corretti in futuro, ma mentre è necessario tenere questo fatto nella mia testa. "

Adattabilità per dispositivi mobili
E un'altra cosa sull'adattabilità. In modo che il menu interno sia lo stesso sui dispositivi mobili, è necessario essere esperti sulle tabelle. Quindi l'immagine sarà fissata rigidamente. Altrimenti, con una diminuzione della dimensione dello schermo, le immagini vengono utilizzate per spostare una sotto un'altra, interrompere l'ordine originariamente concepito.

Qui, ancora, le parole degli sviluppatori a scapito dell'adattabilità. "Il menu Wiki viene visualizzato nei browser mobili, ma non si adatta alle dimensioni dello schermo, a causa di questa immagine potrebbe non essere simile al computer. Nella rete è possibile trovare le guide per adattare il wiki-markup per i dispositivi mobili, ma anche loro non garantiscono prestazioni del 100% su tutti i dispositivi. "

7. Tipi del menu di navigazione interno
Di seguito sono riportati i tipi più comuni del menu interno. Ci sono più semplici e decisioni del budgetAvere un alto grado di affidabilità. E ci sono disegni più complessi e dispendiosi in termini di grafica e layout. Ma sembrano più efficacemente.

7.2 Big Graphic Menu
In questo caso, il numero verticale di collegamenti si trova su un'immagine di sfondo grande e ha una struttura rigida rigida. Ecco una lezione.

7.3 Menu sotto forma di icone, piastrelle
Questo design assume diverse righe e colonne come icone grafiche e iscrizioni a loro o piastrelle multicolori o monocromatiche grafiche.

7.4 Menu Dynamic con effetto di navigazione
Un design molto impressionante che simula navigando nel sito con l'effetto di premere i pulsanti o altra marcatura dei collegamenti visitati. Tale menù è piuttosto difficile nel controllo e richiede le competenze della comunicazione con il Wiki Markup, poiché la modifica delle informazioni sulle pagine sarà anche nel markup Wiki. Ecco una lezione su questo argomento.

Evgenia Kryukov.

* Aggiorna l'articolo.

Il bellissimo design della comunità di Vkontakte non è un capriccio, e un elemento importante che rende la fiducia degli utenti a te e alla tua azienda. Se un pagina pubblica O il Gruppo è incorniciato non professionale, i tuoi potenziali clienti possono concludere logicamente che sei anche negoziato sul tuo lavoro. In modo che questo non accada, prenditi cura che la tua pagina "vkontakte" sia stata bella, pulita e conveniente da usare. Come farlo? Leggere sotto.

Dimensioni effettive delle immagini di Vkontakte

Qualche tempo fa sviluppatori rete sociale "Vkontakte" lanciato nuovo design. Ciò ha portato al fatto che le dimensioni e i principi di visualizzazione delle immagini sono cambiati. Un memo che verrà dato di seguito corrisponde a tutte le innovazioni e contiene di per sé il seguente questo momento tempo.

E ora andiamo più in dettaglio per ogni oggetto.

La dimensione dell'avatar vk

La dimensione minima dell'avatar è di 200 per 200 pixel. Se si tenta di caricare un'immagine di meno di 200 pixel in larghezza o lungo, vedrai questo errore:

La dimensione massima dell'avatar è di 200 per 500 pixel. Ma, in linea di principio, puoi caricare immagini e taglia più grande - fino a 7000 pixel su ciascun lato. La cosa principale è che il rapporto tra le loro parti non supera i da 2 a 5.

Mostra sull'esempio.

Ho un'immagine. La sua taglia: 200 per 800 pixel (2 a 8 rapporto). Quando il caricamento non si verifica alcun errore. Tuttavia, non riesco ancora a usare questa immagine, perché il "contatto" non mi consente di allocarlo completamente.

Copertina

Dimensioni della copertura per la versione completa del sito - 1590 per 400 pixel.

Nota: in. versione mobile E le applicazioni vengono visualizzate non la versione completa del coperchio, ma solo la sua parte di 1196 dimensioni è di 400 pixel. Guarda come viene tagliato nell'applicazione Mobile:

A questo non accadono, posizionare gli elementi di base della copertina entro 1196 per 400 pixel.

Immagini allegate

Nel design aggiornato di "contatto", la larghezza del feed di notizie è stata risolta. Ciò significa che le immagini allegate al POST non sono più allungate, ma rimangono come sono. Pertanto, se vuoi che la tua immagine occupasse completamente il posto assegnato nel feed di notizie, la sua larghezza dovrebbe essere di almeno 510 pixel. È meglio che fosse un quadrato o un rettangolo nell'orientamento del paesaggio.

Sembra leggermente confuso :) Pertanto, ti mostrerò sull'esempio.

Supponiamo di avere un'immagine di una forma quadrata con le parti di 510 pixel. Se lo attribuiamo al nostro record, sarà molto buono da guardare al feed di notizie su tutti i dispositivi:

Ma sembra un'immagine orizzontale nell'orientamento del paesaggio (larghezza 510 pixel):

Come puoi vedere, l'immagine (in altezza), più piccola guarda nel nastro degli smartphone. Per essere sicuro, guarda l'immagine qui sotto:

È chiaro che la differenza qui non è molto critica e gli utenti degli smartphone considereranno comunque la tua immagine, proprio nel secondo caso sarà un po 'comodo.

Immagini da posti con riferimento

Tutti questi dati sono presi dal codice MARKUP GRAPH OPEN:

Se il grafico aperto non è registrato, il titolo viene prelevato dal titolo Metagega e l'immagine proviene dall'articolo. Allo stesso tempo, può essere facilmente modificato - scegli un'altra immagine dall'articolo utilizzando sparatutto speciali:

O scarica la tua:

La dimensione minima dell'immagine che è possibile utilizzare come annuncio al tuo articolo - 537 per 240 pixel. Tuttavia, è possibile caricare e immagini più grandi se la proporzione è osservata.

Immagine per un articolo creato nell'editor

Dimensioni dell'immagine per il coperchio dell'articolo creato nell'editor - 510 da 286 pixel. È meglio se è il colore scuro e più o meno monofonico, dal momento che il titolo dell'articolo e la comunità si perde su uno sfondo chiaro.

Buon esempio:

Non è un ottimo esempio:

Dimensione foto e video per storie

Dimensioni per le foto - 1080 a 1920 pixel. Dimensioni per Video - 720 per 1280 pixel.

Specifiche per il video:

• fino a 15 secondi;
• non più di 5 MB;
• codec H.264;
• suono AAC.

Nelle storie è necessario utilizzare foto e video del formato verticale.

Nota: le storie per conto delle comunità al momento possono essere aggiunte solo solo grandi comunità, per le quali gli sviluppatori "Vkontakte" hanno aperto questa funzione. Ed è fatto usando l'applicazione ufficiale. Dal computer è impossibile farlo.

Esempi di copri dinamici:

Cover + Community Description + Link al sito

Alcune aziende non sono specificamente fissate nell'intestazione eventuali messaggi in modo che gli utenti abbiano l'opportunità di leggere le informazioni di base sulla pagina e andare immediatamente al sito.

Descrizione con hashthegami.

Alcune aziende aggiungono alla descrizione standard delle pagine hashtegi che sono caratterizzate da esso. Questo è fatto in modo che la pagina abbia una rilevanza più chiara e in modo che sia sopra la ricerca di richieste appropriate. Onestamente, non so se questo metodo funziona o meno. Non ho incontrato il caso su questo argomento, quindi se qualcuno sa, sarò grato se condividi un riferimento.

Post fisso che racconta la pagina

Se vuoi raccontare la tua pagina in modo più dettagliato (con foto, collegamenti e bellissimo layout), puoi attaccare all'istorità del wiki-post o articolo, un bruciatore nell'editor, con un'immagine luminosa sull'annuncio che chiamerà gli utenti per fare clic su di esso. Un esempio di tale post:

Ma cosa vede l'utente dopo che scatta sul link:

Nuovo menu collegamento

Non molto tempo fa, gli sviluppatori di Vkontakte sono finalmente soddisfatti dei proprietari della Comunità con un nuovo strumento, con il quale è possibile creare un menu - rapidamente e senza alcun tormento con pagine wiki. Sembra un po 'primitivo, quindi su come creare un menu bellissimo, ti dirò anche.

Il menu appare automaticamente se si utilizzano applicazioni comunitarie o si dispone di un negozio connesso. Ad esempio, sull'immagine precedente, tutte e tre le voci del menu sono collegamenti alle applicazioni. Puoi aggiungere il tuo qui - su voci importanti, album, discussioni, ecc., Fino a 7 pezzi (non contando l'applicazione). Ma puoi solo fare riferimento alle risorse all'interno del social network, ad eccezione delle pagine wiki.

Per modificare il menu, fare clic su "Imposta" a destra angolo superiore Aggeggio:

Per aggiungere una voce di menu, fai clic su Nuovo collegamento.

Nella finestra di apertura, selezionare il coperchio (Dimensione minima - 376x256 PX), immettere il nome della voce di menu (è importante inserire 20 caratteri con spazi), aggiungere un collegamento e fare clic su "Salva".

Se si desidera nascondere l'applicazione dal menu, modificare il titolo o il coperchio, fare clic su "Modifica" di fronte all'elemento corrispondente. Lo stesso può essere fatto con altri riferimenti che sono stati aggiunti manualmente e richiedono regolazioni.

All'uscita, qualcosa del genere dovrebbe essere:

Il menu Gruppo è aperto

Un menu aperto che chiamo un tal menu, che è immediatamente visibile da cui gli articoli consiste. Cioè, l'annuncio dell'immagine del wiki-post duplica completamente il suo contenuto. Pertanto, gli utenti vedono immediatamente cosa aspettano loro dentro. Mostra sull'esempio.

Ecco cosa è il post fisso nel tappo della pagina flatro:

Menu di gruppo Chiuso

Il menu chiuso è lo stesso wiki-post, come nel paragrafo precedente, solo l'annuncio è l'immagine su cui non ci sono elementi di menu. Di solito scrivono su di esso: "Menu", "Menu di navigazione" o "Navigazione per materiali di pubblicazione".

Ma cosa vediamo quando clicco su di esso:

A proposito, vale la pena notare che questa non è l'unica opzione. In effetti, in questa immagine puoi scrivere qualsiasi cosa. La cosa principale è che l'utente voleva fare clic su di esso, e ha capito che stava aspettando dopo quello. Esempio:

Salta il menu per il gruppo

Il menu Mens è quando l'immagine sull'annuncio del tuo menu è un'immagine con Avatar. Appena sotto, ti dirò in dettaglio come creare un genere, ma per ora solo sembrare bello.

Vuoi organizzare splendidamente la tua comunità "Vkontakte", ma non è necessaria abilità? Registrazione dell'ordine nella nostra azienda. Preparati per voi un avatar, copertina, modelli per titoli, menù e anteprima di merci.

Gifka e Avatar in un'unica immagine

Ma questa versione del design dell'intestazione mi ammirava davvero. Giocato automaticamente gif si fonde con Avatar in una singola composizione e attira l'attenzione dell'utente, anche se non ci sono informazioni su di esso.

A proposito, ho spiato questo esempio nel marketing SMM di Sergei Shmakov. Quindi, per trovare, esprimere la mia gratitudine :)

Menu nascosto

Il menu nascosto è disponibile solo per i gruppi (non ci sono pagine di un tale funzionario). Per vederlo, è necessario fare clic sul collegamento pertinente. Inoltre questo metodo di design è che gli utenti sono visibili alle principali informazioni della Comunità e se vogliono utilizzare il menu, hanno solo un solo clic. Tuttavia, c'è un piccolo meno qui - non tutti gli utenti conoscono l'esistenza di questa funzione, quindi il tuo menu può avere meno attenzione rispetto a quando è stato risolto all'inizio della pagina.

Video riproducibile automaticamente

Alla fine di novembre 2015, un'innovazione interessante è apparsa sul social network "Vkontakte" - non appena l'utente arriva alla pagina, il video collegato all'intestazione inizia a riprodurre automaticamente. Con questa reception puoi attirare di più più attenzione Gli utenti (specialmente quelli che sono andati per la prima volta alla tua pagina), e allo stesso tempo, non infastidire quelli che non amano quando impone il suo contenuto, perché il video viene riprodotto senza suono e praticamente non interferisce.

Come aggiungere un tale video nell'intestazione della tua pagina?

Per questo è necessario eseguire tre condizioni:

• Attaccare il rullo al record e consolidare questa voce nella parte superiore della Comunità.
• Oltre al rullo, nulla dovrebbe essere collegato al record. Solo video e testo a volontà.
• Il video dovrebbe essere scaricato "VKONTAKTE" - I giocatori di terze parti non sono supportati.

Voce che ottiene molti ripubblicazione

Un altro modo per utilizzare in modo produttivo il posto nell'intestazione della tua pagina è quello di risolvere uno dei tuoi post di maggior successo in esso - quello che ha già acquisito e continua a ottenere una grande quantità di simpatie e decisioni. Perché farlo, penso che tutti siano comprensibili, più ripugni, più copertura, più abbonamenti ricevono la pagina.

Annunci di nuove clip, album, eventi

Presentazione di nuovi prodotti / servizi

Sconti e promozioni

Casi, recensioni dei clienti

Applicazioni pubblicitarie

Battute pratiche

Regole della comunità

Collegamenti ad altri social network

Ho elencato lontano da tutte le opzioni per il design dell'intestazione. Infatti, sulla copertina e nel post fisso è possibile postare qualsiasi informazione: lavori, annunci, collegamenti ai migliori beni, ecc. Quindi non limitare gli esempi sopra riportati. Accendi la fantasia e usa il design della tua comunità per raggiungere i tuoi obiettivi.

Cosa dovrebbe Avatar.

Avatar non è solo una bella immagine con il logo della tua azienda, e lo strumento di lavoro del marketer, con l'aiuto di cui raggiunge gli obiettivi. Analizziamo in tutti i dettagli come dovrebbe essere quello di attirare l'attenzione degli utenti e incoraggiarli a svolgere l'azione di destinazione. Iniziamo con le miniature.

Avatar in miniatura

1. Il testo sull'avatar in miniatura deve essere abbastanza grande in modo che possa essere letto.







2. Il testo non dovrebbe andare oltre le miniature.







3. Gli utenti dovrebbero essere chiari ciò che è rappresentato sull'avatar.







4. Se possibile, è meglio non usare illustrato stock Stock, poiché spesso riducono la fiducia in azienda.




5. È indesiderabile che la miniatura Avatar sia troppo flessibile e noiosa, altrimenti andrà persa contro lo sfondo di avatar più vividi dei concorrenti.



6. Se vuoi che il tuo avatar sembri moderno, renderlo nello stile del minimalismo: testo più piccolo, ombre, gradienti e non portando un carico semantico di elementi. Il tuo avatar dovrebbe essere il più semplice possibile e pulito. Questo stile è ora in tendenza.







7. Se hai l'obiettivo di attirare l'attenzione dell'utente e distinguersi sullo sfondo di altri avatar nel nastro, dovrai includere la fantasia. Pensa a cosa fai attenzione a prestare attenzione quando stai cercando comunità interessanti? Ecco, ad esempio, già una volta attraeva avatar con una luce bruciante, che di solito indica che è arrivato un nuovo messaggio. Questa è una reception molto vecchia, ma per qualche ragione mi colpisce ancora - quando vedo una luce simile, eliminerò sicuramente i suoi occhi.

Non sosterro che questa tecnica funzionerà con la tua pagina. Il pensiero che voglio trasmettere è che i modi per distinguersi molto e molto, devi solo fare questa domanda e mostrare una certa creatività. Ad esempio, un'altra idea interessante, a cui io stesso non avrei potuto pensare:

Avatar è un cerchio nero: grande e piccolo. Sembrerebbe perché farlo affatto? Ma quando lasci la lista delle comunità, tali avatar sono attratti da se stessi, perché sono molto diversi da tutti gli altri.

Quali informazioni possono essere posizionate su un avatar in miniatura

Nonostante il fatto che la miniatura dell'avatar abbia una dimensione molto piccola, può essere utilizzata per usarlo per attirare gli abbonati alla tua comunità. Come farlo? Consideriamo diverse opzioni:

Nuovo annuncio / servizi / eventi del nuovo prodotto

Vantaggi della Società / Servizio / Pagine

Numero di telefono dell'azienda

Prezzi favorevoli

Spedizione gratuita

A proposito, molto spesso informazioni che la società fornisce la spedizione gratuita è aggiunta al nome del gruppo in modo che gli utenti prestassero sicuramente prestare attenzione.

Condivisioni

Concorsi

Lavori

Cosa dovrebbe essere Avatar?

Ho guardato cosa dovrebbe essere la miniatura dell'avatar e quale testo su di esso può essere posizionato. E ora andiamo all'Avatar te stesso. Versione completa Avatar verrà visualizzato solo nella comunità in cui il coperchio non è installato. È per questi casi che ho scritto questa sezione. Quindi, quale dovrebbe essere l'avatar della tua comunità in modo che gli utenti si rendano immediatamente conto che la tua azienda si è avvicinata alla creazione della pagina responsabilmente e professionalmente.

1. Avatar deve essere qualitativo. Su come raggiungere questo obiettivo, ho scritto un po 'più alto. Per coloro che hanno mancato questa parte, dirò in breve - la dimensione dell'avatar deve essere 2-3 volte più previsto.
2. È auspicabile che l'avatar sia combinato dal menu: c'era la stessa combinazione di colori, aveva gli stessi font, elementi, ecc. Grazie a questo, il cappello da pagine sembrerà più accuratamente e professionalmente. Esempio:




3. L'avatar e l'avatar in miniatura possono essere diversi. Ad esempio, puoi disegnare un cerchio sull'avatar, organizzarlo come preferisci, scegli quest'area come miniatura, e il resto dell'avatar viene eseguito in un altro stile.




Un'altra opzione è dividere l'avatar in due parti. Uno - per le miniature e il secondo - per il resto dell'avatar.




4. Per incoraggiare gli utenti a iscriversi alla tua pagina o inviare un messaggio all'azienda al rappresentante, è possibile ospitare in fondo all'avatar corrispondente all'azione e mantenerlo puntando al pulsante per la freccia.




5. Cerca di non pubblicare troppe informazioni sull'avatar, altrimenti sembrerà sovraccarico e disordinato. Aggiungi solo gli articoli più importanti ad esso e assicurati di assicurarsi che ci siano Air Air.

Quali informazioni possono essere posizionate su Avatar?

In effetti, sull'avatar puoi posizionare qualsiasi cosa. A differenza delle miniature, qui è davvero dove arrosto. La cosa principale non è abusare :)

Dominio del sito

Telefono / indirizzo / orario di lavoro

Concorsi / Azioni

I prodotti più acquisiti / nuovi

Informazioni sulla consegna

Pubblicità App mobile

I principali vantaggi della società / pagine / merci, ecc.

Aggiornamento assortimento / nuova creatività, ecc.

Informazioni che la tua comunità è ufficiale

Informazioni sui prossimi eventi

Indirizzi account in altri social network

Descrizione della pagina estesa

Sacchetto

In generale, su Avatar puoi inserire assolutamente qualsiasi informazione. Ho portato solo alcune idee in modo da poter vedere cosa fanno gli altri, e ispirare i loro esempi. Bene, mantieni le principali raccomandazioni nella mia testa: l'avatar dovrebbe essere di alta qualità, il carattere è grande e tra gli elementi di più aria.

Come creare un avatar di jigging e un menu

Per rendere il Merge Avatar e il menu, avrai bisogno programma Adobe. Photoshop o il suo analogo. Spiegherò l'intero processo sull'esempio di "Photoshop". Quindi andiamo.

1. Scarica un modello per "Photoshop", che ho specificamente preparato per questo articolo. Nelle solite dimensioni (menu - 510 pixel in larghezza, avatar - 200) o in un ingrandito (menu - 1020 pixel in larghezza, avatar - 400).
2. Apri l'immagine che vuoi prendere come base.
3. Copialo, inserirlo nel modello e posizionalo come vorresti tagliarlo.

1. Aggiungi effetti, testo, grafica, ecc.

1. Se non si desidera perdere parte dell'immagine (in quello spazio è di 50 pixel), farla scorrere a destra come mostrato nel seguente GIF:

1. Seleziona lo strumento "Taglio" e fai clic sul pulsante "Frammenti sul Guida".

1. Elimina frammenti non necessari (clic del mouse destro del mouse - "Elimina un frammento") e regolare il già disponibile (fare clic con il tasto destro del mouse con il tasto destro del mouse - clicca su un posto vuoto - prendiamo la zona giusta e lo allunghiamo alla dimensione desiderata).

1. Vai alla sezione File e seleziona il comando Salva per Web.

1. Vai al posto in cui hai salvato foto (desktop o qualche directory specifica) e trova una cartella chiamata "immagini" lì. È lì che saranno le tue immagini. Ora rimane solo per versarli alla pagina.

P.S. L'altezza dell'avatar può essere modificata a tua discrezione. Ho preso la dimensione massima - 500 pixel, ma questo valore può essere inferiore. Ad esempio, come sulla pagina "Wiki-Markup":

Come usare i widget

I widget fanno anche parte del design della comunità VK. Con l'aiuto di loro, l'utente può: effettuare un ordine, iscriversi alla tua newsletter, partecipare al concorso, leggere e lasciare un feedback, aprire una ricerca per community, ottenere un regalo, un coupon di sconto, ecc.

Ecco alcuni esempi di ciò che i widget guardano la pagina VKONTAKTE:

class \u003d "Incut"\u003e

Come emettere immagini ai post

Se sei impegnato nel web design o hai un gusto artistico e un senso di eccellente, allora non sarai difficile trovare un'identità aziendale per le tue immagini. Tuttavia, mi sembra che ci sarà una minoranza di queste persone in questo articolo (io, a proposito, non mi interessa anche di loro). Pertanto, cerchiamo in dettaglio come è fatto, in base agli esempi di aziende di successo.

A proposito, prestare attenzione a quasi tutte le famose società Vkontakte che abbiano il marchio le loro immagini, cioè aggiungere un piccolo logo, indirizzo della tua pagina o filigrana. Aumenta la consapevolezza del marchio e protegge le tue immagini di copia. Vale la pena farlo, tutti decide se stesso. L'unica cosa che si consiglia di essere avvisata: se decidi ancora di farlo, prova a rendere il tuo logo non troppo luminoso e non ha preso troppo spazio, altrimenti l'intera enfasi andrà ad esso, e l'immagine perderà il tuo attrattiva.

Dove ottenere buone immagini?

Il nostro blog ha un buon articolo su questo argomento - "". Sono tutti gratuiti, ma qualche tipo di registrazione. Se non scegli nulla di adatto a te stesso, prova a cercare una parola chiave + wallpaper (o, se in inglese, wallpaper). Di solito le immagini di qualità sono in tale richiesta. Ma qui devi essere attento e controllare il tipo di licenza, altrimenti, se hai un business serio, puoi incontrare problemi.

E cosa fare coloro che non sanno come lavorare in "Photoshop"?

Se non hai mai lavorato in "Photoshop" (o qualsiasi altro editor grafici) E non ancora pronto ad allocare il tempo per il suo sviluppo, è possibile utilizzare i servizi in cui ci sono già modelli pronti Immagini per diversi social network:

1. FotoR.com.

Dopodiché, nel lato sinistro dello schermo, scegli il modello che ci interessa. Si prega di notare che solo i modelli su cui non è previsto gratuitamente un'icona Diamoman.

Lo inseriremo nel modello, selezionare il tasto sinistro del mouse, selezionare il livello (icona di sandworm) e fare clic su Sposta in basso. Pertanto, la nostra immagine tornerà in fondo alla schiena e tutte le iscrizioni lo metteranno sopra.

Dopodiché, cambiamo il testo, il carattere, la dimensione del carattere, il layout dell'iscrizione, ecc.

Quindi fare clic sull'icona sotto forma di un floppy disk, selezionare il nome, il formato dell'immagine, la qualità e fare clic sul pulsante Sign in per scaricare.

Come usare Wikie Markup

Bene, ci siamo avvicinati alla sezione più interessante e allo stesso tempo complesso. Forse tra i lettori ci sono persone che non sanno cosa sia il Markup Wiki, e in generale, questo termine è ascoltato. Pertanto, darò una definizione specifica per te, che dà il "contatto".

WIKA MARKUP - Un linguaggio di markup utilizzato per effettuare il testo sui siti Web (solitamente correlati alla classe Wiki-Project) e consente di semplificare l'accesso alle funzionalità lingua HTML.. Sul nostro sito Web Wiki-Pagine - una buona alternativa alle voci ordinarie e alla navigazione del testo. Se è necessario creare un articolo grande con diverse formattazione del testo (grassetto, enfasi, titoli, ecc.) O aggiungere grafica ad esso, o semplicemente creare un menu di navigazione colorato in base alla comunità - Wiki è indispensabile.

Allo stesso modo, sia Wordpress (o qualsiasi altro CMS) ha un editor HTML, con il quale crei articoli e il "contatto" ha il proprio editor per creare e modificare le pagine wiki. Sembra questo:

Con questo editor, vengono creati i menu di navigazione, nonché articoli con immagini, video e registrazioni audio. Appena sotto, scansionerò in dettaglio come lavorare in questo editor, ma prima ti chiedo di aggiungere due link ai segnalibri. Ti aiuteranno nello studio del Markup Wiki.

Il design di successo del Gruppo Vkontakte dovrebbe non essere solo bello, ma anche funzionale e conveniente. Taglia il design per risolvere i tuoi compiti di marketing in modo che il Gruppo attira un solvente e acquistando un pubblico al marchio e rimane con lui per sempre.

5 passi come emettere un gruppo in contatto

Copertina

La copertina della comunità oggi è uno strumento importante per progettare un gruppo nel contatto del marchio e della sua promozione. Puoi caricarlo nella sezione "Gestione della comunità" facendo clic sulla scheda Impostazioni. Un'immagine orizzontale di alta classe nel berretto comunitario stesso svolge il ruolo del principale banner promozionale dell'azienda nel social network. Imposta l'umore, informa, aumenta l'immagine, richiede azioni target, vende allo stesso tempo.

1. Utilizzare illustrazioni di alta qualità

La copertura della comunità di Vkontakte dovrebbe essere una dimensione di 1590x400 pixel, ma è meglio caricare una foto 2-3 volte di più in formato.png. Quindi sarà possibile evitare il display di scarsa qualità.

2. Adattare l'immagine per diversi dispositivi

Ricorda che questa immagine può essere mostrata in modo diverso con dispositivi diversi - sui bordi mobili verranno tagliati, quindi è meglio informazioni importanti Posiziona più vicino al centro.

3. Posiziona lo slogan e iTP

Lascia che la tua filosofia e i benefici del cliente vede dal primo schermo.

4. Visualizza merci / servizio, processo o risultato del suo utilizzo

Quindi il potenziale cliente riconosce immediatamente ciò che ti specializzi e sarà coinvolto nel prodotto.

5. Aiuta i clienti a contattarti immediatamente

Scrivi un telefono, e-mail sul banner, nonché altri contatti aziendali. Se la posizione territoriale è importante per la tua attività, ad esempio, vedi il campo di catering o Horeca, l'indirizzo non sarà superfluo.

6. Annuncia gli eventi

Promuovere i concerti, dovrebbe arrivare a una nuova collezione o una produzione di prodotti, trascorri il Festival / Conference / Giorno del cliente? Parlaci a tutti coloro che entrano nella comunità.

7. Presenti promozioni e sconti.

Dove altro per dire al pubblico di dire al pubblico, cosa può esattamente fare il tuo ordine 2 volte più economico? La cosa principale, non dimenticare di cambiare l'illustrazione dopo il completamento della frase.

8. Offri di effettuare un'azione di destinazione.

Quando si caricano il coperchio della comunità nell'angolo in basso a destra, ci sono orizzontalmente due pulsanti - Invia un messaggio e si unisce al gruppo. Specificare la freccia su di loro per attirare ulteriormente l'attenzione del pubblico. Quindi se il banner mostra il prodotto - puoi offrirlo immediatamente ordinarlo nei messaggi. E se l'ultima notizia digest è quella di iscriversi a ricevere sempre nuove informazioni.

Scarica Avatar e seleziona Thumbnail

I marchi separati non usano ancora il coperchio, preferendo la vecchia visione della prima schermata del gruppo, utilizzando la combinazione di avatar con una voce fissa come i cosiddetti "tappi". In questo caso, un'immagine è una continuazione di un'altra. Sembra in modo più efficace quando la foto finisce allo stesso livello con l'avatar.

Quando si utilizza la dimensione massima dei pixel Avatar 200х500, la dimensione dell'immagine nel record fisso è necessaria per rendere la dimensione di 510x308 pixel. Eccellente che coinvolge la ricezione - fissando i video caricati attraverso il lettore, che continua stilisticamente l'avatar.

Se si applica come tappo - il coperchio, l'avatar verrà sempre visualizzato come miniature.

Regole della comunità Avatar delle miniature MC

Le miniature sono una piccola immagine rotonda che viene aggraffata con un grande avatar e viene visualizzato in cerca da gruppi, nell'elenco delle comunità di ciascun utente e sulla sinistra sotto il coperchio, se presente. Ecco alcuni suggerimenti per il suo design.

1. L'anteprima deve essere chiara al pubblico.

Non posizionare un pezzo di strana illustrazione. Visualizza che successivamente sarà associato a un marchio, come un logo, un'icona del prodotto / servizio e forse il principale carattere di marketing del marchio.

2. Ascolta solo foto di alta qualità.

È meglio scaricare il codice sorgente 2-3 volte più richiesto, quindi sul terribile pixel "quadrati" che non sei nella migliore luce può essere dimenticato.

3. Sviluppa le tue illustrazioni.

Immagini Stock Gli stock sembrano economici e poco professionali e gli utenti saranno sinonimi della negligenza del marchio. Fai disegni unici in un unico concetto e colori che il design del resto.

4. Priorità bassa di sfondo di contrasto - cosa ti serve

Quando si rendono la VK in miniatura, così accattivante, "arrotondamento" si distinguono nel nastro tra gli altri gruppi e non si unisce con lo sfondo delle pagine.

5. Posiziona contatti o aziende ITP

A seconda dello scopo impostato per le miniature, posizionare il numero di telefono di contatto o l'indirizzo del sito su di esso, informazioni su spedizione gratuitaindicando di più prezzo basso Nel segmento o nell'azione.

6. Rendi il testo grande e leggibile

È meglio non usare caratteri con serifs o corsivo - sono troppo "rumorosi" se visti dagli schermi di PC, dispositivi mobili e smartphone, uno stupido sguardo. Assicurati che il testo non vada oltre i confini della miniatura crociera. Questo ci consentirà di correggere correttamente ed efficacemente al messaggio utente.

7. Applicare moduli non standard

Ad esempio, nel modello rotondo desiderato, inserire un poligono o un altro forma geometrica su sfondo bianco. Creare una notifica non letto o un'icona grafica "online".

Sviluppare menu

Il menu è un elemento importante della progettazione del Gruppo in contatto, il che rende più facile navigare gli utenti per gruppo - le persone saranno più convenienti per trovare le informazioni di cui hai bisogno. Ogni elemento e pagina vengono creati in un linguaggio di programmazione speciale - Wiki Markup. Con esso, è possibile creare immagini con pagine cliccabili e facilmente confortevoli all'interno del social network come se fosse la pagina del sito.

È possibile utilizzare sia il menu aperto e chiuso. Nel primo caso, l'utente vede immediatamente le sezioni che sono incluse in esso, nel secondo - sono precedute da un'immagine dell'anteprima con l'iscrizione "Menu". Il menu può anche diventare visivamente una continuazione dell'avatar, se si utilizza la vecchia versione della Comunità.

Sviluppa una vetrina di beni

Individuazione nella finestra del negozio della Comunità, ricorda che gli utenti sono sempre visibili i primi 3 oggetti. Metti in loro il più popolare e più ordinato scaricando l'immagine di presentazione in un unico stile. Pubblica qui icone uniformi o foto dei prodotti stessi. Puoi posizionare la merce. Nel design, mostra il processo di fornire un servizio o il suo risultato. La dimensione di tale immagine sarà quadrata - 400x400 pixel.

Registrazione dei messaggi

1. Utilizzare le dimensioni dell'immagine disponibili in piena forza

Larghezza massima dell'immagine nel nastro - 510 pixel. Le immagini quadrate di 510x510 pixel e rettangolari - 510x300 pixel sono a guardare in modo più efficace.

2. Sviluppa uno stile individuale di post.

In modo che i post guardano individualmente, inventano un singolo stile, un carattere e una gamma di caratteri.

3. Posiziona il testo breve nella foto.

Ad esempio, è possibile condividere l'immagine in 2 parti - testo testuale e grafico o scrivere, oscurando lo sfondo. In modo che il testo possa essere visto senza uno sfondo oscurato, scrivilo sul substrato (blocco grafico a contrasto del colore omogeneo) o aggiungere un'ombra all'iscrizione. Le foto sembrano buone con la cornice.

4. Fare diversi modelli per scopi diversi.

Ad esempio, utilizzare un modello di presentazione per le virgolette informazioni visivePer l'annuncio dei materiali dal sito - l'altro, e per i concorsi il terzo.

Utilizzare queste tecniche al 100% e la tua azienda verrà presentata a Vkontakte nel modo migliore e i clienti saranno comodamente interagibili con esso. Ma non dimenticare che in tutto ciò che hai bisogno di una misura! Guarda ancora più di nuove idee per la progettazione della comunità VC sulla pagina di servizio dell'Agenzia Trug Target.

La maggior parte degli amministratori ritiene che sollevando un gruppo al primo posto su una richiesta chiave al contatto superiore, prenderanno la maggior parte del traffico di ricerca e dei clienti interessati. A volte è vero, quindi si scopre, ma nel 90% dei casi, i proprietari di gruppi dimenticano del design della qualità del Gruppo e anche quando i clienti caldi arrivano in primo luogo.

Perché sta succedendo?

La ragione è molto semplice - Design di bassa qualità del tour di ricerca della comunità. Semplicemente messo, il tuo gruppo nella ricerca dovrebbe distinguersi contro lo sfondo dei concorrenti e il più conforme agli introdotti query di ricerca. Solo con un'implementazione qualitativa di queste condizioni, è possibile ottenere una comunità CTR elevata e un'elevata probabilità delle vendite successive.

Come influenzare l'efficienza della ricerca della comunità?

La leva più efficace dell'impatto sugli indicatori di climabilità del Gruppo è la miniatura Avatar.
La miniatura svolge un ruolo molto importante nel gruppo, in quanto è evidenziato in tutti i luoghi in cui è menzionato il Gruppo:

• nel feed di notizie del Gruppo
• in un motore di ricerca del contatto
• ricerca di Google e Yandex
• nei legami di altre comunità
• nel nastro di notizie di utenti vk

I dettagli con una copertura così ampia non possono essere trattati con il disprezzo. E perdecorazione di gruppo la miniatura ha bisogno di prestare particolare attenzione.

Principi di creazione di miniature recipienti.

1) Intervallo clienti associativo quando si digita la richiesta.
Pensa che stia contando per vedere il tuo potenziale cliente quando si digita una query per la quale viene visualizzato nella ricerca. Ad esempio, se una giovane madre sceglie una tuta per bambini, molto probabilmente si aspetta di vedere nella foto un'immagine di una tuta o un bambino soddisfatto in una bella tuta.

2) Color Gamut e contrasto contro lo sfondo dei concorrenti.
Quando si sceglie una foto per le miniature del Gruppo, sfoglia le miniature dei loro concorrenti. Ciò che viene utilizzata la gamma di colori, la densità degli elementi nell'immagine, i loro loghi. Il compito principale è creare una miniatura assegnata sullo sfondo degli altri. Ad esempio, se la maggior parte della miniatura è verde - crea il tuo rosso, se tutto noioso - fai il tuo luminoso, se tutto il motley - fai il tuo fotone. Si prega di notare, il compito principale è quello di distinguere e salvare la rilevanza della richiesta !

3) Parole chiave Nell'immagine.
Nella nostra esperienza, il collocamento della frase chiave dell'immagine ha anche un effetto positivo sul clichéelismo delle miniature, la partecipazione della comunità e l'efficienza complessivapromozione del gruppo.

4) Logo dell'azienda.
Anche in miniatura puoi posizionare il tuo logo. La situazione ideale sarà la corrispondenza del logo dei principi di cui sopra.

Quando si lavora con i nostri clienti, teniamo sempre conto di tutte le sfumature, compresi i casi di miniatura di alta qualità e cliccabile del Gruppo, nonché altri momenti, chiave che colpisce la vendita di merci attraverso i gruppi VC.