POSTERS DE INFORMACIÓN PERSONAL / Nominados 2012-1

Hola a todos.

He aqui los nominados al premio PEOPLE CHOICE AWARD y el ACADEMY AWARD. La votacion cierra el lunes 9 de abril a las 10pm.

Walter Brecht

Yeniht Paola Díaz

Rafael Nuñez

David(o) Alarcon

Wilson (vito) Granados

Juan David Betancourt

Julian Varon

JAF 9002

Daniel Pino

David(san) Acosta


Jenny Paola Sua (le petit Sua)

Alejandra Rozo (Amarille)

Daniela Pereira (Pez)

Claudia Meneses (सीएलए)

Lina Suarez

Tarek (Baratheon) Salom

Sebastian Matiz

Santiago Guevara

Camilo(avenger) Niño

Juan Osses

Viviana Archila

Daniel Lara

Manuel Valencia (popmachine)

Manuela Uribe

Marcela Burgos

Jessica Baena

Gracias a todos los participantes, recuerden aun nos quedan tres trabajos mas, el proximo puede estar aqui en el blog. A darle atomos.

Preguntas para resolver la guia del trabajo final

Hola a todos, discipulos he aquí los puntos para resolver el informe del proyecto final

acorde al tema:

¿Quien o quienes lo desarrollaron? (exponentes del tema, personas o instituciones que fueron parte del desarrollo)
¿En donde aparecio (ubicacion geografica y su expansion por el mundo?
¿Por que fue desarrollado?
¿Para que fue desarrollado?
¿como se produce? (en este me interesa el proceso de produccion, los pasos y materiales con los que se produce)

El informe solo es una recopilacion de fuentes de consulta, tanto internas (personales) como externas (paginas web, libros, articulos en linea, videos)

El número de paginas no debe superar 5 paginas, me ineteresa que sea una respuesta bien estructurada para cada punto y al final citar la bibliografia usada.

INSTRUCTIVOS 2012-1/ LOS NOMINADOS SON....



Hola a todos los Orientanautas, a continuación encontraran el registro de la entrega de instructivos. El tema, para los que no lo saben (por si hay algun nuevo visitante) es sobre una pelicula, de la cual se tomaba una secuencia y se convertia en un instructivo, un modo de empleo, para replicar la accion descrita una y otra vez. Vari@s fueron las opciones, la competencia fue reñida; por eso publicamos los seleccionados para que ustedes saquen sus conclusiones.

Manuel Valencia


Daniel Lara


Manuela Uribe



Santiago Guevara




Camilo Mateus



Marcela Martinez



Lina Suarez



David Veloza






Wilson Granados


Alejandra Rozo (amarella design)



Claudia Meneses (rhada Design)



Daniel Pino



Julian Varon




Alejandra Laverde


Santiago Cifuentes



Daniela Pereira


Juan Sebastian Calderon


Gracias a todos los participantes por su energía, entusiasmo y compromiso con la entrega.

Poster de informacion personal

El martes 20 de Marzo damos inicio al proyecto de estadisticas personales. Estos son los items que debe resolver el poster:

1) Actividades cotidianas: el objetivo es mostrar que se hace diariamente y como impacta en la semana desde los porcentajes que necesita cada actividad.

2) Trayectos (de la casa a la u y otros): el objetivo es mostrar el trazado que existe desde que salen de la casa y llegan a la u.

3) Competencias como diseñadores (tanto de Software como de destrezas y habilidades)

4) Gustos y afnidades: que es lo que mas les gusta (y lo que menos les gusta)

En clase resolveremos los patrones de visualizacion con base en las necesidades de cada poster.

He aquí algunos ejemplos del semestre Pasado:











Cualquier duda, en la clase la despejamos.

Visualizacion de datos II: los datos son el nuevo suelo

Como lo vimos en clase, los datos son el insumo primordial de cualquier tipo de visualizacion estadistica. Ellos en si ocultan una verdad, una belleza y una historia; la cuestión es decidir que historia se quiere contar con ellos. Esto implica elegir los patrones y relaciones que tejeran en ese limite espacio temporal que marca el papel o la pantalla. David McCandless nos habla de la belleza de la información y las multiples variables que nos puede ofrecer.



Un complemento sobre la definición de Eduard Tufte y el Data-ink Ratio


Aqui algunas páginas que vimos en la clase:

