Optimizando su Facebook P√°gina de marca visual

Y tu pregunt√°ndose c√≥mo optimizar visualmente el nuevo Facebook Dise√Īo de p√°gina?

El 10 de marzo de 2011, se hizo oficial: el nuevo Facebook El dise√Īo de la p√°gina se ha aplicado a todas las p√°ginas de fans. Ahora que el polvo se ha asentado, los errores se han corregido y se han realizado algunos ajustes, los administradores ahora pueden centrar su atenci√≥n para aprovechar al m√°ximo Facebook les dio, que es una gran cantidad de exhibici√≥n de bienes ra√≠ces!

Esencialmente, El nuevo dise√Īo de p√°gina ofrece a las marcas m√°s de dos tercios del espacio disponible en la pantalla. (vea los cuadrados rojos en la imagen a continuaci√≥n), con Facebook reservando solo su estrecha franja azul en la columna superior y derecha para su propio contenido.

hyper arts en facebookCada uno de estos cuadros rojos representa √°reas donde puede administrar su marca visual en su Facebook pared.

Este nuevo dise√Īo ampl√≠a enormemente las posibilidades de creaci√≥n de marca para las empresas. Ahora usted puede crear un Facebook presencia m√°s marcada y unificada de lo que era posible en el dise√Īo anterior. Anteriormente, las √ļnicas oportunidades para la marca visual eran la imagen de perfil y las gu√≠as personalizadas.

¬°Se trata de anotar m√°s que dise√Īar!

a diferencia de otros artículos que se centraron en guías de aterrizaje legales, este artículo Eche un vistazo a los elementos disponibles y cómo usarlos para obtener el mejor efecto visual y de mensajería.

