Entrega Nª 5

Láminas con registro de las fiestas patrias que posean piezas gráficas y layout web respectivamente de cada una de ellas. (3 y 3)

Get your own - Open publication

Entrega Nº 4...

La idea es entregar un proyecto bien fundado y argumentado en base a una idea cualquiera de Diseño.
La presentación va desde la exploración de la temática, Blueprint de sitio, Wireframes, Mockups y maquetación del sitio.

Pauta:

• Un tema central


• 3 a 5 temas satélites


• 20 páginas mínimo de exploración de sitio

Get your own - Open publication

Entrega Nº 3...

Estudio de Referentes o más conocido como Benchmarking.

Escoger y analizar 10 Sitios Web con los siguientes puntos:
1. Contenidos

* Coherencia en rótulos. Se refiere a los nombres de los títulos, enlaces.
* Lógica de navegación.(Como esta estructurada).
* Consistencia del contenido. Este presenta una estructura completa o hay quiebres o aspectos no abordados.

2. Diseño

* ¿La estructura visual(composición, espacio, color, contraste, matices, imagen) ayuda a una navegación fluída?. Testear el contraste para la lectura.
* Medir la unidad visual entre homepage e interiores. Crear gráficos para este punto.

Criterio de elección: Sitios de más frecuente Navegación personal. Segundo criterio son sitios asociados a diseño de importancia vital, sitios que manejan personas, muchos usuarios, que estén en el sector público o que sirvan a las necesidades del la población.

DESARROLLO:


El Banco de Chile es la segunda institución financiera más grande de Chile, detrás del Santander Chile
El Banco de Chile es un banco comercial que proporciona una completa gama de productos y servicios financieros a una amplia base de clientes, que incluye a grandes corporaciones, pequeñas y medianas empresas y banca de personas, a través de una red nacional de 237 sucursales, 807 cajeros automáticos y otros canales de distribución electrónicos.

Análisis

Rotulación:
Los rótulos se encuentran dispuestos en sus respectivas columnas y claramente demarcados, son de corte informativo y mantienen una uniformidad.

Lógica de navegación:
La falta de jerarquía de la información hace perder la lógica de navegación. Es facil ver que no existen partes más importantes que otras. Solo se puede apreciar que de 3 columnas, existe una central, que sin embargo tampoco muestra información más relevante que las otras.

Concistencia del contenido (se rompe?)
No existe mayor jerarquización en temas de información. La arquitectura de la información no se encuentra bien definida, lo que dificulta el orden de lectura.

Diseño visual (ayuda a la navegación?)
La estética del sitio se enuentra definida en gran parte por la paleta cromática que este tiene.
La página está construida a 3 columnas y casa una con respectivas filas.
Posee tres menus en el inicio, cosa que lo hace confuso.
La demarcación de los textos los hace facilmente reconocibles, sin embargo, el exceso de información central y la falta de jerarquía o orden visual, dificulta el momento de explorar el sitio.

Medir coherencia visual (homepage/interiores)
La paleta cromatica se mantiene en el total de la páginas. Por otro lado, la estructura y forma en que se expone el contenido de las páginas es un diseño básico pero que hace referencia del “home”.
------------------------------------------------------------------------------------


Banco del Estado de Chile (nombre publicitario BancoEstado), es el banco estatal de Chile, creado legalmente en 1953. Presta servicios financieros a particulares y empresas. Sus principales giros de negocios son los ahorros, préstamos hipotecarios, a las PYME y empresas en general. Además por medio de la Cuenta Única Fiscal, administrada por la Tesorería General de la República, es la institución que realiza todas las actividades financieras del fisco de Chile. Tiene sus antecedentes en la Caja Nacional de Ahorros creada en 1855.
Análisis

Rotulación:
Tienen buen contraste en cuanto al diseño del sitio, fncionan perfectamente para el menú, pie de imagenes y otras aplicaciones.

Lógica de navegación.
Se da a traves de un unico menú principal que te lleva a las diversas secciones del banco. No presenta más información adicional en el home aparte de la del menú.

Concistencia del contenido (se rompe?)
Tiene un sencillo orden de lectura ya que el contenido es bastante explicito y es relativamente fácil acceder a el.

