Entrega Nº 9...

Presentación de Blueprint y wireframes de proyecto "El nuevo zapato chileno" de Punch.

Get your own - Open publication

Entrega Nº 8...

Procesos visuales.
Es la entrega de una toda la parte visual del proyecto del "nuevo xapato chileno". Va desde la aproximación al universo hasta el desarrollo de soluciones visuales.
Este trabajo es individual, pero luego lo uniremos con el resto del grupo (Punch) para lograr llegar a un concenso respecto del tema visual.

Get your own - Open publication

Entrega Nº 7...

Avance del proceso visual del proyecto de fin de año.
Tema: Revalorizar el diseño de calzado artesanal chileno.

Get your own - Open publication

Entrega Nº 6...

Presentación de grupo y proyecto de fin de año.

Grupo

Get your own - Open publication

Proyecto

Get your own - Open publication

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

25 señales indicativas de las páginas web de mala calidad

Bueno bueno, haciendo el "tremendoanálisis"
pa la entrega del prox martes, me topé con información que derrepente puede seros de utilidad para los análisis de las pags.

Info recopilada del sitio http://www.microsiervos.com./

1. Contienen páginas pidiendo intercambio de enlaces.


2. No tienen ningún texto de advertencia legal o sobre privacidad.


3. La fecha del copyright está caducada a pesar de ser visible.


4. Las páginas de error no dan un 404, sea cual sea la página que pidas.


5. Les llegan enlaces masivos desde granjas de enlaces.


6. Tienen enlaces muertos o que dan erorres 404 («la página no existe»).


7. Alta proporción de enlaces respecto al texto.


8. No hay información sobre cómo contactar, formulario, correos ni teléfonos.


9. Alto grado de insatisfacción para el lector: los usuarios hacen clic en «volver» en su navegador para buscar la siguiente página en los resultados de búsqueda.


10. Demasiado contenido duplicado.


11. La información del WHOIS [propietario] del dominio es de alguien que en el pasado fue penalizado o baneado de los buscadores (y lo mismo puede decirse de su identificador de AdSense, de afiliado a algún tipo de red o de identificadores similares).


12. Contiene enlaces a sitios de programas de afiliados que son timos bien conocidos [ej. cómo ganar en los casinos o ventas piramidales].


13. El dominio fue penalizado por spam (envío de correo basura) en algún tipo de lista negra. [A veces también por venta de enlaces].


14. Está muerto: el contenido del sitio no cambia nunca. [Esto me recordó las bitácoras legalmente muertas].


15. URLs exageradamente largas, incluyendo cadenas de búsqueda, nombres de directorios o de archivos.


16. Según los buscadores, no tiene enlaces entrantes o son muy escasos.


17. Alto porcentaje de enlaces de «afiliados» frente a enlaces normales.


18. No tiene enlaces hacia fuera o son muy escasos.


19. Todos los enlaces entrantes son a la portada.


20. Todos los enlaces de salida son a sitios cuestionables, de spam o de baja calidad.


21. Incluye palabrotas o lenguaje «adulto», en un sitio que no es específicamente para adultos.


22. Los textos tienen demasiadas faltas de ortografía.


23. Contiene temáticas no relacionadas, por ejemplo: un sitio de reseñas de juguetes de repente intenta vender un seguro de vida o Viagra.


24. Carente de interés en los servicios de marcadores sociales [del tipo del.icio.us, donde la gente guarda sus favoritos].


25. Aparecen errores de MySQL o PHP en las páginas.

Tremenda charla!!!

Estimados delegados Carreras Diseño Gráfico, Técnico en Diseño Gráfico e
Ilustración Digital:

Adjunto invitación para charla organizada por la carrera de Ilustración
Digital, a realizarse el próximo martes 2 de septiembre a las 11:00 hrs, en
el auditorio II de nuestra sede.

Por favor difundir invitación entre sus compañeros y amigos.

Atte,
Angelina.

Angelina Vaccarella Abiuso
Directora Carreras Diseño Gráfico e Ilustración Digital Sede San Carlos de
Apoquindo DuocUC

Entrega Nº 2...

Crear un sistema de difusión de la Bienal que contenga datos relacionados de al menos 5 fuentes (de información) que se desprendan directamente de las temáticas de la bienal y que sean un complemento al eje central de información.

Tema: La "Bienal 2008"

Solución al tema:

Get your own - Open publication

Entrega Nº 1...

Diseño de documento hipervinculado (con enlaces-links) con énfasis en la imagen (lo importante) que aborde el tema con multi-perspectiva (muchas voces) ocupando elementos subjetivos (personales) y objetivos (registro).
Tema: "Rostros y Rastros de un canto" (1997). Album de fotos que Antonio Larrea tomó a los músicos de la "Nueva Canción Chilena".

Get your own - Open publication

Hola a todos!!!

Por la presente y en exclusiva participación del taller multimedia y en conjunto con el proyecto de "Tremendo Taller", pregonado por el "Tremendo profe" XD...me he visto en el deber de crear mi propio y muy terriblemente original Blog..."Terrible Taller" =D...con el fin de ser un aporte a dicho proyecto y de pasadita, ser producto de evaluación para la misma causa :O...
Sin más que decir...ojalá sea de su agrado :D
Hasta la prox...