Visual Complexity
Florence Nightingale Coxcombs
Density Design
Flowing Data
GOOD magazine
Data Visualization
Lisa Jevbratt
Benjamin Fry
Many Eyes
Historia de los partidos politicos
Natalie Jeremijenko
Los mejores visualisaciones de 2011


Software de manipulación y conversión de datos
R-Project
Google Refine
Mr Data converter
Mr People

Y finalmente la presentación de la clase.

El ejemplo de la tabla de datos que deben tener lista para la clase del jueves.

La cotidianidad La cotidianidad en la época de la aceleración tecnológica (el modo de empleo parte II)


Todo acto de la cotidianidad esta marcado por una serie de acciones que terminan siendo hábitos, los almacenamos y los reproducimos sin ser concientes del porque o el para que, creando una especie de mimesis que ha naturalizado estos hábitos de forma mecánica que se distancian frente a nuevas experiencias. Al referenciar estas acciones y hacer un inventario de ellas se puede dar cuenta de lo mucho que aprendemos y desaprendemos a diario.

Desde el momento en que el despertador se activa hasta cepillarse los dientes a la hora de acostarse, cada momento del día esta siendo intervenido por secuencias de pasos, que nos han programado, capacitado, para realizar ciertos procesos de forma eficiente y práctica. Es en este punto donde el (des)orientador toma partido y saca provecho de su experiencia y sentido común. El manual de instrucciones involucra tantos aspectos, desde la complejidad misma del procedimiento, que permiten llevar el diseño de información a un nivel cercano a lo empírico, un nivel en el que se crea una relación sinérgica para potenciar la usabilidad y valoración por parte del usuario.

Resumiendo la instrucción es habito, y el habito es una secuencia previamente programada, almacenada y reproducida de forma mecánica, dejando a un lado lo simbólico frente a la racionalidad de un mundo tecnológicamente vertiginoso.


He aqui algunos referentes:

Con pollo pero sin pollo

El bebe, manual de uso

Ikea ciencia ficción

Y los videos:

Beauty Kit from pleix on Vimeo.

Por que esperar a la madre naturaleza!


El dispositivo que marco una ruptura en la forma de entretenimiento.

Lineamientos de la entrega de primer corte

He aqui los parametros para la entrega del primer corte, programada para el 25 de Febrero del año en curso 2012.


La interfaz gráfica de usuario / G.U.I

Se entrega un archivo formato PDF, que no ecxeda de 2000 Kb de peso, a 72 Dpi para lectura en pantalla, en el que se incluye:

1)Portada: nombre del proyecto, nombre del estudiante y taller
2)Página de contenidos: todo lo que incluye el archivo
3)Introducción: un escrito en el que se da cuenta de los objetivos y alcances del proyecto
4) Problema: Diseñar una interfaz gráfica de usuario, para una aplicación de Ipad, basado en el regulador de animos descrito en la novela "¿Sueñan los andriodes con ovejas electricas?"
5) Descripción del problema: Diseñar los pictogramas, las pantallas, el arbol de navegación y los wireframes para dicha aplicacion.
6) Documentacion:
6a) Quien es Philip K. Dick
6b) De que trata ¿Sueñan los andriodes con ovejas electricas?
6c) Referentes de pictogramas (no solo citar, tambien mostrar imagenes y describir que aspecto le sirvio del proceso)
6d) Referentes de interfaz (Igual que el anterior, describir por que eligio dichos ejemplos)
7) Bocetación: todo el proceso, desde los apuntes en el cuaderno, los prototipos y los finalizados
8) Arbol de navegación
9) Pantallazos de la aplicación
10) Conclusiones
11) Contraportada

Los porcentajes del proyecto irian de la siguiente forma:
Desarrollo de Pictogramas 20%
Desarrollo arbol de navegacion 10%
Proceso clase a clase: 40%
Memoria final: 30%

He aqui un ejemplo:


El mapa:

La pieza debe tener en cuenta:
Ubicación del punto cardinal norte (Si no lo tiene -10%)
Ubicación de punto(s) de confianza (si no lo tiene -10%)
tabla de convenciones (sistema de pictogramas, colores y recorridos si los hay) (si no lo tiene -10%)
Credito de Diseño: nombre del (la) insigne Diseñador(a)o Equipo de trabajo que ayudo al mapa, en un puntaje moderado de 8pts o 7pts.
Buen manejo de jerarquias visuales (si el mapa no es legible -20%).
Ubicación de calles y carreras importantes
El directorio (lugares señalados con datos de rigor, telefono, direccion, horario.. etc)