Este artículo será principalmente sobre el imagen de perfil (ver imagen arriba # 1), el tira de fotos (# 2) y él guía de navegación (# 3), cuyo uso creativo puede resultar en una página de fans visualmente atractiva y fácil de navegar. Más o Me gusta la prominencia (# 4) y él Miniatura de la foto de perfil (# 5) también presenta oportunidades de marca y merece atención.

La foto de perfil: el elemento visual m√°s importante

La imagen de perfil es la identidad visual principal de su marca, ocupando el lugar donde ver√° el logotipo de la marca en los sitios web. Quieres dar peso visual, ya que ocupa el “rinc√≥n de energ√≠a” de la p√°gina.

Las dimensiones m√°ximas permitidas de la imagen de perfil son 180 px x 540 px. Sin embargo, dado que la pesta√Īa de navegaci√≥n est√° directamente debajo de la foto de perfil, los administradores de la p√°gina deben Equilibre la altura de la imagen y siga navegando por la p√°gina doblada.

Los administradores de la página deben ser conscientes de equilibrar las publicaciones en la imagen de perfil con cómo afecta la posición de la guía de navegación. Al igual que con los sitios web, desea mantener la información clave en la mitad superior de la página.

La foto de perfil y la tira de fotos deberían funcionar juntas

Como la tira de fotos est√° inmediatamente a la derecha de la foto de perfil, los dise√Īadores deben considerar c√≥mo cada uno afecta y refuerza al otro. La p√°gina de la biblioteca de Manchester es un buen ejemplo, pero hay muchos otros.

Biblioteca de Manchester

¬°Y no olvides la miniatura del perfil!

La miniatura es la imagen que acompa√Īa a todas sus publicaciones y comentarios en los muros de la p√°gina; por lo tanto, es su “mini logotipo” y debe crearse cuidadosamente.

La miniatura, por defecto, muestra solo una secci√≥n de su foto de perfil; No puede crear y cargar una imagen espec√≠ficamente para la miniatura. Sin embargo, usted editar imagen en miniatura a trav√©s de “editar p√°gina> foto de perfil> editar miniatura”:

editar miniatura

Simplemente arrástrelo al cuadro hasta que esté satisfecho con el resultado. Si tu foto de perfil es:

ejemplo de miniatura

Quieres eso:

ejemplo de miniatura

No est√°:

ejemplo de miniatura

La tira de fotos: ¬°rueda al azar!

Cuando Facebook agregó la tira de fotos a las páginas de fans, a muchos les gustó usarla crea una marca perfecta incorporando tu foto de perfil y tira de fotos. Sin embargo, se decepcionaron al descubrir que, a diferencia de los perfiles personales, las cinco fotos en la tira se barajan cada vez que se carga la página.

Pero muchas p√°ginas se adaptaron r√°pidamente y aprovecharon esta aleatoriedad y seleccionaron cinco im√°genes que funcionan en cualquier orden.

HyperArts y Juicy Agency acent√ļan la aleatoriedad:

hiper artes

horario jugoso

Mientras que otras marcas usan im√°genes que no dependen de sus pedidos:

Doritos

    cuerpo =

dise√Īo vital

Como puede ver, aplicar la aleatoriedad de las cinco im√°genes en la sesi√≥n de fotos es un desaf√≠o de dise√Īo / mensajer√≠a que las marcas y sus dise√Īadores deben aceptar. Es una oportunidad para ser creativo dentro de las reglas.

La guía de navegación: algo perdido, mucha ganancia

Mover la pesta√Īa de navegaci√≥n a la columna izquierda fue probablemente el cambio m√°s desagradable en el dise√Īo de la p√°gina de fans. Los administradores descubrieron que la navegaci√≥n de la p√°gina se hab√≠a degradado a una ubicaci√≥n menos visible.

Pero hay otra cara de esa moneda. En lugar de seis pesta√Īas azules con nombres a menudo truncados debido a limitaciones de caracteres, Ahora tiene 36 caracteres para trabajar con iconos personalizados.

Cuando crea sus propias aplicaciones iFrame, puede crear el √≠cono de la pesta√Īa de la aplicaci√≥n para la navegaci√≥n por pesta√Īas, conectando visualmente la navegaci√≥n a los otros elementos visuales en la p√°gina o usando “idiogramas” (por ejemplo, una imagen de horquilla junto a la pesta√Īa “men√ļ”) reforzar el contenido de la pesta√Īa.

Mantenga su navegación podada!

Las p√°ginas deber√≠an evita navegar con demasiadas pesta√Īas (particularmente pesta√Īas con poco o ning√ļn contenido), iconos de calidad y dise√Īo muy variados (estos iconos FBML grises est√°ticos ahora se ven anticuados y un poco feos) y se ordenan al azar y no por importancia.

navegación en facebook

En los ejemplos anteriores, y tenga en cuenta que son de las principales marcas, hay guías de eventos sin eventos, aplicaciones sin iconos, muchos iconos FBML estáticos obsoletos, etc. ¡Estas marcas nunca serían tan descuidadas al navegar por su sitio!

En t√©rminos de p√°ginas que prestan atenci√≥n a su navegaci√≥n, hubo p√°ginas con el m√≠nimo y el reducido …

navegación en facebook

… Y otros que usaron iconos personalizados (lo que puede hacer al crear gu√≠as de p√°gina de iFrame) para crear una apariencia unificada:

navegación en facebook

Gustos destacados: oportunidades para marcas cruzadas y asociaciones

El √°rea “Me gusta destacados” en la columna izquierda debajo del recuento de Me gusta presenta una gran oportunidad para las marcas resaltar otras p√°ginas p√°ginas asociadas o simplemente relacionadas por inter√©s:

Me gusta la prominencia

Los administradores tienen mucho control sobre los me gusta destacados.

A trav√©s de “editar p√°gina> resaltado”, puede seleccionar cu√°les de sus p√°ginas Me gusta (estas son las que m√°s le gustan, no su perfil personal) que aparecer√°n en la rotaci√≥n de cinco p√°ginas.

Me gusta la prominencia

Para viajar: considere todos los elementos de su marca visual

Como el dise√Īo anterior solo permit√≠a la marca visual de la foto de perfil y las gu√≠as personalizadas, esto es a lo que todos los gerentes de marcas visuales deben prestar atenci√≥n.

Pero es un nuevo d√≠a y un nuevo dise√Īo, n√≠tido y limpio, as√≠ que Observe los elementos anteriores, piense creativamente y √ļselos todos juntos para mostrar una presencia fuerte y convincente.!

¬ŅQu√© opinas de estos cambios? Si tiene alguna pregunta o comentario, d√©jelos en el cuadro a continuaci√≥n.