PRÁCTICAMENTE—EXAMEN
1. Prototipo multimedia o web. En el caso de la web esta debe contar con una Url o dirección en internet en servidor propio.
En el caso de aplicaciones en html/css estas deben respaldarse en un CD que se entrega con el resto de las piezas del examen.
El contenido del sitio y sus detalles debe representar el trabajo en grupo de dos meses y sus correcciones.
2. Se entrega un informe impreso y encuadernado del proyecto que contenga cada una de las etapas del proceso de construcción de la aplicación multimedia. Se sugiere formato 20X20 CM. En su diseño se deben aplicar los lineamientos de imagen corporativa del grupo de trabajo. Los contenidos del informe son:
2.1. Planteamiento de Proyecto
2.1.1. Introducción al tema del proyecto multimedia en web
2.1.2. Situación actual (del tema del proyecto; usar datos duros, evitar especulaciones)
2.2. Preproceso Visual
2.2.1. Detección de debilidad o amenazas
2.2.2. Detección de oportunidades o fortalezas
2.2.3. Nombre y descripción breve del proyecto multimedia en web
2.3. Brief de Diseño
2.3.1. Visualización de conceptos para escoger nombre, colores, tipografía, etc. (para proyecto multimedia en web)
2.3.2. Proceso de Naming para proyecto multimedia en web
2.3.3. Paleta cromática para proyecto multimedia en web
2.3.4. Paleta tipográfica para proyecto multimedia en web
2.3.5. Imagotipo de proyecto multimedia en web
2.3.6. Pictogramas de proyecto multimedia en web
2.3.7. Referentes gráficos
2.4. Arquitectura de la Información
2.4.1. Perfil de Usuario
2.4.2. Card Sorting
2.4.3. Mapa Conceptual (mapa de navegación con agrupaciones básicas de información)
2.4.4. Referentes de arquitectura y navegación web
2.4.5. Mapa de Arquitectura de la Información (mapa de navegación con agrupaciones, jerarquías e interrelaciones de páginas en el sitio Web)
2.4.6. Wireframes
2.4.7. Mockups
2.5 Vistas del Sitio definitivo
2.5.1. Pantallazos
— Publicado por FELIPE CORTEZ el 09-12-2010 a las 13:30 hrs.
Para quien no anotó, para quien no escuchó… para quien se le perdió lo que anotó o se le olvidó de lo que escuchó: Se encarga para el jueves 21 de octubre UNA presentación tipo PowerPoint* con
3 wireframes de home
3 wireframes de página interior
Referencias de arte o diseño adecuadas al proyecto.
3 mockups de home
3 mockups de página interior
* Tipo PowerPoint se refiere a presentación digital de pantalla completa y varios slides. No hay problema con usar InDesign y luego exportar a PDF.
— Publicado por FELIPE CORTEZ el 19-10-2010 a las 23:29 hrs.
Para el jueves 14 de octubre deben entregar un PDF con informe diseñado en formato (cerrado) de 20×20 CM. Los contenidos de informe son:
I. Presentación del grupo de trabajo
1. Nombre de integrantes
2. Misión compartida por integrantes
3. Visión compartida por integrantes
II. Imagen de marca del grupo de trabajo
1. Visualización de conceptos para nombre, colores, tipografía, etc.
2. Nombre del grupo
3. Colores corporativos
4. Colores complementarios
5. Tipografía corporativa
6. Tipografía complementaria
7. Imagotipo
7.1. Guía de construcción formal
7.2. Área autónoma
7.3. Versión blanco y negro, versión negro y blanco.
7.4. Versión escala de grises
7.5. Versión color
7.6. Tamaños y ajustes de proporción
7.7. Aplicación en tarjeta de presentación para cada integrante
III. Presentación del proyecto del grupo de trabajo
1. Introducción al tema del proyecto
1.1. Situación actual (usar datos duros, evitar especulaciones)
1.2. Detección de debilidad o amenazas
1.3. Detección de oportunidades o fortalezas
2. Nombre y descripción breve del proyecto
3. Visualización de personaje – usuario
4. Índice de contenidos del proyecto
5. Card sorting (un resultado promedio de 15 consultas)
— Publicado por FELIPE CORTEZ el 11-10-2010 a las 16:28 hrs.
Para el jueves 7 de octubre se encarga un documento PDF con:
— 1 mapa de navegación con agrupaciones básicas de información.
— 1 mapa de navegación con agrupaciones, jerarquías e interrelaciones de información.
— 3 wireframes acabados de página de inicio.
Utilice como referencias:
— Las herramientas de gliffy
— Lo publicado por I ♥ wireframes en cuenta tumblr o grupo flickr.
— Publicado por FELIPE CORTEZ el 04-10-2010 a las 23:15 hrs.
Piensen en “presentar” como hacen carpinteros y obreros. Como disponer sin instalar, para revisar dimensiones, materiales, hasta herramientas. Adapten ese “presentar” al disponer sus contenidos de proyecto en Excel o Word:
1. En Word pueden generar títulos, subtítulos, sub-subtítulos, sub-sub-sub… tantos niveles como sean necesarios para comprender relaciones de sus contenidos.
2. En Excel pueden generar tantas columnas o filas como sean necesarias para organizar la búsqueda de contenidos.
Con esos títulos (subtítulos, sub-subtítulos, sub-sub-sub…) pueden generar las tarjetas para el “card sorting”.
El lunes 4 de octubre deben entregar esos documentos word o excel comenzando la clase. También deben entregar una visualización de personaje usuario, siguiendo el modelo de mood studio.
Luego ustedes pueden salir a buscar a estudiantes que se ajusten a sus personajes usuarios.
Finalizando la clase deben entregar los resultados de estos “card sorting”.
— Publicado por FELIPE CORTEZ el 02-10-2010 a las 00:17 hrs.
Para la clase del jueves 30 de septiembre se repite el encargo del lunes 27 de septiembre. Esta vez hay que hacerlo como FUGA.
En el caso de FUGA, el espacio a recorrer es información base. La imagen de mapa, en su presentación de proyecto, comunica lo necesario.
Información base en otros casos podría estar contenida en tabla de datos. Pienso en todos los locales, todos los puntos limpios, todas las canchas, etc.
— Publicado por FELIPE CORTEZ el 27-09-2010 a las 23:31 hrs.
PRÁCTICAMENTE—HTML
Ya deben recopilar y sintetizar información para su proyecto multimedia en Internet. Para la clase del lunes 27 de septiembre se les solicita presentar en documento o documentos HTML lo siguiente:
1. Contenidos: defina lo requerido para todos los casos y presente algunos casos con todo lo requerido.
2. Referencias visuales: ignore las modas, busque en la historia, pero no la repita. O sea, evite buscar referencias visuales entre los sitios que más gusten hoy, porque mañana dejarán de gustar. Y revise la historia del arte y diseño, sin olvidar que ayer es distinto de hoy.
3. Referencias operativas: esto se refiere a estrategias de multi-medios y tecnologías Web.
4. Vínculos: amigos, colaboradores, fuentes, competencias, etc.
— Publicado por FELIPE CORTEZ el 25-09-2010 a las 00:18 hrs.
Para la clase del jueves 16, se solicita presentación impresa, en tamaño tabloide, de visualización de una única alternativa de proyecto multimedia en Internet: la alternativa definitiva.
El área total del tabloide se divide en 9 partes iguales. Luego los contenidos de la visualización se dividen en:
A) Imagen de marca de agencia (grupo de trabajo): 1/9.
B) Visualización de información de personaje-usuario: 2/9.
C) Visualización de proyecto, respondiendo al QUÉ: 2/9 (ver tabla periódica de métodos de visualización, usar elemento TP).
D) Visualización de proyecto, respondiendo al CÓMO: 2/9 (ver tabla periódica de métodos de visualización, usar elemento Ve o Cc).
E) Visualización de proyecto, respondiendo al POR QUÉ: 2/9 (ver tabla periódica de métodos de visualización, usar elemento Mi, Pr, Dt, Cf o Ev).
— Publicado por FELIPE CORTEZ el 15-09-2010 a las 02:56 hrs.
Para la clase del día jueves 9 lunes 13, el siguiente es el encargo:
Un documento PDF, de 3 páginas, todas en formato tabloide.
Página 1: visualizar proceso de construcción de imagen de marca del grupo de trabajo (conceptos, fuentes tipográfica, paleta cromática, etc.)
Página 2: visualizar una propuesta de proyecto multimedia en Internet y su personaje-usuario
Página 3: visualizar otra propuesta de proyecto multimedia en Internet y su personaje-usuario
Revisando las visualizaciones presentadas el lunes 6, con más calma y menos mocos, noto debilidad en la definición de personaje-usuario. Sabemos que debería ser síntesis de un estudio de potenciales usuarios, pero, como el tiempo es poco, nos permitiremos dejarlo en una apuesta por lo más probable.
Aun siendo una apuesta, debe indicarse, por lo menos: Nombre; edad; foto; información personal, que incluya a su familia; ocupación laboral y de tiempo libre; metas profesionales y personales; habilidades informáticas; uso de Internet; motivaciones para el uso de un producto multimedia; frases relacionadas. Y todo esto, también se visualiza. Para tener referentes, busque en los artículos anteriores.
— Publicado por FELIPE CORTEZ el 07-09-2010 a las 15:59 hrs.
Para la clase del día lunes 6, el siguiente es el encargo:
Lo primero es armar duplas o tríos de trabajo, y asignar un nombre a lo armado; lo segundo es definir y visualizar tres opciones de proyecto multimedia en Internet; y lo tercero es definir y visualizar personaje-usuario de cada una de las tres opciones.
Dicho de otra forma y especificando el formato:
Cada dupla o trío debe ponerse un nombre, y luego preparar un documento PDF de tres páginas, todas tamaño tabloide. En cada página se visualiza una opción de proyecto multimedia en Internet y su personaje-usuario.
No debería haber problemas con lo de visualizar. Ya leyeron algunas páginas de La esquemática. Ya acordamos alejarnos del PowerPoint. Ya conocen:
a) RECURSOS: A Periodic Table of Visualization Methods, y
b) VÍNCULOS: Cool Infographics, Datavisualization.ch, Indexed, infografistas, information aesthetics, Information Is Beautiful, Power of Data Visualization, Simple Complexity, Style & Flow, The Infographics Showcase, visualcomplexity.com
Y también podrían revisar y seguir el Tumblr de VISUALIZE.
* El video de este artículo es viejito. Ganó categoría “Mejor Videoclip del Año” en los MTV Europe Music Award del 2002.
— Publicado por FELIPE CORTEZ el 03-09-2010 a las 16:42 hrs.
COLOQUIALMENTE—Así si
User Centred Design – Infographic Poster by Pascal Raabe
— Publicado por FELIPE CORTEZ el 03-09-2010 a las 16:23 hrs.
COLOQUIALMENTE—ASÍ NO
Life After Death PowerPoint from EMT Media on Vimeo.
— Publicado por FELIPE CORTEZ el 03-09-2010 a las 16:04 hrs.
En la presentación del lunes 30 de agosto no se logró el objetivo. Demoró mucho y un único estudiante le apuntó a lo solicitado. Puedo suponer que la diferencia la hizo comprendiendo a que se refiere visualizar y revisando:
a) RECURSOS: A Periodic Table of Visualization Methods, y
b) VÍNCULOS: Cool Infographics, Datavisualization.ch, Indexed, infografistas, information aesthetics, Information Is Beautiful, Power of Data Visualization, Simple Complexity, Style & Flow, The Infographics Showcase, visualcomplexity.com
Para superar el impasse se le solicita a todos, menos Jorge Undurraga, la lectura de La esquemática de Joan Costa, entre páginas 13 y 31.
— Publicado por FELIPE CORTEZ el 30-08-2010 a las 20:38 hrs.
Para la clase del día lunes 30: Deben presentar, con proyección en datashow, una visualización de referentes según intereses de la dupla formada en la clase del día jueves 26.
Además, lo proyectado debe complementarse con presentación oral (no es excusar, no es explicar ni es defender lo proyectado, es complementarlo).
Importante es considerar referentes en formas y fondos. Dicho de otra manera: Cada referente es un iceberg, y lo que corresponde es adquirir y compartir conocimiento del iceberg completo, incluida la masa sumergida, incluida la parte que no se ve (esa es la gracias de visualizar).
Dentro de referente, como término, caben obras, autores o estilos. Por ejemplo, un referente puede ser “Invierno, Primavera, Verano, Otoño”, A. Mucha o Art Nouveau, siendo el primero muy específico, y el último más amplio, inclusive difuso.
— Publicado por FELIPE CORTEZ el 26-08-2010 a las 23:25 hrs.
Visualizar es una “puesta en conocimiento” por medios gráficos y una “puesta en común”, es decir, un hecho de comunicación. Es convertir en visibles cosas y fenómenos que no lo son. (Joan Costa, 1998).
El propósito de la visualización está en el conocimiento, no en las imágenes (Ben Shneiderman, 1999)
Seguiremos desarrollando el concepto en paralelo a la práctica. Recuerden apoyarse en el primer sitio web del listado de RECURSOS.
E insisto en que revisen referencias entre los VÍNCULOS (Cool Infographics, Datavisualization.ch, Indexed, infografistas, information aesthetics, Information Is Beautiful, Power of Data Visualization, Simple Complexity, Style & Flow, The Infographics Showcase, visualcomplexity.com)
— Publicado por FELIPE CORTEZ el 26-08-2010 a las 23:18 hrs.
Este es un conjunto de declaraciones con las que Bruce Mau comparte sus creencias, estrategias y motivaciones de diseñador. El Manifiesto Incompleto fue escrito en 1998, y convertido en referente inevitable desde el seminario Doors of Perception (Amsterdam, 2000).
Si dominan el inglés, pueden leer el Incomplete Manifesto en el sitio Web de la oficina de Bruce Mau, y si no lo dominan, pueden leerlo en castellano a continuación:
(más…)
— Publicado por FELIPE CORTEZ el 26-08-2010 a las 23:10 hrs.
En caso quieran repetirse el video de la clase del lunes 23 de agosto:
John Maeda acerca de la Simplicidad
En caso quieran seguir aprendiendo, tanto de contenidos de diseño como de maneras de presentarse en público, por acá otras conferencias subtituladas:
Stefan Sagmeister: El poder del tiempo libre.
Paula Scher se pone seria.
David Carson sobre el diseño, descubrimiento y humor.
Philippe Starck profundiza en el diseño.
* Tim Brown urge a los diseñadores a pensar en grande.
— Publicado por FELIPE CORTEZ el 23-08-2010 a las 23:48 hrs.
Para la clase del día jueves 19: Cada alumno debe presentar, con proyección en datashow, una visualización hiper-enlazada de reseña personal.
Dicho de otra forma: Para mostrar su reseña personal, diseñe una línea de tiempo, diagrama de venn, mapa conceptual o lo que más convenga al caso, incluyendo elementos que hagan referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.
Para guiarse, revise el primer sitio web del listado de RECURSOS.
También puede revisar referencias entre los VÍNCULOS (Cool Infographics, Datavisualization.ch, Indexed, infografistas, information aesthetics, Information Is Beautiful, Power of Data Visualization, Simple Complexity, Style & Flow, The Infographics Showcase, visualcomplexity.com)
— Publicado por FELIPE CORTEZ el 16-08-2010 a las 12:35 hrs.
Cada participante de Taller Multi-digital tendrá un tumblelog o tlog, esto es una variante menos estructurada de un blog muy ligada al microblogging.
Usaremos Tumblr.
En su cuenta de Tumblr, cada participante apuntará textos, imágenes, vídeos, enlaces, citas o audio.
Lo que sea que apunte en Tumblr, será importado al blog del Taller Multi-digital, y será considerado como evidencia de sus intereses personales y profesionales.
— Publicado por FELIPE CORTEZ el 14-08-2010 a las 22:45 hrs.
Bienvenidos a un Taller de Diseño Gráfico en la era de la multitud digital.
Bienvenidos a un Taller en sexto nivel de la Carrera de Diseño Gráfico en DuocUC, Sede San Carlos de Apoquindo, Santiago, Chile.
Profesor de éste Taller es Felipe Cortez. Profesores de los vecinos son Pablo Lobos y Jorge Barrera. El ayudante de todos es Rodrigo Medel.
Nuestra historia de Taller Multi-digital comienza un lunes 16 de Agosto de 2010.
— Publicado por FELIPE CORTEZ el 14-08-2010 a las 21:22 hrs.