Caso de estudio: Fox Networks

De Casiopea



TítuloCaso de estudio: Fox Networks
Tipo de ProyectoProyecto de Taller
Período2013-2013
AsignaturaConstrucción de Diseño Gráfico 4
Del CursoConstrucción 4º DG 2013
CarrerasDiseño Gráfico
Alumno(s)Bernardo Silva

Introducción al sitio

Se presenta el caso de estudio para el metasitio de la cadena televisiva Fox Networks . Para ello se observa la manera en como se relacionan los sitios, si siguen o no patrones iguales en su estructura y modo de funcionamiento.

La red Fox Networks ofrece una serie de canales los cuales están destinados para todo público. Cada sitio perteneciente a esta cadena posee una gran cantidad de contenido, ya sea desde series, programas y películas.

Se estudiará solo la red de sitios de habla hispana.

Mapa de Navegación

Para realizar una comparación, se considera estudiar solo la Home que poseen los sitios, estos al tratarse de canales televisivos, poseen una estructura base similar la cual sería Programación, Series y Videos. Dependiendo de la necesidad que estos requieran, se agregan mas tópicos en la barra de navegación.


Estos 3 patrones se repiten teniendo siempre la programación, series y videos.

Sin embargo, sitios como Nat Geo, Fox Sport o Utilisima, presentan mas categorías en el menú debido a su mayor contenido.


  • La Programación sirve para mostrar a que hora y en qué día se transmiten los programas (o películas)de dicho canal.
  • La Sección Series entrega información para enterarse de lo que trata una serie.
  • Los Videos e Imágenes son la mejor forma de presentar y atraer el público.



Estructura

Luego de analizar como se organizan los contenidos, pasamos a ver la estructura interna de la página. La manera en como los contenidos con diagramados dentro del espacio por medio de una grilla. Se decide medir la home para analizar las diferencias y similitudes en la estructura.

Grilla

Similitudes

El grosor de la grilla se mantiene marcando una clara estructura para los sitios así como el header va acompañado de un SlideShow, se genera una relación.

Diferencias

El sitio Baby Tv, Bien Simple y Movie City se diferencian en cuanto a la grilla marcada, el motivo radica en la exclusividad del servicio que el canal ofrece.

Uso del espacio

Si bien la grilla es bastante definida, la manera de como se distribuye el contenido en el espacio es mas flexible y variada dentro de los sitios web, esto se debe a la cantidad de temas que ofrece cada canal, un ejemplo es National Geographic quien cuenta con mas contenidos que Fox, de ahí que unos sitios varían en el tamaño de la home y cuanto contenido muestran.

  • Sector Blanco para el contenido
  • Sector Gris para las redes sociales

Similitudes

Bajo una grilla estricta, los sitios cuentan con una gran disposición del contenido, sin publicidad que interfiera, solo acompañado de la actividad que se mantiene en las redes sociales.

Diferencias

Unos sitios cuentan con mas contenido que el resto (haciéndolos mas largos).En unos sitios se repite innecesariamente la información de las redes sociales mientras algunos no la tienen. Los cambios a pesar de ser notorios, no se manifiestan de manera brusca.

Recursos Gráficos

Cabe destacar que en cada sitio se interpone la identidad pero a su vez, existe una pertenencia en la linea gráfica. Es fácil diferenciar cuando se esta en un sitio y no en otro, la diferenciación es marcada por medio del color mientras que la relación se logra por el uso de tipografías similares (y la grilla que siguen los sitios).

Tipografías y Botones


Similitudes y Diferencias

Predomina la tipografía sin serif, el manejo del tracking y la interlinea es similar. Los rotuladores (botones) son idénticos, facilitando un lenguaje familiar.

El uso de diferentes variantes como uan tipografía cursiva, bold o condensaba ayuda otorgar el carácter propio, buen ejemplo de esto es el canal FX que utiliza letras mas gruesas que Fox ya que el contenido va dirigido a un publico mas adulto, con contenidos mas "fuertes".

Forma y Color

SlideShow


Similitudes y Diferencias

La medida de las variables es pequeña pero es lo suficientemente efectiva para contrastar el contenido sin que pierda familiaridad. Las flechas de avance son las mismas, así como los círculos que representan el cambio de una imagen. Solo basto con colocarlos en distintos lugares. La mayor parte de lo sitios están empleados bajo la misma lógica.

Series


Similitudes y Diferencias

Existe una lógica clara que se repite a través de los sitios, el tamaño de las cajas de texto, el uso del imagen, el blanco en la página. Las diferencia visual se da netamente en el estilo tipográfico y el uso del color.