Diseño visual (ayuda a la navegación?)
Existe un juego de colores respecto de los corporativos de la empresa para resaltar, destacar o segmentar la información.
En cuanto a la estructura, se puede apreciar que solo consta de un menú principal que te lleva a navegar por toda la página y dependiendo cual sea la opción, se pueden ir desplegando otros menus.

Medir coherencia visual (homepage/interiores)
existe relativa coherencia respecto de los colores que se decidieron utilizar en las páginas interiores y en cuanto a la estructura, se puede apreciar cierta intencionalidad entre las páginas interiores y el home....elementos como el color, franjas, logo, etc.
-----------------------------------------------------------------------------------


El Banco Santander-Chile (también conocido por su nombre comercial, Santander) es una empresa bancaria chilena, filial del Grupo Santander. Surge de la fusión, ocurrida en 2002, de los bancos Santander y Santiago.
Análisis

Rotulación:
Existe jerarquía y buena disposición de los rótulos. Los hay como menú al lado izquierdo, de seguimiento de imagen y de otras aplicaciones.

Lógica de navegación:
Cuenta con un menú principal lateral y uno secundario. Muy sencillo y bien jerarquizado, de modo que se facilite la navegación y las prioridades de esta.

Concistencia del contenido (se rompe?)
Simple y bien detallado, lo que provoca una sencilla lectura al momento de explorar la página.

Diseño visual (ayuda a la navegación?)
Se rije por el color corporativo de la empresa + baner con el logo.
Su estructura se da por un sistema de columnas que son tambien apreciables en el resto de sus páginas. Las columnas varian de acuerdo a la cantidad y tipo de información.

Medir coherencia visual (homepage/interiores)
La paleta cromatica se mantiene en el total de la páginas. Por otro lado, la estructura y forma en que se expone el contenido de las páginas es un diseño básico pero que hace referencia del “home”.
Existe jerarquía visueal respecto del home y sus páginas interiores, por otro lado, se puede apreciar que las sub-páginas proviene del home..
-----------------------------------------------------------------------------------


VTR Chile S.A. es un proveedor chileno de servicios de telecomunicaciones, propiedad de la compañia estadounidense Liberty Global y de la chilena Cristalerias de Chile
En el presente, VTR ofrece servicios de televisión por cable, telefonía, internet y larga distancia, además de servicios de monitoreo y seguridad denominados Hogar Seguro, a un total de 800 mil clientes de gran parte del país, siendo la segunda empresa más importante en Servicios de Telefonía e Internet, detrás de Telefónica Chile. VTR es además la empresa más importante en cuanto a Servicio de Televisión por Cable, siendo su competencia más importante Telefónica Chile, DirecTV Chile y Telmex TV.

Análisis

Rotulación: En este caso todas las rotulaciones mantienen la misma linea visual, como por ejemplo: ”Se encuentran encasilladas en los margenes de sus respectivas fotos; los textos y la demarcación de ellos en cuanto a color, forma, tamaño, etc”. Hacen mantener una uniformidad y formalidad de la página, mencionando también que son un apoyo a la imagen corporativa de la empresa y sitio web.

Lógica de navegación: La página nos muestra un orden de lectura vertical (de arriba/a abajo) donde los componentes de esta se encuentran jerarquizador por su importancia informativa para el usuario (desde los productos, clientes...hasta concursos, galerías, etc).

Concistencia del contenido (se rompe?)
Si bien el “home” del sitio muestra de manera lógica como es que debes utilizarlo, su contenido y la lectura de este se rompen completamente al querer o intentar navegarlo, debido a que todas páginas interiores son completamente distintas del home y no tienen conección alguna entre sí. No se respeta la uniformidad del sitio. (diseño, columnas, encabezados, títulares, etc...)

Diseño visual (ayuda a la navegación?)
Puede que exista un exceso de información en el index del sitio, sin embargo, la manera de destacar las viñetas lo hace ser un sitio legible. Los links se encuentran separados en columnas (Los de la columna izquierda son de texto mientras que los de la derecha y columna central son imagenes).

Medir coherencia visual (homepage/interiores)
No existe ni un tipo de coherencia visual más que el logo de VRT. Las páginas interiores no tienen ninguna relación con el index del sitio.

Presentación:

Get your own - Open publication