SlideShare une entreprise Scribd logo
1  sur  11
Télécharger pour lire hors ligne
ANÁLISIS SITIOS WEB
A TRAVÉS DEL TIEMPO
SITIO 1: ANIMAL PLANET                                    1997
                         Diseño:

                         Siempre manejando el color verde que es el color de la
                         naturaleza por excelencia. Tanto asi que la imagen ya
                         llega a ser bastante cargada hacia los verdes llegando a
                         saturar evitando contrastes que podrían llegar a ser
                         impactantes a la vista de los usuarios que ingresen. La
                         página web es manejada a dos columnas
                         Marca

                         Desde un principio se manejo el logo que fue
                         conocido hasta hace poco del elefante y el planeta,
                         sobre texto de animal planet y el uso del color verde
                         también, una franja de un verde más claro que
                         después en una versión más moderna no va a estar.
                         Tecnologia:

                         En 1997 la pagina llevaba un año de ser abierta hasta
                         ahora se estaban probando los beneficios y funciones
                         de los lenguajes de programación, así que por lo
                         mismo la pagina era bastante sencilla con una
                         resolución en las imágenes bastante pobres solo
                         estaban preocupados por mostrarse como empresa con
                         su visión y misión en la home. A partir Html
                         Collect Java script CPU Profile
SITIO 1: ANIMAL PLANET                                 2002
                         Diseño:

                         Continúa el manejo del color verde y sus
                         matices, pero ya de una forma más
                         a g r a d a b l e ya n o s o l o m a n e j a n a
                         información en dos columnas sino que
                         manejan una diagramación mejor
                         estructurada donde ya empiezan a
                         condensar la información en diferentes
                         links y no todo en una sola ventana. La
                         imágenes que se ponen en la pagina ya eran
                         de mejor calidad.

                         Marca
                         Continua el logo del elefante con el
                         planeta y se siguen manejando los verdes
                         en toda su imagen, aun no presenta cambio
                         como marca.

                         Tecnología:
                         Continúan manejando el lenguaje de
                         programación Html y Java script.
SITIO 1: ANIMAL PLANET   Diseño:                    2006
                         La página ya se empieza a manejar
                         centrada como es ahora el uso de todas
                         las paginas. Su diagramación evoluciono
                         ubicando ya banner(slide) en la parte
                         superior que muestra el resumen de la
                         pagina. La pagina ya cuenta con videos y
                         con fan site
                         No solo se queda ahora en los verdes sino
                         que hacen uso del negro lo que le da un
                         poco mas de fuerza a la pagina

                         Marca

                         El logo evoluciono un poco al usar ahora
                         únicamente dos tonos de verde y el
                         blanco pero manteniendo el elefante y el
                         planeta tierra, la marca con estos cambios
                         ya se ve un más juvenil.

                         Tecnología:

                         Continúan manejando el lenguaje de
                         programación Html y Java script.
SITIO 1: ANIMAL PLANET             2012
                         Diseño:

                         La página cambia
                         totalmente tanto sus
                         colores, como la
                         diagramación de los
                         elementos de toda la
                         página ahora es más
                         dinámica y permite
                         mayor interacción con
                         el usuario.
                         Ahora le plantea formas
                         más claras de encontrar
                         lo que está buscando
                         mejorando la usabilidad
                         de la página.
                         Marca:
                         Para el año 2012 el logo ha cambiado ya se trata únicamente del uso de tipografía haciendo uso
                         del nombre del canal. Se ve como una marca más juvenil y con una personalidad más definida y
                         más fuerte.
                         Tecnología:
                         Continúan manejando el lenguaje de programación HTML y Java script.
2008




                                                                                    SITIO 2: ESPN
Diseño:
E S P N u t i l i z a u n fo n d o
degradado de rojo a gris
debido a que son los colores
cor porativos, intent ando
resaltar los títulos y los links.
Tiene una diagramación
sencilla y de fácil lectura,
depende mucho del mercado
que tienen y de lo legible que
debe ser para los lectores.

Marca
El logotipo de ESPN está ya posicionado en el mercado y no ha sido tan modificado
como la competencia y siempre le dan mas importancia a el contenido y que
manejan ¨el deporte¨ pero como estandarte el futbol, y eso se refleja en su
diagramación.
Tecnología:
La página fue diseñada en código html, debido a que la pagina debe ser sencilla y
simple para su fácil navegación, es importante entonces no complicar la
navegabilidad y menos al momento de cargar el contenido de la pagina.
2009, 2011 y 2012




                                                                                            SITIO 2: ESPN
