Analisis Web

Page 1

Análisis Web

Sebastian Paz Taller Diseño Gráfico VI


Sitio Web http://wufoo.com/ Coherencia en la rotulación y lógica de navegación Los títulos de los textos responden de forma clara a las preguntas más básicas que puede tener el usuario, como ¿Qué es? ¿Para que sirve? o ¿Cómo se hace?.

Consistencia Contenidos De acuerdo al análisis de los contenidos, tienen una estrecha relación con los servicios que prestan, todo claramente explicado y ocupando textos concisos, párrafos cortos.

Estructura Visual y Contraste En la cabecera, la marca “wufoo”, en alto contraste junto con 2 botones abajo, registrar y tour, todo bien destacado ya que ocupa colores muy llamativos. Los títulos de los textos también están organizados de acuerdo a colores.El homepage es casi idéntico a las demás secciones, sólo cambia la imagen de cabecera, según sea el nombre de la sección, por ejemplo, en About aparecen los miembros del equipo “wufoo”.


Sitio Web http://www.bancochile.cl Coherencia en la rotulación y lógica de navegación Es complejo lograr descubrir una lógica de navegación en este tipo de sitios, porque el sitio maneja mucha información, cuentas de usuario, quienes somos, bienes y servicios, tarjetas de crédito, etc. Los textos están bien organizados, destacados algunos con un tono anaranjado, bien redactados, explicando con una frase corta a lo que se refiere. Por otro lado es fácil volver al inicio o homepage, ya que se repite un botón “Inicio” en todas las secciones junto con la cabecera “Banco de Chile”.

Consistencia Contenidos Los textos están bien organizados, de acuerdo al tipo de contenidos, textos redactados para facilitar la comprensión de la gente, sin palabras desconocidas

Estructura Visual y Contraste Altamente contrastado donde predomina el blanco y el azul corporativo.


Sitio Web http://www.sii.cl/ Coherencia en la rotulación y lógica de navegación La información que maneja el sitio es demasiada y si bien la gráfica del sitio no es muy amigable, bastante simple, su funcionalidad es excelente, fácil de acceder e información clara, lo que facilita el acceso a usuarios sin tanta experiencia en Internet.

Consistencia Contenidos Todo el texto que aparece, está bien redactado, no deja espacios para la ambigüedad, lo que en un sitio de impuestos internos es muy importante. Al pinchar en algún título, es efectivamente lo que dice que es.

Estructura Visual y Contraste La estructura visual está bien organizada, 3 columnas centrales, con buen contraste entre cada columna, quizás resulta aburrida a la vista, y no produce ese interés en el contenido del usuario debido a los colores que tiene. La coherencia entre el homepage y el resto de la Web no existe


Sitio Web http://www.gmail.com/ Coherencia en la rotulación y lógica de navegación La primera visión que el usuario tiene al entrar a Gmail.com, por primera vez, es el logotipo de Gmail, luego se contesta la pregunta, ¿Qué es?, de forma clara, esto funciona bastante bien. El texto está bien organizado y redactado de forma simple, ocupando lenguaje de fácil entendimiento.

Consistencia Contenidos Textos breves, contenidos dispuestos de forma claro, “Mucho espacio”, “Acceso para móviles”, “Menos spam”, ocupando íconos muy didácticos y explicativos.

Estructura Visual y Contraste Predominio del blanco, algo minimalista en la disposición de elementos, es eficaz y de rápida interacción con el usuario. Buen contraste entre los textos y el fondo, destacando algunos con el uso de contenedores de color.


Sitio Web http://www.bancoestado.cl/ Coherencia en la rotulación y lógica de navegación La vista general de sitio centra la vista al lado izquierdo, donde está el menú principal, bien rotulado “Banco en Linea” y “Productos y Servicios”, si bien son títulos generales, es fácil para el usuario lograr interactuar con el sitio. Existe un pequeño título “Inicio”, para que el usuario sepa en que sector del sitio se encuentra.

Consistencia Contenidos El contenido en general está bien diagramado, con información que el usuario busca, y noticias respecto al ámbito de créditos y ahorro.

Estructura Visual y Contraste Revisando otros sitios de bancos, quizás le falta potenciar más el encabezado, donde se encuentra el logotipo, ya que está como en segunda lectura dentro del Sitio. Color rojo, en este caso, actúa bastante bien destacando ciertas zonas de importancia para el banco contrastando con el fondo blanco.