OJO CON LA ORTOGRAFÍA: Si el contenido llega a tener mas de cinco palabras con errores de ortografia se descuenta 20%,

Estas serian las otras

1) Proceso de producción (40%): el seguimiento al proceso clase a clase, es decir, desde el concepto inicial, el desarrollo de prototipos, los contenidos presentados y la evolución de la propuesta.

2) La pieza (30%): El mapa finalizado, se tiene en cuenta presentación, limpieza, impresión, pliegues impecables, buen uso tipográfico, pictogramas y buen criterio de colores.

3) Los contenidos (30%): la información puesta en el mapa, (aquí se revisara ortografía, sintaxis, redacción), los atributos de jerarquía para resaltar la información mas pertinente, entre otros.

Para el Grupo 006 y 007: la entrega empieza el sabado 25 de Febrero a las 11:30 am, luego de esta hora se aplica retardo y descuento en la entrega del 20%, el proceso de retroalimantación finaliza a la 1:00pm

Que la Orientación me los proteja y la cartografía me los oriente.

Recursos para el proyecto de la interfaz-Ipad Templates


Discipulos de la verdad gráfica y el amor visual.

He aqui unos links que podran ayudarles en la solucion al dilema del diseño de wireframes en Photoshop.

GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers

The nesxt web
Desingmodo
Slodive

Espero que sea una ayuda en estos tiempos de alineacion y desbalance. que la orientacion me los proteja.

Guía del autoestopista urbano


Problema:
Desarrollar una guía según el sector escogido que revele lo que habitualmente no se muestra en los mapas.

Descripción del problema:
Realizar, según el perímetro o sector escogido, una guía acorde a ciertas necesidades especificas (seguridad, economía, social, académica, etc). Hacer el sistema de pictogramas (convenciones), un código de evaluación, unas convenciones y jerarquizar los niveles de información de la guía (precios, dirección, descripción, recomendado)

Criterios iniciales para diseñar un mapa:
1) ¿quien será el usuario final? / ¿a quien va dirigido? / parámetros de diseño
2) ¿Cuales son las necesidades de ese usuario frente al mapa?
3) ¿Que categorías serán útiles para la configuración del mapa?
4) ¿Cuantos niveles de información debe tener el mapa? (usabilidad)

Documentación inicial
• El andar como practica estética / Francesco Careri. (walkscapes)
• El poder de los mapas/ Dennis Wood
• You are here / Cathleen McCarthy
• Yellow Arrow
• Iconoclasistas
• Cartografias sonoras
• Cartografias criticas


Pasos a seguir:
1) establecer el perímetro (área a trabajar: puede ser cerca al barrio, un sitio de preferencia, alguna localidad en particular)
2) Hacer un trabajo de campo (visita al perímetro) y ver que locales (comida, varios, droguerías, etc.), sitios de interés, rutas de acceso, nivel de seguridad, habitantes y tipos de vivienda tiene el lugar
3) Hacer un acopio (anotar) de información bajo unas categorías especificas: lugares para comer, lugares para beber, lugares para comprar ropa, lugares para divertirse, lugares para tomar, etc.
4) Una vez realizado el acopio en las categorías, se procede a realizar una selección de los mas relevantes según las necesidades formuladas al inicio del recorrido.
5) Realizar el sistema de convenciones, colores y el mapa (pueden tomar referencias a Google maps, solo como referencia)
6) Según la selección de lugares establecer una ficha de información (dirección, teléfono, horarios, página Web (si la tiene), precios, descripción y recomendados)
7) Establecidos los lugares, las convenciones, las señales y el recorrido, establecer la distribución de datos en el formato (1/4 de pliego) por ambas caras y teniendo en cuenta los pliegues para guardarlo
8) Presentar el prototipo del mapa para las respectivas observaciones
9) El mapa definitivo.

Cronograma
Martes 7 de febrero: Revisión de lecturas y documentación inicial
Jueves 9 de Febrero: revisión de interfaz (ventanas, barras, menú y pantallazos)
Sábado 11 de Febrero: perímetro seleccionado, visita inicial y acopio de información, categorías establecidas según la necesidad que intenta resolver el mapa, formato tentativo del mapa 25%
Martes 14 de febrero: sistema de convenciones, colores y el recorrido realizado. Bocetación 25%
Jueves 16 de febrero: Convenciones finalizadas 25%
Sábado 18 de febrero: Borrador del mapa (distribución de datos ya en el formato, por las dos caras y teniendo en cuenta los pliegues) 10%
Martes 21 de Febrero: Prototipo finalizado
Jueves 23 de Febrero: revisión y corrección de trabajos
Entrega final: mapa + interfaz (incluye memoria grafica) / 25 de febrero