Diseño:
Como se puede notar la pagina desde su creación es siempre igual, utilizando los
mismos colores y la misma diagramación, solo sumando mas links de contenido para
más información del usuario y en algunos casos banner informativos sobre las nuevas
extensiones de la marca.
Marca:
El logotipo no es modificado y conserva la misma imagen en todo su aspecto, a finales
del 2011 ESPN desarrollaría una extensión de marca con ESPN play entre otros para así
poder abarca el mercado con mayor interactividad y alcance para brindar mejor y mas
precisa información inmediata. Y eso se puede evidenciar en los banner del modelo de
pagina del 2012.
Tecnología:
Durante los 5 años que lleva la pagina al aire, siempre utiliza la misma tecnología html.
SITIO 3: TLC                                                                              1999
                                                                            Diseño:

                                                                            El diseño de la pagina era en
                                                                            columnas, en colores negro:
                                                                            donde se situaba el logo en
                                                                            la parte superior izquierda y
                                                                            además se encontraba un
                                                                            banner con información
                                                                            ambiental, y de fondo de
                                                                            pantalla un color naranja.



                                                                            Marca:

                                                                            En su inicio no tenia logo
                                                                            definido, se manejaba bajo
               Tecnología:                                                  el canal Discovery, con su
                                                                            logo que era el planeta tierra
               Se hizo a partir de HTML con leguaje Java Script, era juna   en medio de las palabras
               pagina muy básica con imágenes bastante pobres en            DISCOVERY CHANNEL.
               resolución.
SITIO 3: TLC   2003
               Diseño:

               Se hace innovación en
               cuanto al diseño, se
               implementa un barra
               de inicio, se centra la
               información ya no va
               por columnas, en el
               espacio restante se
               pone un menú de
               información , la
               resolución de las
               imágenes mejora, y los
               colores también se        Marca:
               modifican, se trabaja     Se implementa el logo, ahora son las iniciales TLC en blanco y
                                         rojo y también adquieren un slogan “LIFE UNSCRIPTED”
               sobre rojo y blanco con
               negro para la barra de    Tecnología:
               inicio y algunas parte    Siguen trabajando con HTML y Java Script.
               del menú.
2008
                                                                                            Diseño:
SITIO 3: TLC
                                                                                            Se centra la pagina
                                                                                            total, como se hace
                                                                                            mas uso de las
                                                                                            imágenes que del
                                                                                            texto se sigue
                                                                                            trabajando los
                                                                                            colores blanco rojo
                                                                                            y negro, y en la
                                                                                            parte derecha de la
                                                                                            pagina se deja una
                                                                                            barra de videos.
               Marca:
               Se vuelve a modificar el logo esta vez las iniciales quedan blancas dentro de cuadros rojos, aunque
               son mayúsculas, la tipografía cambia lo que hace que se vea un poco mas amigable la marca, no
               tan seria, mas allegada al consumidor y su slogan también cambia “LIFE SURPRISES” lo que
               también hace mas cercana la marca.

               Tecnología:
               También se modifica su lenguaje de programación, se hace uso de XHTML 1.0 y Java Script1.
SITIO 3: TLC


               2011
               Diseño:
               Cambia totalmente, se trabaja sobre un fondo totalmente blanco, la barra de videos se
               establece en la parte inferior, el contenido es muy poco en cuanto a textos manejan
               dos barras d e menú en la parte superior en color gris.
               Marca:
               El logo se mantiene pero se suprime el slogan, solo se soporta bajo la frase
               “ A DISCOVERY COMPANY”.
               Tecnología:
               continúan con XHTML 1.0 y Java Script .

Contenu connexe

En vedette

Te contamos con más detalles como hacemos para que tus Productos estén presen...
Te contamos con más detalles como hacemos para que tus Productos estén presen...Te contamos con más detalles como hacemos para que tus Productos estén presen...
Te contamos con más detalles como hacemos para que tus Productos estén presen...
juansnu2
 
Presentacion en pawer point adicciones
Presentacion en pawer point adiccionesPresentacion en pawer point adicciones
Presentacion en pawer point adicciones
Eriicka LG
 
Historia y evolucion de las telecomunicaciones
Historia y evolucion de las telecomunicacionesHistoria y evolucion de las telecomunicaciones
Historia y evolucion de las telecomunicaciones
anniplex
 
Diapositivas slideshare proyecto
Diapositivas slideshare proyectoDiapositivas slideshare proyecto
Diapositivas slideshare proyecto
guadaperiodico
 
