análisis web mcdonalds

14
Análisis web 1.0 - 2.0 McDonalds.com mireia blasi

Upload: mireia-blasi

Post on 25-Mar-2016

235 views

Category:

Documents


1 download

DESCRIPTION

Análisis web 1.0 - 2.0 web site McDoanlds

TRANSCRIPT

Análisis web 1.0 - 2.0 McDonalds.com

mireia blasi

2004 Explosión

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

Me gustaría destacar antes que nada un hecho que me ha llamado la atención. En mi búsqueda de la web a analizar he visto un denomi-nador común en todas ellas. Fue en el año 2004 cuando todas las webs sufrieron un cambio, en algunas de ellas, sutil, en otras no tanto, pero en general se ve un incremento de actividad brutal en ese año y los tres posteriores.

Aquí Internet empezaba a madurar y pillar carrerilla para la que se nos venía.

1996

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

Practicamente no hay mensaje. Sólo una nota informativa de unas cifras de venta.

Prima el color corporativo, un rojo estridente y molesto sin imagen en la home page.

Sólo logotipo y un pequeño “follow me” en forma de hipervínculo.

Tipografias súper simples.

EL COLOR QUE TODO LO DICE...O NO

1996

1997

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

Vemos una necesidad de dirigir al público ja-ponés en la web. Para ello se inserta un frame en la parte izquierda para la colocación de dos

botones que redireccionaran este tráfico.

Los botones son toscos pero de un color sig-nificativamente distinto al resto de elementos.

Destacan, es decir que cumplen su función.

Seguimos sin imagen explícita ( los botones lo son) y con el rojo y el amarillo en los latera-

les. Molesta un poco, pero intenta posicionar la marca a nivel cromático. No hay comuni-cación, no dicen nada de ellos. Es una web absolutamente estática, unidireccional, un

aparador tristre.

Los hipervínculos en azul y/ o subrayados. Esta nomenclatura se mantendrá a lo largo de los años creando unos estándares de navega-ción comunes para todas las webs del mundo.

gritones perobotones1997

2003

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

Aquí tenemos el primer buscador- menú. Una forma de integrar dos necesidades a la vez

usando la imagen como puente. Por un lado amplian la información del site y

por la otra y mediantela bola terrestre y la lupa, quieren posicionarse en el mundo, decir que

estan en todas partes y que a través de la web los puedes buscar.

Seguimos con el fondo rojo y ya tenemos modulos de imagen ( los vemos hoy en día en

muchísimas webs más evolucionados )

La estructura sigue siendo muy rígida y muy simple. No vemos noi sombras ni volúmenes ni grandes anuncios con mensajes estriden-

tes. Ni hablar de video todavía.

POR SI NO TE HA QUEDADO CLARO

DÓNDE ENCONTRARNOS...2003

2006

2009

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

El rojo chillón de fondo da paso a un negro más sobrio que permite al usuario centrarse en el contenido más rapidamente.

Empezamos a ver elementos y formas de cons-truyir un site que a día de hoy todavía son vigen-tes e incluso han marcado una metodología. La posición del logotipo ( arriba a la izquierda ) es un ejemplo de ello. Pero en general la retícula es la actual.

El menú superior (2009) ya quiere reestructurar la información de una forma más coherente y al mismo tiempo nos aydua a enmacar los elemen-tos dentro de este cuadro de acción.

Las imagenes son un recurso frecuente y crean módulos-botones para ello.

Las tipografías todavía no estan muy cuidadas y los elementos gráficos son pobres.

El diseño web ( combinaciones de colores, ta-maños tipográficos, familías tipográficas, jerar-quísas de menús, degradados...) y la usabilidad van apareciendo a medida que la cantidad de infromación va aumentando.

El “todo vale” va desapareciendo y agrupar los textos y elementos constantes en zonas inamo-bibiles va creando norma.

La retícula.

2012

Análisis web 1.0 -2.0 Mcdonalds - Mireia Blasi

Con la llegada del ADSL y la fibra óptica, la forma de hacer webs, de pensarlas y diseñarlas ha cambiado totalmente.

Se han creado normas y toda una conceptualización de como colocar la información en 1024x768píxels y que esta co-locación nos invite a interactuar de forma fácil.

La trasmisión de datos a alta ve-locidad nos ha permitido traba-jar muchísimo con la imagen y a posteriori con el vídeo. El diseño y la usabilidad, que no siempre han ido de la mano, parece que llegan a un entendimiento.

La web actual de McDonals se presenta en un fondo blanco, fa-cilitando la lectura y atrayendo al usuario a los elementos clave e importantes. Mediante el blanco ahora sí que podemos usar el rojo para destacar el menú de la izquierda o claims que nos llamen la atención sobre un pro-ducto concreto.

Vemos un diseño limpio y cui-dado que difiere del primero en color e imagen, pero que estruc-turalmente se parece mucho. Esto es debido a que este mo-delo funciona : bloque central y sub-bloques en la parte inferior. Cambian las imagenes, más ela-boradas y el mensaje en ellas. Es simple, rápida y eficaz.

Destacaríamos las dos platafor-mas de redes sociales: Face-book y Twitter como elemento 2.0 o web semántica.

De hecho las páginas corporati-vas no estan dejando de existir pero son aparadores bonitos. Lo que a le gente le está interesan-do más no es ver que tienes si lo que tienes me va a servir. Para eso usamos las herramientas de red social, para ver que piensan nuestros congéneres de tu pro-ducto. Una costumbre social muy antiguia que de a poco va entrando en la red.

Imagen, vídeo y mi público

opinando ( fbk, twitter)

Análisis web 1.0 -2.0 McdonaldsMireia Blasi

Análisis web 1.0 - 2.0 McDonalds.com

mireia blasi