Hur du optimerar din Facebook-varumärkessida visuellt

Är du? undrar hur man visuellt optimerar den nya Facebook-sidans design?

Den 10 mars 2011 blev det officiellt: den nya Facebook-sidalayouten tillämpas på alla fansidor. Nu när dammet har lagt sig, buggarna har åtgärdats och vissa justeringar har gjorts, kan administratörer nu fokusera sin uppmärksamhet på det bästa Facebook har att erbjuda dem. skärmen är mycket fastighet!

Natur, Ny sidlayout erbjuder mer än två tredjedelar av tillgängligt skärmutrymme (se de röda rutorna i bilden nedan), där Facebook endast reserverar sitt smala blåa band i de övre och högra kolumnerna för sitt eget innehåll.

Var och en av dessa röda rutor representerar områden där du kan hantera ditt visuella varumärke på Facebook-väggen.

Denna nya design utökar företagens varumärkespotential avsevärt. Nu kan du skapa en tydligare och mer enhetlig närvaro på Facebook än vad som var möjligt i den tidigare designen. Tidigare var den enda möjligheten för visuella varumärkesprofilbilder och anpassade flikar.

Det handlar mer om urval än design!

Till skillnad från andra artiklar som fokuserar på intressanta landningsflikar, den här Ta en närmare titt på de tillgängliga artiklarna och hur du använder dem för bästa visuella effekt och texteffekt.

Den här artikeln kommer främst att handla om profilbild (se bild ovan #1), den fotoremsa (#2) och det navigeringsfliken (#3), kan med kreativ användning leda till en fansida som är visuellt tilltalande och lätt att navigera. Men jag älskar (#4) och det Miniatyrer för profilbilder (#5) presenterar också varumärkesmöjligheter och förtjänar uppmärksamhet.

Profilbild: det viktigaste visuella elementet

Din profilbild är din viktigaste visuella identifierare och där du ser din varumärkeslogotyp på webbplatser. Du vill för bildvikt eftersom det tar upp sidans “kraftvinkel”..

Den högsta tillåtna storleken för profilbilder är 180 pixlar gånger 540 pixlar. Eftersom navigeringsfliken finns direkt under profilbilden bör sajtadministratören göra det Balansera höjden på bilden och håll din sidnavigering i vecken.

Webbplatsadministratörer måste vara uppmärksamma på att balansera inläggen i sin profilbild med hur det påverkar navigeringsflikens position. Precis som med webbplatser vill du ha din nyckelinformation i den övre halvan av sidan.

Profilfoto och fotoremsa ska fungera tillsammans

Eftersom fotoremsan är direkt till höger om profilbilden bör designers överväga hur var och en påverkar och förstärker den andra. Manchester Library-webbplatsen är ett bra exempel, men det finns många andra.

Och glöm inte profilminiatyren!

Miniatyren är bilden som följer med alla dina inlägg och kommentarer i marginalerna, så det är din “lilla logotyp” och bör utformas med omsorg.

Som standard visar miniatyrer bara en del av din profilbild; du kan inte skapa och ladda upp en specifik bild till miniatyren. Men du redigera miniatyrer via “redigera sida > profilbild > redigera miniatyr”:

Dra bara in den i rutan tills du är nöjd med resultatet. Om din profilbild är:

Du vill ha det här:

Nej det här

Fotoremsa: scrolla med slumpmässighet!

När Facebook lade till fotoremsor på fansidor gillar många att använda det till skapa ett sömlöst varumärke genom att integrera profilbilder och fotoremsor. De blev dock besvikna över att, till skillnad från enskilda profiler, alla fem bilderna slogs samman i bildremsan varje gång sidan laddades.

Men många sajter anpassade sig snabbt och använde denna slumpmässighet och valde ut fem bilder som fungerade i valfri ordning.

HyperArts och Juicy Agency betonar slumpmässighet:

Medan andra märken använder bilder oavsett din beställning:

Som du kan se är det en design-/budskapsutmaning att tillämpa fem bilders slumpmässighet i en fotosession som varumärken och deras designers måste acceptera. Det är en möjlighet att kreativitet i reglerna.

Navigationsflik: något är förlorat, mycket har vunnits

Att flytta navigeringsfliken till den vänstra kolumnen är förmodligen den mest irriterande förändringen i fläktdesignen. Administratörer upptäcker att deras webbplatsnavigering har nedgraderats till en mindre synlig plats.

Men det finns en annan sida av det myntet. Istället för sex blå flikar med namn ofta trunkerade på grund av teckenbegränsningar, Du har nu 36 tecken att arbeta med anpassade symboler.

När du skapar dina egna iFrame-appar kan du göra det skapa appikon för fliknavigering, att visuellt koppla navigeringen till andra visuella element på sidan eller till “idiogrammet” (t.ex. en gaffelbild bredvid fliken “meny”) flikinnehållsförbättring.

Håll nere din navigering!

Sidor borde Undvik överbeläggning med för många flikar (särskilt flikar med lite eller inget innehåll), design- och kvalitetsikonerna är varierade (de grå statiska FBML-ikonerna ser nu lite gamla och lite fula ut) och slumpmässigt arrangerade istället för vikt.

I exemplen ovan och notera att dessa kommer från stora varumärken, det finns flikar utan evenemang, appar utan ikon, massor av föråldrade statiska FBML-ikoner, etc. Detta kommer aldrig att vara för slarvigt när du navigerar på din webbplats!

När det gäller sidor som uppmärksammar sin navigering, finns det sidor som går upp och ner…

… och andra har använt anpassade ikoner (vilket du kan när du skapar en sidflik i iFrame) för att skapa ett enhetligt utseende:

Höjdpunkter: Crossbranding och partnerskapsmöjligheter

Området “Utvalda gilla-markeringar” i den vänstra kolumnen under antalet gilla-markeringar ger en fantastisk möjlighet för varumärken välja andra webbplatser egna, relaterade sidor eller helt enkelt relaterade av intresse:

Administratörer har mycket kontroll över de gilla-markeringar som presenteras.

Genom att “redigera sidor > presenterade” kan du välja vilka objekt du gillar (det är de sidor du gillar, inte din personliga profil) som ska visas i en femsidig rotation.

Takeaway: ta hänsyn till alla delar av ditt visuella varumärke

Eftersom den tidigare designen endast tillät visuell branding av profilbilder och anpassade flikar, är det verkligen något som alla visuella varumärkeshanterare måste vara uppmärksamma på.

Men det är en ny dag och en ny, skarp och ren design, så Titta på elementen ovan, tänk kreativt och använd dem alla tillsammans för att presentera en kraftfull och engagerande närvaro.!

Vad tycker du om dessa förändringar? Om du har några frågor eller kommentarer, vänligen lämna dem i rutan nedan.