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.