Encargo 3
Análisis de páginas web
José Ignacio Noguera Aguirre Taller Diseño Gráfico VI DGT6011-001D Jorge Barrera
Índice ANÁLISIS DE PÁGINAS WEB
• Mozilla. • Pirata London. • Owltastic. • Frozn. • Carsonified.
{índice}
Mozilla
Es un sitio amable en cuanto a la experiencia de explorarlo y encontrar el contenido referente a su producto. No solo por un tema estético -que está bien resuelto- 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 contenido en específico sin tener que encontrarse con información adicional. La página de inicio funciona muy bien como tal debido a la simplesa, lo conciso y amable. http://www.mozilla.com/en-US/firefox/upgrade.html
{índice}
Menú Mozilla Head
mensa je breve introductorio
Menú Firefox
para acceder a características del navegador
Marca del Producto
hace un buen contraste con el resto de la página, por lo que es bien llamativo
Imagen de fondo
cambia cada vez que uno ingresa o actualiza la página. Colores suaves para potenciar el contenido en el contraste.
Ba ja de Texto
explica en distintas áreas su argumento del por qué debiéramos preferir Firefox
Infografía
sobre la velocidad del navegador
Enlaces de Interés
sobre los beneficio de Firefox
Lista de contenidos
de la página
Pirata London
{índice}
Un microblogging de la empresa ‘Pirata London’ donde suben información referente a lo que hacen o relacionado. Su contraste cromático es un poco problemá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 lectura para saber de que trata). Cada post está apoyado por una imagen y un breve texto, debidamente titulado y rotulado, con la información pertinente.
http://www.piratalondon.com/
bien sutil
{índice}
Enlace para entradas anteriores
potencia cromáticamente la entrada, puesto que es la misma imagen que se muestra pero más grande y píxelada, sin embargo al ser esta misma imagen está los mismos colores, por lo que lo hace más llamativo cada post considerando el recuadro negro que sirve de soporte para el contenido
Imagen de fondo del post
hace que la experiencia de la lectura del contenido sea más amena, al navegar por los diferentes post sin usar el scroll
Botonera ‘Next’ y ‘Previous’
es la primera lectura que uno hace en la página
Imagen del post
Owltastic
{índice}
Página personal de Meagan Fisher, tiene un problema similar con ‘Pirata London’ en cuanto lo extenso de la página de inicio, no obstante ofrece una interactividad con la página que permite que sea amenamente navegable. Tiene un buen contraste entre la imagen de fondo, paleta de color y tipografía. Tiene especial recursos de imágenes como apoyo de contenido, 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.
http://owltastic.com/
{Ăndice}
Frozn
{índice}
Página finlandesa, si bien no conozco el idioma y por ende no puedo acceder facilmente a la información, tiene bien desarrollado 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 tiene trazos “dibujado a mano” como también imágenes de apoyo, lo que le otorga cierta calidez a la vista.
http://www.frozn.fi/
{índice}
Imagen <head>
más el breve texto es un gran recurso para introducirnos sobre el contenido de la página
Ba jada de Texto
bloques de información descriptivos para introducirnos en un punto específico del contenido
Menú de navegación
para acceder a otros ítems de la página
Botón de despliegue
permite no recargar de información la página al tenerla ‘plegada’ así el usuario decide ver esa información
Detalle estético
el hecho de ver elementos gráficos propios de una ‘mano alzada’ otorga a la página cierta calidez, además de funcionar como un separador de bloques
Carsonified
http://carsonified.com/
{índice}
Página de una agencia de diseño, personalmente 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.
{índice}
Marca
colocado en la esquina superor izquierda, punto de inicio de una lectura secuencial formal occidental
Menú de navegación
con apoyos de imágenes cuando el cursor pada por encima
Mensaje de apoyo ocupando un tipo de fonts especial, pero en formato imagen para mantener la línea gráfica de la página
Servicios
que entrega la empresa Carsonified, puesto en diferentes enlaces con imagen de texto para poder traba jar con esa tipografía y sea vista por todos los usuarios independiente del navegador
Enlaces
información de contacto