Análisis sitios web

23
Análisis sitios web Ana María Gamboa Ossa Jairo Gallego Arango

description

Esta es el trabajo de análisis de sitios web para la clase de diseño de productos web.

Transcript of Análisis sitios web

Page 1: Análisis sitios web

Análisis sitios web

Ana María Gamboa Ossa

Jairo Gallego Arango

Page 2: Análisis sitios web

Página Avaaz

Es una página muy atractiva visualmente y logra captar la

atención del espectador.

Una imagen ocupa el mayor porcentaje de la página principal,

no se encuentra directamente 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.

Page 3: Análisis sitios web

Página PrincipalPágina

Principal

ArtículoArtículo

Page 4: Análisis sitios web

PÁGINA NATIONAL GEOGRAPHIC CHANNEL

Contiene una variedad de imágenes que al hacer clic llevan

al usuario a obtener más información al respecto.

También cuenta con videos.

La gama de colores que utilizan son tierra, a pesar de que no son tan

llamativos, la página tiene un aspecto visual muy agradable.

Acierto:interactividad conecta con Twitter y Facebook permite

la retroalimentación y la opinión.Desacierto: Su sección de juegos

es poco publicitada.

Page 5: Análisis sitios web

Twitter NatgeoTwitter Natgeo

Tweets usuariosTweets usuarios

EncuestasEncuestas

JuegosJuegos

Page 6: Análisis sitios web

PÁGINA WEB CNN

Gama de colores es reducida, principalmente usan el color rojo

el blanco y el negro.

Su composición es muy sencilla, tienen vínculos para noticias que se

ilustran con una pequeña imagen

Clasifican eficazmente las noticias por tema facilita al

usuario el proceso para encontrar la noticia de su

interés.

La página esta diseñada para que su navegación sea muy sencilla.

Page 7: Análisis sitios web

Página CNNPágina CNN

Page 8: Análisis sitios web

PÁGINA WEB SONY

La página es muy minimalista, los colores son muy básicos y neutrales (blanco y negro).

No llenan la página de información y tienen muchos espacios en

blanco que resaltan las imágenes y 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.

Page 9: Análisis sitios web

Perfiles SONYPerfiles SONY

Page 10: Análisis sitios web

Página Mercedes-Benz

Información distribuida y organizada por medio de botones

que las divide por secciones

Contenido basado en imágenes dinámicas. (carros que se

desplazan a medida que se oprime)

Acierto: interactividad como ver videos y opción de personalizar vehículo

Desacierto: la velocidad debe ser alta para navegar efectivamente.

Page 11: Análisis sitios web
Page 12: Análisis sitios web

Página Vespa

Información distribuida de forma lateral pero mantiene la

división por botones.

Contenido basado en imágenes dinámicas. Info de la empresa.

Noticias de la empresa.

Acierto: interactividad como la personalización (colores,

accesorios).

Desacierto: no ofrece cambio de idioma, limita acceso de usuarios.

Page 13: Análisis sitios web
Page 14: Análisis sitios web

Página LendingClub

Información distribuida en la barra superior. Usan gráficas basadas en sus experiencias.

Contenido: informativo-textual pocas imágenes. No usa video, se

limita a informar y ofrecer sus servicios.

Acierto: posibilidad de obtener crédito de una manera fácil.

Desacierto: página plana y estática, dada su naturaleza.

Page 15: Análisis sitios web
Page 16: Análisis sitios web

Página Lego

Información dividida en pocos grupos para que los niños no se

aburran.

Contenido: página dinámica (imágenes en movimiento).

Variedad de juegos. Muestra de favoritos.

Acierto: Propone jugar en línea, al tiempo de promocionar sus

productos.

Desacierto: no se vincula a redes sociales. No interactúa en chat.

Page 17: Análisis sitios web
Page 18: Análisis sitios web

Página Yale-New Haven

Hospital

Información dividida distribuida por sectores de especialidad

médica.

Contenido: prodominan imágenes que conectan a info-textual.

Acierto: posibilidad de encontrar a un médico. Conexión a redes

sociales. Fácil de usar.

Desacierto: los botones están saturados de información.

Page 19: Análisis sitios web
Page 20: Análisis sitios web

Elementos repetitivos

Cuentan con un menú superior

Tienen imágenes para captar la

atención.

Muchas brindan la opción de cambiar

el idioma.

Page 21: Análisis sitios web

Información general

Muestran noticias aunque ambas páginas comparten la

información de manera diferente.

Sitio más básico, es el típico formato de

compartir

Comunidad activista que espera mover

masas y crear puntos de vista.

Page 22: Análisis sitios web

Aciertos y desaciertos generales

Cnn cuenta con iReporter, brinda la oportunidad de

aportar imágenes e información que sean

noticia.

Contenidos desarrollada en flash, lo que limita el acceso de usuarios que entran por

medio de tabletas como iPad.

Page 23: Análisis sitios web

Páginas favoritas

Atractivas visualmente, manejo Atractivas visualmente, manejo de colores muy agradable y la de colores muy agradable y la

información esta acomodada de información esta acomodada de buena manera.buena manera.