Presentación1
Presentación1Presentación1
Presentación1
DeLiia7
 
Análisis de resultados
Análisis de resultadosAnálisis de resultados
Análisis de resultados
iesluarca2012
 
Acta pleno extraordinario y urgente 19 octubre 2011
Acta pleno extraordinario y urgente 19 octubre 2011Acta pleno extraordinario y urgente 19 octubre 2011
Acta pleno extraordinario y urgente 19 octubre 2011
upydalcorcon
 
Khalid generacions
Khalid generacionsKhalid generacions
Khalid generacions
khalidhinna
 
Acta pleno extraordinario y urgente 23 noviembre 2012
Acta pleno extraordinario y urgente 23 noviembre 2012Acta pleno extraordinario y urgente 23 noviembre 2012
Acta pleno extraordinario y urgente 23 noviembre 2012
upydalcorcon
 

En vedette (20)

Te contamos con más detalles como hacemos para que tus Productos estén presen...
Te contamos con más detalles como hacemos para que tus Productos estén presen...Te contamos con más detalles como hacemos para que tus Productos estén presen...
Te contamos con más detalles como hacemos para que tus Productos estén presen...
 
Unit 7 Birds
Unit 7 BirdsUnit 7 Birds
Unit 7 Birds
 
Feliz aniversario
Feliz aniversarioFeliz aniversario
Feliz aniversario
 
El espacio rural en andalucía
El espacio rural en andalucíaEl espacio rural en andalucía
El espacio rural en andalucía
 
Manual de Estadísticas del Sagt
Manual de Estadísticas del SagtManual de Estadísticas del Sagt
Manual de Estadísticas del Sagt
 
Presentacion en pawer point adicciones
Presentacion en pawer point adiccionesPresentacion en pawer point adicciones
Presentacion en pawer point adicciones
 
Historia y evolucion de las telecomunicaciones
Historia y evolucion de las telecomunicacionesHistoria y evolucion de las telecomunicaciones
Historia y evolucion de las telecomunicaciones
 
Descriptivo
DescriptivoDescriptivo
Descriptivo
 
Diapositivas slideshare proyecto
Diapositivas slideshare proyectoDiapositivas slideshare proyecto
Diapositivas slideshare proyecto
 
Pase entre lineas
Pase entre lineasPase entre lineas
Pase entre lineas
 
Presentación1
Presentación1Presentación1
Presentación1
 
COMO HACER CRECER SU LIDERAZGO
COMO HACER CRECER SU LIDERAZGOCOMO HACER CRECER SU LIDERAZGO
COMO HACER CRECER SU LIDERAZGO
 
Refuerzo de filosofia
Refuerzo de filosofiaRefuerzo de filosofia
Refuerzo de filosofia
 
Análisis de resultados
Análisis de resultadosAnálisis de resultados
Análisis de resultados
 
Acta pleno extraordinario y urgente 19 octubre 2011
Acta pleno extraordinario y urgente 19 octubre 2011Acta pleno extraordinario y urgente 19 octubre 2011
Acta pleno extraordinario y urgente 19 octubre 2011
 
Expo
ExpoExpo
Expo
 
Utiles escolares gg
Utiles escolares  ggUtiles escolares  gg
Utiles escolares gg
 
Tema
TemaTema
Tema
 
Khalid generacions
Khalid generacionsKhalid generacions
Khalid generacions
 
Acta pleno extraordinario y urgente 23 noviembre 2012
Acta pleno extraordinario y urgente 23 noviembre 2012Acta pleno extraordinario y urgente 23 noviembre 2012
Acta pleno extraordinario y urgente 23 noviembre 2012
 

Similaire à Analisis web

Presentación3
Presentación3Presentación3
Presentación3
BORRAIS
 
Análisis tres relevantes
Análisis tres relevantesAnálisis tres relevantes
Análisis tres relevantes
Jheison Triana
 

Similaire à Analisis web (20)

Presentación3
Presentación3Presentación3
Presentación3
 
Análisis tres relevantes
Análisis tres relevantesAnálisis tres relevantes
Análisis tres relevantes
 
Analisis sitio web
Analisis sitio webAnalisis sitio web
Analisis sitio web
 
Análisis sitios web
Análisis sitios web Análisis sitios web
Análisis sitios web
 
Análisis de una página web
Análisis de una página webAnálisis de una página web
Análisis de una página web
 
Analisis pagina de internet
Analisis pagina de internetAnalisis pagina de internet
Analisis pagina de internet
 
Manual corporativo oe
Manual corporativo oeManual corporativo oe
Manual corporativo oe
 