Stefan Dziallas / iconwerk


Excelente sitio del diseñador Stefan Dziallas, mejor conocido como iconwerk. aqui podran encontrar varios referentes respecto a: sencillez, esquematizacion, estilización y unidad gráfica.

Micro sitios: acsys, pictograms, iconwerk10, espn

aqui tambien les dejo un buen video:

El primer proyecto: regulador de animos



¿Sueñan los andriodes con ovejas electricas? es una novela catalogada en el género de la ciencia ficción, escrita por el visionario autor Philip K. Dick.



Para quienes no lo conocen, Philip Kindred Dick (Chicago, Estados Unidos, 16 de diciembre de 1928 - Santa Ana, California, EE. UU., 2 de marzo de 1982), más conocido como Philip K. Dick, fue un prolífico escritor y novelista estadounidense de ciencia ficción, que influyó notablemente en dicho género. Dick trató temas como la sociología, la política y la metafísica en sus primeras novelas, donde predominaban las empresas monopolísticas, los gobiernos autoritarios y los estados alterados de conciencia. En sus obras posteriores, el enfoque temático de Dick reflejó claramente su interés personal en la metafísica y la teología. A menudo se basó en su propia experiencia vital, reflejó su obsesión con las drogas, la paranoia y la esquizofrenia en novelas como A Scanner Darkly y SIVAINVI .4



Publicada en 1968, ¿sueñan los androides con ovejas electricas?, sirvio de base para la adaptacion Blade Runner de 1982. el primer capitulo de la novela presenta al protagonista, Rick Deckard, y a su mujer Iran. Ambos utilizan el órgano de ánimos de Penfield. Rick también utiliza un protector Genital de Plomo Mountibank para protegerse de las radiaciones. Se comenta la existencia de una antigua Guerra Mundial Terminal y sus consecuencias radiactivas. Gran parte de la humanidad, los más privilegiados, emigran hacia colonias espaciales. Los animales están semi-extintos y el deber de los hombres , así como su estatus , están íntimamente relacionados de su disposición para tener uno o varios animales. Los menos pudientes poseen animales eléctricos.

El objetivo del proyecto es concebir desde cero la planeacion de una aplicacion para dispositivo movil, basada en el órgano de ánimos Penfield. Las inquietudes saltan a la vista...

A modo de preambulo

Es probable que el consumo actual de información puede crear malestar cerebral, por lo que se recomienda consumir una rica dieta en documentos y fuentes de consulta adecuadas. Saber buscar en los sitios adecuados, indagar bajo las preguntas indicadas, logrando así encontrar buenos datos. Los que permiten contar una buena historia.

Los datos no son una invención reciente, la gente ha cuantificado y tabulado cosas por siglos, sin embargo se ha visto un enorme boom en los últimos años. Las mejoras tecnológicas han hecho posible conseguir y almacenar datos, por ejemplo la red permite acceder al saber, en fin, esta abundancia de datos puede, en las manos indicadas, provee una riqueza de información para ayudar a mejorar la toma de decisiones, comunicar ideas claramente y proveer una ventana mas objetiva para ver el mundo y así mismo. A veces las mentiras y los datos se convierten en casi sinónimos, por no decir homónimos.

Los datos cuentan historias fascinantes, te pueden convencer de algo, quizás te obliguen a tomar acciones, iluminándote con nueva información, o te fuerce a cuestionar esas nociones preconcebidas de la realidad, sea lo que sea la mejor visualización, sea pequeña o sea grande, desde una pieza artística a una lamina de presentación te ayuda a ver que es lo que los datos pueden decir.

Afrontémoslo, los datos pueden ser aburridos, una mezcla de palabras y números que no significan nada mas que valores en bruto, lo que nos obliga a pensar en como contar la historia, que nos permite verificar, que patrones y relaciones encontrar, igualmente las proporciones y jerarquías que necesiten.

*Algunos apartes de este texto fueron toamdos de Visualize This del autor Nathan Yau, y complementado para la clase de Orientación Gráfica

Bienvenidos al 2012

Hola a todos(as)
Bienvenidos a su espacio virtual de Diseño de Orientación Gráfica. Aquí podrán encontrar tips, descargas, vinculos, avances y demás información útil para cada sesión. por ahora les dejo el programa de clase, por si perdieron el impreso. éxitos y que inicie la función.