Arquitectura de la Información...
Presentación de Blueprint y Wireframes correspondientes al proyecto realizado en taller, Rescate Cultural del Valle del Maipo.
sábado 15 de noviembre de 2008
miércoles 5 de noviembre de 2008
Proceso Visual Proyecto Maipo
Con el pre-proceso visual de cada integrante se creo una compilación de lo que nos podia servir de cada trabajo anterior, ahora se tomaron esas cosas y se proyectaron a una utilidad concreta. Aqui esta el PDF...
Salu2
Salu2
lunes 3 de noviembre de 2008
Brief Proyecto
Este Brief es un proceso visual experimental sobre el proyecto final, trata puntos donde echamos a volar nuestra creatividad y gracias a esto encontramos elementos visuales que nos ayudaran para construir el guion grafico de nuestro proyecto final, ante todo es experimental, un juego visual.
miércoles 1 de octubre de 2008
Maquetación Ambiental
EL encargo trataba sobre la celebración del 18 de sept.
Se resume en que debiamos "crear" 6 ambientes que debimos fotografiar y tomar registros para luego llevarlos a una pieza de analisis y crear una pieza grafica a partir de este ambiente, del ambiente se creaba una lamina la cual contenia fotos, paleta de colores y la pieza gráfica.
Mi criterio para los ambientes fue "curiosidad", es decir, fotografie lo que me llamo la atencion por ej. colores, formas, actitudes, etc. mediante registro fotografico cree una lamina la cual formaba la pieza grafica, ya que estaba acompañada por un diseño vectorial que de una forma mas abstracta relataba la situacion.
Despues creamos un grafico basado en el diseño de la informacion, yo me centre en el movimiento que tenian las personas dentro de la fonda del estadio nacional.
Aqui les dejo los PDF de los encargos.
Se resume en que debiamos "crear" 6 ambientes que debimos fotografiar y tomar registros para luego llevarlos a una pieza de analisis y crear una pieza grafica a partir de este ambiente, del ambiente se creaba una lamina la cual contenia fotos, paleta de colores y la pieza gráfica.
Mi criterio para los ambientes fue "curiosidad", es decir, fotografie lo que me llamo la atencion por ej. colores, formas, actitudes, etc. mediante registro fotografico cree una lamina la cual formaba la pieza grafica, ya que estaba acompañada por un diseño vectorial que de una forma mas abstracta relataba la situacion.
Despues creamos un grafico basado en el diseño de la informacion, yo me centre en el movimiento que tenian las personas dentro de la fonda del estadio nacional.
Aqui les dejo los PDF de los encargos.
lunes 29 de septiembre de 2008
Wirefrime & MockUp
Para seguir con el proceso de la creación del proyecto de la web sobre el arte tipografico, el siguiente paso fue tomar el blueprint y hacerlo wirefrime.. diagramar la información solo basandonos en una estructura que daria una supuesto de diagramaciñon web, luego de esto vendria el MockUp que es la aplicacion de imagenes y color al wirefrime.
Estos diseños son solo previos, puede que el final sea otro.
Estos diseños son solo previos, puede que el final sea otro.
viernes 5 de septiembre de 2008
BluePrint
Este trabajo trata de crear una web a partir de un proyecto de diseño, yo escoji el arte tipografico ya que es un tema que me gusta mucho y lo encuentro muy interesante.
En uno de los temas satelites trato el trabajo del diseñador Andres Balius, ya que lo encuentro muy bueno y sus trabajos muy interesantes.
Parte del trabajo web era crear un blueprint, basado en la Arquitectura de la Información, para tener una idea mas grafica de lo que queremos lograr en nuestra web.
Ahora les dejo 2 vinculos con los PDF del blueprint y del desarrollo de los temas a nivel de objetivo general.
Salu2
En uno de los temas satelites trato el trabajo del diseñador Andres Balius, ya que lo encuentro muy bueno y sus trabajos muy interesantes.
Parte del trabajo web era crear un blueprint, basado en la Arquitectura de la Información, para tener una idea mas grafica de lo que queremos lograr en nuestra web.
Ahora les dejo 2 vinculos con los PDF del blueprint y del desarrollo de los temas a nivel de objetivo general.
Salu2
lunes 1 de septiembre de 2008
Analisis WEB
Benchmarking de 10 sitios de internet en cuanto a sus contenidos y diseños. El criterio para elegir las web's parte de que sean sitios que contengan información actualizada y que se revisen diariamente, ver como el usuario interactua con el diseño es importante para saber si la web cumple con su función.
Sitios web's elegidos:
Biblioteca Naciona
Canal 13
Chilehardware
Gamespot
Mercado Libre
Movistar
Msn.com
Banco Santander
Telmex Univision
Biblioteca Nacional
analisis: Buscar un libro.
Coherencia en rótulos 6.0
Lógica de navegación 6.0
Consistencia del contenido 5.0
Existen enlaces que no lleban a lo querido o esperado, en el menu superior existe el link CATALOGO el cual lleva a la parte de SERVICIOS, donde tambien se encuentra catalogo, por lo que el link de CATALOGO sobra, no es necesario. Una vez dentro de catalogo separan la busqueda segun lo que se necesite... pero al hacer click en cualquiera no lleva a un buscador central.. en donde tenemos q volver a elejir que ambito buscar. Los contrastes parecen buenos y no cansadores.
Canal 13
analisis: Copuchar.
Coherencia en rótulos 6.0
Lógica de navegación 4.0
Consistencia del contenido 6.0
Al ser una pagina de un medio comunicacional se encuentra llena de información, no saben como jerarquizar ya que todo es importante o nada lo es, en el centro se encuentra lo que más vende o lo mas TOP, casi todas las secciónes del centro tienen una web diferente (diseño) al que presenta en si el homepage. Falta manejo en tamaño de titulos, al ser todo tan igual se pierde de vista rapidamente lo leido y no dan ganas de buscar, ya que los colores cansan la vista rapidamente.
Chilehardware
analisis: Informarce
Coherencia en rótulos 7.0
Lógica de navegación 6.0
Consistencia del contenido 5.0
Es una pagina donde uno se puede informar de todas las actualizaciones computacionales a nivel mundial, tiene articulos, reviews, etc. Esta claramente mostrado cual es el titulo de la noticia o articulo, las secciones esta señalizadas y su contenido concuerda con el link, lastima que la sección BLOG no esta habilitada pero esta puesta en el menu. La jerarquización esta presente y los contrastes se mueven en una gamma limitada de colores que parece funcionar bien. Lo malo es que las columnas de textos dentro de los articulos son muy extensas y cansa o aburre.
Gamespot
analisis: Buscar juegos.
Coherencia en rótulos 7.0
Lógica de navegación 6.0
Consistencia del contenido 6.0
Para mi una de las mejores web's que visito, el menu y las secciones estan muy claras, existe un gran juego de color para cada seccion lo que hace mas facil el reconocer donde diablos estoy metido dentro de tanta imagen y cosa rara que se mueve. La jerarquización de titulos.. textos,etc esta clarisima.. los colores juegan un papel importante.. y como todas las secciones tienen un diseño igual al homepage es facil saber donde encontrar las cosas.
Mercado Libre
analisis: Buscar producto de interes propio.
Coherencia en rótulos 5.0
Lógica de navegación 3.0
Consistencia del contenido 6.0
Para mi lejos la pagina mas gritona que veo, como se trata de vender es impresionante la cantidad de imagenes q cambian de color y cosas raras que te desvian. Quieres buscar algo no sabes donde esta, la pagina tiene seccion creadas donde encontrar articulos.. pero que pasa si su articulo tiene otra clasificacion?.. perdiste.. ve tu como lo encuentras que Dios te guie... contrastes de colores viejos..feos..chulos..mulas..etc... me meto a articulo que me interesa y la persona con un aire a diseñador pone letras azules en fondo rojo para llamar la atencion!!!... resulta que no se lee nada las maravillosas frases de vendedor dejar de ser pq nadie las lee... esta bien que uno pueda personalizar mi venta.. pero tiene que existir un limite.. o no?...
Movistar
analisis: Averiguar que es.
Coherencia en rótulos 5.0
Lógica de navegación 3.0
Consistencia del contenido 3.0
Gran compañia.. pesima web.. si vien existe un sistema que dice TU OPINION IMPORTA. AYUDANOS A MEJORAR LA WEB.. se nota que no lo leen.. el vinculo de atencion al cliente esta perdido.. flotando en la nada pidiendo ayuda.. ¬¬.. existe un menu superior que es una foto.. HACE CLICK ACA.. y? no pasa nada... gran parte de la informacion sos fotos con texto.. satura.. cansa.. es dificil.. colapsa.. un asco.. creo que hay q mejorar desde lo visual hasta el contenido.
Msn.com
analisis: Copuche internacional.
Coherencia en rótulos 6.0
Lógica de navegación 5.0
Consistencia del contenido 7.0
Noticias del mundo afuerino... me gusta es sobria para la cantidad de informacion que posee, supongo que pensaron la forma de distribuir las seccion pq para mi estan perfes... trae aplicaciones q puedo resaltar yo mismo las noticias q mas me gustan y esconder las que nunca leere.. jerarquizacion buena, contrastes buenos y lo mejor.. me entregan varias opciones para informarme COMO YO QUIERO.. :)
Banco Santander
analisis: Quiero una cuenta.
Coherencia en rótulos 7.0
Lógica de navegación 5.0
Consistencia del contenido 6.0
Pagina de banco.. formal.. educada.. fome.. ¬¬ pero tengo lo que quiero saber y lo veo sin problemas.. login seguro y bueno ( cosa que es importante para mover plata por la internet ), la informacion esta explicada con manzanas y resumida, lastima que siempre falta lo importante.. la letra chica del contrato.. pero bueno.. es parte del juego.. sin problemas de contrastes secciones de similar diseño lo que hace suponer donde estara lo que quiero, eso sip.. los indicadores economicos salen muy abajo.. depues de leer todo lo q me ofrece el banco.. me entero que el dolar esta muriendo.. pero bue.. :)
Telmex
analisis: Quiero tele.
Coherencia en rótulos 7.0
Lógica de navegación 5.0
Consistencia del contenido 6.0
Super.. es muy simple y esta lo que quiero.. hasta los precios! jaja... me preguntan que soy.. empresa, hogar, etc. en hogar tengo lo justo y lo preciso.. si bien falta informacion como en donde esta el servicio o no (dicen que en todos lados..pero hoy re100 instalaron cerca de mi casa ¬¬) es super amigable saber que servicio dan.. sobre todo de TV que es lo que busque.. salen los canales.. el precio.. etc y el CONTRATA YA!.. que no pide grandes datos para el formulario... facil de entender y llegar.. colores calidos se permite leer facil.. no hay nada dificil.. :)
Univision
analisis: La copucha.
Coherencia en rótulos 5.0
Lógica de navegación 5.0
Consistencia del contenido 5.0
Conocen terra.cl? weno esta es una version parecida pero que arreglo algunos grande problemas.. si bien es LO MISMO.. a la vez no lo es.. :O... la publicidad esta mucho mejor controlada.. tengo acceso a la informacion de forma mas simple y jerarquizada.. eso si... para llegar a la noticia que quiero es UN click más.. ya que esta subdividido en muchas partes... se juega bn con los colores pero existe unos menus que no se lee nada.. pero depende de la seccion.. ya que tambien cada una tiene color.
Bueno esto es un analisi fugas! si se entra en detalle, mejor hagamos una biblia jeje.. esto es más una opinion personal que se basa en lo aprendido en clases, crear un analisis poniendome YO como usuario que me propongo un fin y cuando lo logro.. veo mi recorrido y lo expongo con contenidos...
Aqui les dejo el PDF para que complementen..
http://issuu.com/rodo/docs/informe
Salu2..
Sitios web's elegidos:
Biblioteca Naciona
Canal 13
Chilehardware
Gamespot
Mercado Libre
Movistar
Msn.com
Banco Santander
Telmex Univision
Biblioteca Nacional
analisis: Buscar un libro.
Coherencia en rótulos 6.0
Lógica de navegación 6.0
Consistencia del contenido 5.0
Existen enlaces que no lleban a lo querido o esperado, en el menu superior existe el link CATALOGO el cual lleva a la parte de SERVICIOS, donde tambien se encuentra catalogo, por lo que el link de CATALOGO sobra, no es necesario. Una vez dentro de catalogo separan la busqueda segun lo que se necesite... pero al hacer click en cualquiera no lleva a un buscador central.. en donde tenemos q volver a elejir que ambito buscar. Los contrastes parecen buenos y no cansadores.
Canal 13
analisis: Copuchar.
Coherencia en rótulos 6.0
Lógica de navegación 4.0
Consistencia del contenido 6.0
Al ser una pagina de un medio comunicacional se encuentra llena de información, no saben como jerarquizar ya que todo es importante o nada lo es, en el centro se encuentra lo que más vende o lo mas TOP, casi todas las secciónes del centro tienen una web diferente (diseño) al que presenta en si el homepage. Falta manejo en tamaño de titulos, al ser todo tan igual se pierde de vista rapidamente lo leido y no dan ganas de buscar, ya que los colores cansan la vista rapidamente.
Chilehardware
analisis: Informarce
Coherencia en rótulos 7.0
Lógica de navegación 6.0
Consistencia del contenido 5.0
Es una pagina donde uno se puede informar de todas las actualizaciones computacionales a nivel mundial, tiene articulos, reviews, etc. Esta claramente mostrado cual es el titulo de la noticia o articulo, las secciones esta señalizadas y su contenido concuerda con el link, lastima que la sección BLOG no esta habilitada pero esta puesta en el menu. La jerarquización esta presente y los contrastes se mueven en una gamma limitada de colores que parece funcionar bien. Lo malo es que las columnas de textos dentro de los articulos son muy extensas y cansa o aburre.
Gamespot
analisis: Buscar juegos.
Coherencia en rótulos 7.0
Lógica de navegación 6.0
Consistencia del contenido 6.0
Para mi una de las mejores web's que visito, el menu y las secciones estan muy claras, existe un gran juego de color para cada seccion lo que hace mas facil el reconocer donde diablos estoy metido dentro de tanta imagen y cosa rara que se mueve. La jerarquización de titulos.. textos,etc esta clarisima.. los colores juegan un papel importante.. y como todas las secciones tienen un diseño igual al homepage es facil saber donde encontrar las cosas.
Mercado Libre
analisis: Buscar producto de interes propio.
Coherencia en rótulos 5.0
Lógica de navegación 3.0
Consistencia del contenido 6.0
Para mi lejos la pagina mas gritona que veo, como se trata de vender es impresionante la cantidad de imagenes q cambian de color y cosas raras que te desvian. Quieres buscar algo no sabes donde esta, la pagina tiene seccion creadas donde encontrar articulos.. pero que pasa si su articulo tiene otra clasificacion?.. perdiste.. ve tu como lo encuentras que Dios te guie... contrastes de colores viejos..feos..chulos..mulas..etc... me meto a articulo que me interesa y la persona con un aire a diseñador pone letras azules en fondo rojo para llamar la atencion!!!... resulta que no se lee nada las maravillosas frases de vendedor dejar de ser pq nadie las lee... esta bien que uno pueda personalizar mi venta.. pero tiene que existir un limite.. o no?...
Movistar
analisis: Averiguar que es.
Coherencia en rótulos 5.0
Lógica de navegación 3.0
Consistencia del contenido 3.0
Gran compañia.. pesima web.. si vien existe un sistema que dice TU OPINION IMPORTA. AYUDANOS A MEJORAR LA WEB.. se nota que no lo leen.. el vinculo de atencion al cliente esta perdido.. flotando en la nada pidiendo ayuda.. ¬¬.. existe un menu superior que es una foto.. HACE CLICK ACA.. y? no pasa nada... gran parte de la informacion sos fotos con texto.. satura.. cansa.. es dificil.. colapsa.. un asco.. creo que hay q mejorar desde lo visual hasta el contenido.
Msn.com
analisis: Copuche internacional.
Coherencia en rótulos 6.0
Lógica de navegación 5.0
Consistencia del contenido 7.0
Noticias del mundo afuerino... me gusta es sobria para la cantidad de informacion que posee, supongo que pensaron la forma de distribuir las seccion pq para mi estan perfes... trae aplicaciones q puedo resaltar yo mismo las noticias q mas me gustan y esconder las que nunca leere.. jerarquizacion buena, contrastes buenos y lo mejor.. me entregan varias opciones para informarme COMO YO QUIERO.. :)
Banco Santander
analisis: Quiero una cuenta.
Coherencia en rótulos 7.0
Lógica de navegación 5.0
Consistencia del contenido 6.0
Pagina de banco.. formal.. educada.. fome.. ¬¬ pero tengo lo que quiero saber y lo veo sin problemas.. login seguro y bueno ( cosa que es importante para mover plata por la internet ), la informacion esta explicada con manzanas y resumida, lastima que siempre falta lo importante.. la letra chica del contrato.. pero bueno.. es parte del juego.. sin problemas de contrastes secciones de similar diseño lo que hace suponer donde estara lo que quiero, eso sip.. los indicadores economicos salen muy abajo.. depues de leer todo lo q me ofrece el banco.. me entero que el dolar esta muriendo.. pero bue.. :)
Telmex
analisis: Quiero tele.
Coherencia en rótulos 7.0Lógica de navegación 5.0
Consistencia del contenido 6.0
Super.. es muy simple y esta lo que quiero.. hasta los precios! jaja... me preguntan que soy.. empresa, hogar, etc. en hogar tengo lo justo y lo preciso.. si bien falta informacion como en donde esta el servicio o no (dicen que en todos lados..pero hoy re100 instalaron cerca de mi casa ¬¬) es super amigable saber que servicio dan.. sobre todo de TV que es lo que busque.. salen los canales.. el precio.. etc y el CONTRATA YA!.. que no pide grandes datos para el formulario... facil de entender y llegar.. colores calidos se permite leer facil.. no hay nada dificil.. :)
Univision
analisis: La copucha.
Coherencia en rótulos 5.0
Lógica de navegación 5.0
Consistencia del contenido 5.0
Conocen terra.cl? weno esta es una version parecida pero que arreglo algunos grande problemas.. si bien es LO MISMO.. a la vez no lo es.. :O... la publicidad esta mucho mejor controlada.. tengo acceso a la informacion de forma mas simple y jerarquizada.. eso si... para llegar a la noticia que quiero es UN click más.. ya que esta subdividido en muchas partes... se juega bn con los colores pero existe unos menus que no se lee nada.. pero depende de la seccion.. ya que tambien cada una tiene color.
Bueno esto es un analisi fugas! si se entra en detalle, mejor hagamos una biblia jeje.. esto es más una opinion personal que se basa en lo aprendido en clases, crear un analisis poniendome YO como usuario que me propongo un fin y cuando lo logro.. veo mi recorrido y lo expongo con contenidos...
Aqui les dejo el PDF para que complementen..
http://issuu.com/rodo/docs/informe
Salu2..
Suscribirse a:
Entradas (Atom)
