Post on 09-Mar-2016
description
José Ignacio Noguera Aguirre
Taller Diseño Gráfico VIDGT6011-001DJorge Barrera
Encargo 3 Análisis de páginas web
Índice
ANÁLISIS DE PÁGINAS WEB
• Mozilla.
Mozilla
http://www.mozilla.com/en-US/firefox/upgrade.html
Es un sitio amable en cuanto a la expe-riencia de explorarlo y encontrar el con-tenido referente a su producto. No solo por un tema estético -que está bien re-suelto- sino inclusive por la redacción que ocupa en sus textos más la jerarquía de lectura que tiene. También ofrece un sumario de enlaces, al final de la página, para llegar directamente a algún conte-nido en específico sin tener que encon-trarse con información adicional.La página de inicio funciona muy bien
como tal debido a la simplesa, lo conci-so y amable.
Infografíasobre la velocidad del navegador
Enlaces de Interéssobre los beneficio de Firefox
Lista de contenidosde la página
Menú Mozilla
Headmensaje breve introductorio
Marca del Productohace un buen contraste con el resto de la página, por lo que es
bien llamativo
Baja de Textoexplica en distintas áreas su ar-gumento del por qué debiéramos
preferir Firefox
Menú Firefoxpara acceder a características del navegador
Imagen de fondocambia cada vez que uno ingresa o actualiza la página. Colores sua-ves para potenciar el contenido en el contraste.
Pirata London
http://www.piratalondon.com/
Un microblogging de la empresa ‘Pi-rata London’ donde suben información referente a lo que hacen o relacionado. Su contraste cromático es un poco pro-blemático ya que no se distingue bien al verlo a luz de día. No explica muy bien en un primer golpe de vista lo que es o lo que informa, además de tener un extensa página de inicio (hace demoroso la lec-tura para saber de que trata). Cada post está apoyado por una imagen y un bre-ve texto, debidamente titulado y rotulado, con la información pertinente.
Ima
ge
n d
el p
ost
es
la p
rim
era
le
ctu
ra q
ue
un
o h
ace
en
la p
ág
ina
Bo
ton
era
‘Next’
y ‘P
revio
us’
ha
ce q
ue
la e
xp
eri
en
cia
de
la le
ctu
ra d
el c
on
ten
ido
se
a m
ás
am
en
a, a
l n
ave
ga
r p
or
los
dif
ere
nte
s p
ost
si
n u
sar
el s
cro
ll
En
lace
pa
ra e
ntr
ad
as
an
teri
ore
sb
ien
su
til
Ima
ge
n d
e f
ond
o d
el p
ost
po
ten
cia
cro
máti
ca
me
nte
la e
ntr
ad
a, p
ue
sto
qu
e e
s la
mis
ma
im
ag
en
qu
e s
e m
ue
stra
pero
más
gra
nd
e
y p
íxe
lad
a, si
n e
mb
arg
o a
l se
r e
sta
mis
ma
im
ag
en
e
stá lo
s m
ism
os
colo
res,
po
r lo
qu
e lo
ha
ce m
ás
lla-
ma
tivo
ca
da
po
st c
on
sid
era
nd
o e
l re
cu
ad
ro n
eg
ro
qu
e s
irve
de
so
po
rte
pa
ra e
l co
nte
nid
o
Owltastic
http://owltastic.com/
Página personal de Meagan Fisher, tiene un problema similar con ‘Pirata London’ en cuanto lo extenso de la página de ini-cio, no obstante ofrece una interactividad con la página que permite que sea ame-namente navegable. Tiene un buen con-traste entre la imagen de fondo, paleta de color y tipografía. Tiene especial re-cursos de imágenes como apoyo de con-tenido, pero al tratarse quizás de una pá-gina personal, los bloques de textos son extensos y n jerarquizados exceptuando por el titulo del post.
Frozn
http://www.frozn.fi/
Página finlandesa, si bien no conozco el idioma y por ende no puedo acceder fa-cilmente a la información, tiene bien de-sarrollado el soporte que contiene lo que quieren comunicar. Las secciones están muy bien marcadas y el ritmo de lectura está bien definido.Paleta de colores frío, sin embargo tie-
ne trazos “dibujado a mano” como tam-bién imágenes de apoyo, lo que le otorga cierta calidez a la vista.
Botón de desplieguepermite no recargar de informa-ción la página al tenerla ‘plega-da’ así el usuario decide ver esa información
Imagen <head>más el breve texto es un gran re-curso para introducirnos sobre el
contenido de la página
Bajada de Textobloques de información descripti-vos para introducirnos en un pun-
to específico del contenido
Menú de navegaciónpara acceder a otros ítems de la
página
Detalle estéticoel hecho de ver elementos grá-ficos propios de una ‘mano alza-da’ otorga a la página cierta ca-lidez, además de funcionar como un separador de bloques
Carsonified
http://carsonified.com/
Página de una agencia de diseño, per-sonalmente la que mejor página de inicio tiene junto con la de ‘Mozilla’, puesto que la obtención de una información especí-fica es rápida debido a la jerarquización de contenido y la navegabilidad de la pá-gina. No tiene una extensión muy grande, lo que permite un dominio de lectura. El contraste es muy alto y de fácil lectura. Para evitar problemas de fuentes en los navegadores y mantener su línea gráfica, ocupa imágenes donde puedan usar la tipografía que les convenga.
Menú de navegacióncon apoyos de imágenes cuando el cursor pada por encima
Enlacesinformación de contacto
Marcacolocado en la esquina superor izquierda, punto de inicio de una lectura secuencial formal occi-
dental
Mensaje de apoyoocupando un tipo de fonts especial, pero en formato imagen para mantener la línea gráfica
de la página
Serviciosque entrega la empresa Carsonified, puesto en diferentes enlaces con imagen de texto para poder trabajar con esa tipografía y sea vista por todos los usuarios inde-pendiente del navegador