Sitio Web http://www.lipigas.cl/ Coherencia en la rotulación y lógica de navegación Al entrar al sitio web de Lipigas principalmente se centra la vista en 4 imágenes que tienen rótulos, como: Servicio al Cliente, Distribuidores, esto es bastante interactivo para el usuario. Eso si, existe un rotulo que no se comprende al leer el sitio por primera vez, PAE, en ninguna parte sale que es PAE, y el rotulo no se explica por si solo.

Consistencia Contenidos El contenido es de interés por los usuarios, secciones como “Cobertura” o “Pedidos”. El texto redactado está bien jerarquizado con elementos visuales, listas e imágenes.

Estructura Visual y Contraste Se destaca bien el encabezado con la marca, y la forma de disponer el menú central hace ver al sitio bastante dinámico. Logra un buen contraste el amarillo, el fondo blanco y la tipografía azul, se ve armónico.


Sitio Web http://www.greenpeace.com Coherencia en la rotulación y lógica de navegación El usuario se enfrenta en primera línea con el encabezado destacando en forma especial el logotipo de Green peace junto con una imagen de naturaleza, después se centra la visión al centro de la Web, donde aparecen imágenes bastante “emocionales” de animales, el menú y la forma de distribuir el sitio, hace que el usuario interactué fácilmente. Existe plena concordancia entre el Homepage y el resto de la Web, utilizando los mismos elementos de diagramación.

Consistencia Contenidos Los contenidos son muchos, pero el grado de jerarquización logrado es bueno, por ejemplo, “Donate” o “Greenpeace Victories” son muy claros.

Estructura Visual y Contraste En general el sitio en el aspecto visual funciona bien, cada sección del sitio está destacada con tonos verdes, anaranjados, esto ayuda al usuario a lograr clasificar la información. El contraste entre tipografía y fondo es bueno, quizás falta mayor trabajo en la zona central de la Web, donde aparecen las noticias, mas trabajo en cuanto a párrafos.


Sitio Web http://www.emol.com/ Coherencia en la rotulación y lógica de navegación Un Sitio plenamente informativo, al acceder el usuario lo primero que ve es la marca “Emol”, separada del resto de información con espacios blancos, causando que la marca en el encabezado resalte. Los textos están bien rotulados ocupando el contraste de la Web y el espacio entre párrafos como elemento vital, dentro de un sitio muy saturado.

Consistencia Contenidos Como es un sitio informativo, maneja gran cantidad de información, de variados contenidos de interés para los distintos tipos de usuarios que lo visitan.

Estructura Visual y Contraste El sitio se compone por un encabezado, y 4 columnas de diversos tamaños y colores, la columna principal es la de noticias, que ocupa el tamaño tipográfico como elemento para destacar en medio del caos visual que produce la Web. Predominan matices grises y azules que contrastan con el fondo blanco.


Sitio Web http://www.nexodigital.com.ar/ Coherencia en la rotulación y lógica de navegación Si bien al entrar al sitio se contesta la pregunta ¿Qué es? al usuario, pero no está bien destacado. El menú ubicado debajo del encabezado con el logotipo, es horizontal, y está bien rotulado, ya que los nexos utilizados son explícitos. Todos los objetos tienen igual peso visual. El menú izquierdo, “Modulos” no tiene claridad y no existe un nexo entre el Homepage y las distintas secciones.

Consistencia Contenidos Referidos al tema, dedica columnas especiales para explicar su tipo de diseño, sus fortalezas y otra para publicar noticias, no muy claro si es publicidad o efectivamente una noticia.

Estructura Visual y Contraste Tiene una pésima estructura visual ya que no logra potenciar la marca, e incentivar al usuario a navegar por la Web, ya que no existen elementos que resalten plenamente unos de otros. El contraste está bien trabajado, fondo blanco, matices de gris y rojo


Sitio Web https://www.aguasandinas.cl/ Coherencia en la rotulación y lógica de navegación Si bien la página es simple, está perfectamente rotulada, cada rotulo es claro, explícito y consistente. La marca está ubicada en un buen lugar y el resto de los elementos están dispuestos de forma “aireada”, dando espacios importantes entre cada elemento. Para el usuario es fácil relacionarse e interactuar con la página.

Consistencia Contenidos Los contenidos están dispuestos de forma tal que se organizan en 5 ámbitos, Cliente, Empresa, Mi cuenta, etc. Hay un menú en la parte inferior, “Pague Aquí”, “Cortes Programados” y “Contáctenos”, información toda de relevancia.

Estructura Visual y Contraste La diagramación da una sensación de libertad al usuario, contrastan bien los elementos gracias al fondo blanco y los matices de azul y gris presentes en los menús. En general, es una Web simple, eficaz y eficiente.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.