Manual innova
Manual innovaManual innova
Manual innova
 
Sitio web
Sitio webSitio web
Sitio web
 
Sitio web
Sitio webSitio web
Sitio web
 
El diseño web
El diseño webEl diseño web
El diseño web
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Webby awards ejercicio
Webby awards ejercicioWebby awards ejercicio
Webby awards ejercicio
 
Etapas de producción multimedia.
Etapas de producción multimedia.Etapas de producción multimedia.
Etapas de producción multimedia.
 
Manual corporativo OE
Manual corporativo OEManual corporativo OE
Manual corporativo OE
 
FLASH
FLASHFLASH
FLASH
 
Actividad N°3 II
Actividad N°3 IIActividad N°3 II
Actividad N°3 II
 
Wed
WedWed
Wed
 
Diseño de Pagina Web
Diseño de Pagina WebDiseño de Pagina Web
Diseño de Pagina Web
 
Analisis página-internet
Analisis página-internetAnalisis página-internet
Analisis página-internet
 

Plus de BORRAIS

Infografia
InfografiaInfografia
Infografia
BORRAIS
 
Usabilidad y diseño
Usabilidad y diseño Usabilidad y diseño
Usabilidad y diseño
BORRAIS
 
Usabilidad y diseño fin
Usabilidad y diseño finUsabilidad y diseño fin
Usabilidad y diseño fin
BORRAIS
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
BORRAIS
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
BORRAIS
 
Analisis web
Analisis webAnalisis web
Analisis web
BORRAIS
 
Presentación1
Presentación1Presentación1
Presentación1
BORRAIS
 

Plus de BORRAIS (7)

Infografia
InfografiaInfografia
Infografia
 
Usabilidad y diseño
Usabilidad y diseño Usabilidad y diseño
Usabilidad y diseño
 
Usabilidad y diseño fin
Usabilidad y diseño finUsabilidad y diseño fin
Usabilidad y diseño fin
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
 
Descripcion sitios
Descripcion sitiosDescripcion sitios
Descripcion sitios
 
Analisis web
Analisis webAnalisis web
Analisis web
 
Presentación1
Presentación1Presentación1
Presentación1
 

