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 (20)

Exdese
ExdeseExdese
Exdese
 
nataly pineda 1103
 nataly pineda 1103 nataly pineda 1103
nataly pineda 1103
 
Fiestas y costumbres en países de habla hispana
Fiestas y costumbres en países de habla hispanaFiestas y costumbres en países de habla hispana
Fiestas y costumbres en países de habla hispana
 
Personaje histórico
Personaje históricoPersonaje histórico
Personaje histórico
 
Trabajo 2
Trabajo 2Trabajo 2
Trabajo 2
 
Presentación 4
Presentación 4Presentación 4
Presentación 4
 
Impresión de fax de página completa
Impresión de fax de página completaImpresión de fax de página completa
Impresión de fax de página completa
 
Afiches (breve explicación)
Afiches (breve explicación)Afiches (breve explicación)
Afiches (breve explicación)
 
Cosas del ordenador
Cosas del ordenadorCosas del ordenador
Cosas del ordenador
 
Curaciones naturales
Curaciones naturalesCuraciones naturales
Curaciones naturales
 
Portfolio alumna
Portfolio alumnaPortfolio alumna
Portfolio alumna
 
1 vision general
1 vision general1 vision general
1 vision general
 
MANUAL ZOOBURST
MANUAL  ZOOBURSTMANUAL  ZOOBURST
MANUAL ZOOBURST
 
Uni 02 act 01 power point
Uni 02 act 01 power pointUni 02 act 01 power point
Uni 02 act 01 power point
 
Manual seven para configurar acceso
Manual seven para configurar accesoManual seven para configurar acceso
Manual seven para configurar acceso
 
Robotica 8
Robotica 8Robotica 8
Robotica 8
 
Entreguerras4ªcmarta valerio
Entreguerras4ªcmarta valerioEntreguerras4ªcmarta valerio
Entreguerras4ªcmarta valerio
 
Sistema digestivo
Sistema digestivoSistema digestivo
Sistema digestivo
 
Historia del impresionismo 2
Historia del impresionismo 2Historia del impresionismo 2
Historia del impresionismo 2
 
Presentación1
Presentación1Presentación1
Presentación1
 

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 web Analisis 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 web Analisis 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 .