El documento analiza las características de diseño de varias páginas web populares como Avaaz, National Geographic Channel, CNN, Sony, Mercedes-Benz, Vespa, LendingClub, Lego y Yale-New Haven Hospital. Describe cómo distribuyen y organizan la información, los colores y contenidos utilizados, así como aciertos y desaciertos en su diseño interactivo y facilidad de uso.

1. sitios web
Análisi s a
boa Oss
ría Gam ngo
Ana Ma ego Ara
ll
J airo Ga

2. Página Avaaz
Una imagen ocupa el mayor
Es una página muy atractiva porcentaje de la página principal,
visualmente y logra captar la no se encuentra directamente
atención del espectador. con grandes cantidades de texto
Los colores que manejan en su
mayoría son fríos como el azul,
aunque también contienen
colores cálidos como el rosado,
para resaltar alguna
información.

3. Página
Página
Principal
Principal
Artículo
Artículo

4. PÁGINA NATIONAL GEOGRAPHIC CHANNEL
Contiene una variedad de La gama de colores que utilizan son
imágenes que al hacer clic llevan tierra, a pesar de que no son tan
al usuario a obtener más
llamativos, la página tiene un
información al respecto.
También cuenta con videos. aspecto visual muy agradable.
Acierto:interactividad conecta
con Twitter y Facebook permite Desacierto: Su sección de juegos
la retroalimentación y la opinión. es poco publicitada.

5. Tweets usuarios
Tweets usuarios
Encuestas
Encuestas
Twitter Natgeo
Twitter Natgeo
Juegos
Juegos

6. PÁGINA WEB CNN
Gama de colores es reducida, Su composición es muy sencilla,
principalmente usan el color rojo tienen vínculos para noticias que se
el blanco y el negro. ilustran con una pequeña imagen
Clasifican eficazmente las
noticias por tema facilita al La página esta diseñada para que
usuario el proceso para su navegación sea muy sencilla.
encontrar la noticia de su
interés.

7. Página CNN
Página CNN

8. PÁGINA WEB SONY
No llenan la página de información
La página es muy minimalista, los y tienen muchos espacios en
colores son muy básicos y blanco que resaltan las imágenes y
neutrales (blanco y negro). los textos que sean principales.
Conecta con perfiles en redes
sociales pero van más enfocados
a compartir información en vez
de darle la voz al usuario.

9. Perfiles SONY
Perfiles SONY

10. Página Mercedes-Benz
Información distribuida y Contenido basado en imágenes
organizada por medio de botones dinámicas. (carros que se
que las divide por secciones desplazan a medida que se oprime)
Acierto: interactividad como Desacierto: la velocidad debe ser
ver videos y opción de alta para navegar efectivamente.
personalizar vehículo

12. Página Vespa
Información distribuida de Contenido basado en imágenes
forma lateral pero mantiene la dinámicas. Info de la empresa.
división por botones. Noticias de la empresa.
Acierto: interactividad como la Desacierto: no ofrece cambio de
personalización (colores, idioma, limita acceso de usuarios.
accesorios).

14. Página
LendingClub
Información distribuida en la Contenido: informativo-textual
barra superior. Usan gráficas pocas imágenes. No usa video, se
basadas en sus experiencias. limita a informar y ofrecer sus
servicios.
Acierto: posibilidad de obtener Desacierto: página plana y
crédito de una manera fácil. estática, dada su naturaleza.

16. Página Lego
Información dividida en pocos Contenido: página dinámica
grupos para que los niños no se (imágenes en movimiento).
aburran. Variedad de juegos. Muestra de
favoritos.
Acierto: Propone jugar en línea, Desacierto: no se vincula a redes
al tiempo de promocionar sus sociales. No interactúa en chat.
productos.

18. Página Yale-New Haven
Hospital
Información dividida distribuida Contenido: prodominan imágenes
por sectores de especialidad que conectan a info-textual.
médica.
Acierto: posibilidad de encontrar Desacierto: los botones están
a un médico. Conexión a redes saturados de información.
sociales. Fácil de usar.

20. Elementos repetitivos
Cuentan con un
menú superior
Tienen imágenes Muchas brindan la
para captar la opción de cambiar
atención. el idioma.

21. Información general
Muestran noticias aunque
ambas páginas comparten la
información de manera
diferente.
Comunidad activista Sitio más básico, es
que espera mover el típico formato de
masas y crear compartir
puntos de vista.

22. Aciertos y desaciertos generales
Cnn cuenta con iReporter, Contenidos desarrollada en
brinda la oportunidad de flash, lo que limita el acceso
aportar imágenes e de usuarios que entran por
información que sean medio de tabletas como
noticia. iPad.

23. Páginas favoritas
Atractivas visualmente, manejo
de colores muy agradable y la
información esta acomodada de
buena manera.