El documento presenta un análisis visual de varias páginas web. Resalta que la mayoría estructuran la información de manera similar, con imágenes y títulos que desarrollan el contenido. El menú de navegación suele estar en la parte superior. Las páginas más informativas ofrecen poca interacción, mientras que las dirigidas a niños son más interactivas. La página de Mercedes-AMG destaca por su alta interactividad y por informar de manera atractiva al usuario.

1. Análisis
visual
Desarrollo web avanzado

2. AVAAZ.org
Análisis de la propuesta visual:
• La distribución de la información es buena, diferenciando los artículos uno de
otro y es de fácil acceso para el usuario
• El sistema de navegación es bueno pero debería tener un menú
desplegable para ver la información de cada sección y no tener que
acceder a cada una para ver el contenido.
• La ubicación de las imágenes y los videos son acordes al diseño que lleva la
página, no son excesivos y sirven de apoyo al texto. No hoy mucha
interacción con el usuario.
Avaaz.org ofrece al usuario una
comunidad global de movilización
online para tomar las ideas de la
ciudadanía y llevarlas a propuestas
globales . En ella se encuentra
información sobre la situación
política del mundo y lo que esta
acarrea.

3. La información que ofrece es
acerca de los programas que
dan en televisión. Las temáticas
son diferentes hay tanto de
ciencia como de historia,
tecnología, cuerpo humano,
arte y entre otros.
Análisis de la propuesta visual:
• La información es corta y concisa, se logra diferenciar muy bien los títulos de los
subtítulos , saben jugar con los colores de su logo además la tipografía que utiliza
es adecuada para la información que manejan y la distribución de dicha
información esta ubicada de una manera muy organizada.
• El sistema de navegación es muy interactivo, muy fácil de usar, se encuentra las
cosas a solo simple vista.
• La calidad de las imágenes es excelente y algunas imágenes llegan a explicar el
contenido de la información además ayudan a realzar el diseño de la pagina,
tiene juegos esto ayuda que la pagina no se vuelva monótona.
Natgeo.tv

4. Cnn.com
• La información que contiene la página es concisa solo que como manejan un gran
volumen de información puede llegar a asfixiar al usuario, pero la estructuración
hace fácil la brusquedad y acceso a las noticias.
• A pesar de que posee gran cantidad de información el sistema de navegación se
hace fácil ya que los botones u enlaces están bien ubicados donde el usuario lo
pueda ver con gran facilidad.
• La sección de videos esta muy bien organizada ya que esta subdivisiones y cada
subdivisión tiene sus categorías. Los videos y las imágenes están en muy buena
calidad y los videos cargan rápidamente y esto es bueno ya que el usuario no se
aburre.
• La interactiva que maneja es muy buena ya que no es una pagina que solo
muestra noticas si no que incluyen al usuario en algún reportaje que este en el
momento.
La información que ofrece esta
Pagina son noticias internacionales.

5. La información que ofrece es
sobre sus producto tanto como el precio,
características y una tienda
virtual donde se pueden adquirir a
su vez ofrece servicio técnico
• La información que presenta la pagina es concisa y la necesaria para vender sus
productos ya que lo mas importante para la venta de sus productos aparte de las
características son las imágenes que muestran de ellos.
• El sistema de navegación es muy fácil de acceder, no hay quedar muchos clic, los
colores son acordes al tema que lleva a toda la línea de producto; pero una
desventaja es que al presionar un botón re-direcciona a otras paginas referentes a la
marca lo cual hace muy difícil volver a la pagina principal.
Sony.com

6. Mercedes-amg.com
• Es una pagina muy interactiva pero la desventaja es que como está hecha en flash
no se puede acceder desde los dispositivos móviles. La información que maneja es
muy breve ya que solo la utilizan para la descripción del automóvil o para hablar un
poco de la ingeniería que estos carros tienen y su historia.
• La página es completamente interactiva con el usuario, dándole muchas opciones
como elegir el carro que desee y si quiere conocer mas de él solo basta con unos
pocos clic y pasar el mouse encima de la Imagen que automáticamente aparece
una breve descripción, también ofrece juegos y diferentes actividades para elegir el
carro deseado.
La información que ofrece es
referente a los carros que son su
producto principal, dando a
conocer en ella todas las
características de este.

7. La información que brinda la
página es acerca de la marca
Vespa la cual ofrece motos y
accesorios relacionados a estas.
• Lo que tiene de interesante esta pagina es que la información que maneja es
mínima y la unen con la interactividad por ende lo que el usuario debe leer es
poco.
• El sistema de navegación es muy sencillo cuenta con un menú que se encuentra al
lado izquierdo que siempre esta estático lo que hace fácil volver a las paginas; pero
esta simplicidad a su vez la puede volver monótona.
It.vespa.com

8. Lendingclub.com
• Acerca de la información de la pagina es la adecuada para las consultas
de los usuarios interesados en el tema de las finanzas, la información esta
bien estructura y para no hacerla tan aburrida incluye estadísticas de
investigaciones que han realizado.
• La pagina no es interactiva, las imágenes que posee son para ambientar el
sitio y no hacerlo aburrido.
• El sistema de navegación es simple y adecuado para el usuario que es
inexperto.
La información que
brinda es financiera para
los diferentes
inversionistas del
mercado.

9. La información que brinda
es sobre los producto que
ofrece lego en el
mercado.
• La información que maneja es mínima puesto que la pagina esta diseñada
para niños, entonces lo que debe importar son las imágenes, las cuales son
muy interactivas, también ofrecen juegos para llamar la atención de los
niños y de esta manera vender su producto.
• El menú de navegación es sencillo con muy pocos clic para que los niños se
pueden guiar fácilmente.
• La pagina es llamativa, explicita e interactiva con los niños.
Lego.com

10. Usbcali.edu.co
• La información de dicha pagina esta debidamente estructurada y
brinda la información necesaria para todo el plantel estudiantil y
personas que desean conocer las instalaciones, los programas y
semilleros de investigación.
• El menú es muy sencillo aunque hay que dar muchos clic para llegar a
un objetivo especifico.
• Esta pagina no posee nada de interactividad ya que es de un plantel
institucional y su finalidad es informar lo que sucede alrededor de la
universidad.
La información que brinda es
sobre todo lo relacionando
sobres los servicios que ofrecen
la universidad de San
Buenaventura Cali y mantener
actualizados sobre los eventos
que allí se llevan acabo.

11. Elementos comunes o repetitivos
• La estructuración de la información en casi todas las páginas es
igual, se encuentran imágenes con un título y de allí se desarrolla
una lectura relacionada
• El posicionamiento del menú de navegación es el mismo, en casi
todos los sitios se encuentre en la parte de arriba después de un
encabezado de la página.
• Las páginas mas tradicionales, que tocan un tema un poco más
serio son muy parecidas, en cuanto a el diseño de la página, la
interacción mínima con el usuario y la forma de presentar la
información.

12. Sitios web preferidos
1. Mercedes-amg.com, nos gustó mucho por su completa
interactividad, y a demás es una página íntegra, la cual no deja
de informar al usuario, pero de una forma llamativa ;
envolviéndolo en el tema completamente.
A demás de que tiene un muy buen diseño, es practica y de
fácil acceso.

13. Luisa Fernanda Carvajal
Vanessa Muñoz