Analisis web

  • 1. ANÁLISIS SITIOS WEB A TRAVÉS DEL TIEMPO
  • 2. SITIO 1: ANIMAL PLANET 1997 Diseño: Siempre manejando el color verde que es el color de la naturaleza por excelencia. Tanto asi que la imagen ya llega a ser bastante cargada hacia los verdes llegando a saturar evitando contrastes que podrían llegar a ser impactantes a la vista de los usuarios que ingresen. La página web es manejada a dos columnas Marca Desde un principio se manejo el logo que fue conocido hasta hace poco del elefante y el planeta, sobre texto de animal planet y el uso del color verde también, una franja de un verde más claro que después en una versión más moderna no va a estar. Tecnologia: En 1997 la pagina llevaba un año de ser abierta hasta ahora se estaban probando los beneficios y funciones de los lenguajes de programación, así que por lo mismo la pagina era bastante sencilla con una resolución en las imágenes bastante pobres solo estaban preocupados por mostrarse como empresa con su visión y misión en la home. A partir Html Collect Java script CPU Profile
  • 3. SITIO 1: ANIMAL PLANET 2002 Diseño: Continúa el manejo del color verde y sus matices, pero ya de una forma más a g r a d a b l e ya n o s o l o m a n e j a n a información en dos columnas sino que manejan una diagramación mejor estructurada donde ya empiezan a condensar la información en diferentes links y no todo en una sola ventana. La imágenes que se ponen en la pagina ya eran de mejor calidad. Marca Continua el logo del elefante con el planeta y se siguen manejando los verdes en toda su imagen, aun no presenta cambio como marca. Tecnología: Continúan manejando el lenguaje de programación Html y Java script.
  • 4. SITIO 1: ANIMAL PLANET Diseño: 2006 La página ya se empieza a manejar centrada como es ahora el uso de todas las paginas. Su diagramación evoluciono ubicando ya banner(slide) en la parte superior que muestra el resumen de la pagina. La pagina ya cuenta con videos y con fan site No solo se queda ahora en los verdes sino que hacen uso del negro lo que le da un poco mas de fuerza a la pagina Marca El logo evoluciono un poco al usar ahora únicamente dos tonos de verde y el blanco pero manteniendo el elefante y el planeta tierra, la marca con estos cambios ya se ve un más juvenil. Tecnología: Continúan manejando el lenguaje de programación Html y Java script.
  • 5. SITIO 1: ANIMAL PLANET 2012 Diseño: La página cambia totalmente tanto sus colores, como la diagramación de los elementos de toda la página ahora es más dinámica y permite mayor interacción con el usuario. Ahora le plantea formas más claras de encontrar lo que está buscando mejorando la usabilidad de la página. Marca: Para el año 2012 el logo ha cambiado ya se trata únicamente del uso de tipografía haciendo uso del nombre del canal. Se ve como una marca más juvenil y con una personalidad más definida y más fuerte. Tecnología: Continúan manejando el lenguaje de programación HTML y Java script.
  • 6. 2008 SITIO 2: ESPN Diseño: E S P N u t i l i z a u n fo n d o degradado de rojo a gris debido a que son los colores cor porativos, intent ando resaltar los títulos y los links. Tiene una diagramación sencilla y de fácil lectura, depende mucho del mercado que tienen y de lo legible que debe ser para los lectores. Marca El logotipo de ESPN está ya posicionado en el mercado y no ha sido tan modificado como la competencia y siempre le dan mas importancia a el contenido y que manejan ¨el deporte¨ pero como estandarte el futbol, y eso se refleja en su diagramación. Tecnología: La página fue diseñada en código html, debido a que la pagina debe ser sencilla y simple para su fácil navegación, es importante entonces no complicar la navegabilidad y menos al momento de cargar el contenido de la pagina.
  • 7. 2009, 2011 y 2012 SITIO 2: ESPN Diseño: Como se puede notar la pagina desde su creación es siempre igual, utilizando los mismos colores y la misma diagramación, solo sumando mas links de contenido para más información del usuario y en algunos casos banner informativos sobre las nuevas extensiones de la marca. Marca: El logotipo no es modificado y conserva la misma imagen en todo su aspecto, a finales del 2011 ESPN desarrollaría una extensión de marca con ESPN play entre otros para así poder abarca el mercado con mayor interactividad y alcance para brindar mejor y mas precisa información inmediata. Y eso se puede evidenciar en los banner del modelo de pagina del 2012. Tecnología: Durante los 5 años que lleva la pagina al aire, siempre utiliza la misma tecnología html.
  • 8. SITIO 3: TLC 1999 Diseño: El diseño de la pagina era en columnas, en colores negro: donde se situaba el logo en la parte superior izquierda y además se encontraba un banner con información ambiental, y de fondo de pantalla un color naranja. Marca: En su inicio no tenia logo definido, se manejaba bajo Tecnología: el canal Discovery, con su logo que era el planeta tierra Se hizo a partir de HTML con leguaje Java Script, era juna en medio de las palabras pagina muy básica con imágenes bastante pobres en DISCOVERY CHANNEL. resolución.
  • 9. SITIO 3: TLC 2003 Diseño: Se hace innovación en cuanto al diseño, se implementa un barra de inicio, se centra la información ya no va por columnas, en el espacio restante se pone un menú de información , la resolución de las imágenes mejora, y los colores también se Marca: modifican, se trabaja Se implementa el logo, ahora son las iniciales TLC en blanco y rojo y también adquieren un slogan “LIFE UNSCRIPTED” sobre rojo y blanco con negro para la barra de Tecnología: inicio y algunas parte Siguen trabajando con HTML y Java Script. del menú.
  • 10. 2008 Diseño: SITIO 3: TLC Se centra la pagina total, como se hace mas uso de las imágenes que del texto se sigue trabajando los colores blanco rojo y negro, y en la parte derecha de la pagina se deja una barra de videos. Marca: Se vuelve a modificar el logo esta vez las iniciales quedan blancas dentro de cuadros rojos, aunque son mayúsculas, la tipografía cambia lo que hace que se vea un poco mas amigable la marca, no tan seria, mas allegada al consumidor y su slogan también cambia “LIFE SURPRISES” lo que también hace mas cercana la marca. Tecnología: También se modifica su lenguaje de programación, se hace uso de XHTML 1.0 y Java Script1.
  • 11. SITIO 3: TLC 2011 Diseño: Cambia totalmente, se trabaja sobre un fondo totalmente blanco, la barra de videos se establece en la parte inferior, el contenido es muy poco en cuanto a textos manejan dos barras d e menú en la parte superior en color gris. Marca: El logo se mantiene pero se suprime el slogan, solo se soporta bajo la frase “ A DISCOVERY COMPANY”. Tecnología: continúan con XHTML 1.0 y Java Script .