Sabes llegar a la UAM Cuajimalpa

Izcalli

¿SABES LLEGAR A LA NUEVA SEDE DE LA UAM-C? Entrega final segundo trimestre Lindavista

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013 Centro

Alamos

C

Narvarte

Coyoacán Culhuacán Coapa

Toluca

Introducción In the age when all design became “information design” [...] information access is no longer just a key form of work but also a new key category of culture.

(Manovich, 1999: 193) Comienzo con este pasaje para hacer énfasis en la importancia del diseño de información. Muchos de los datos obtenidos para el desarrollo de este proyecto se encontraban disponibles para cualquier usuario, sin embargo, la labor del diseñador es recopilar datos robustos y convertirlos en información. A continuación se proporcionan algunas notas sobre el contexto que rodea al proyecto aquí presentado.

sea posible acceder a las instalaciones permanentes de la Universidad.

Dado que los últimos 8 años, los estudiantes, profesores, administrativos, personal de intendencia y demás usuarios frecuentes de la UAM Cuajimalpa han estado acudiendo a sedes alternas, ahora se enfrentan a la necesidad de transportarse a las nuevas instalaciones.

La finalidad de este proyecto será la de proponer algunas rutas de acceso a la nueva sede, proporcionándole a los usuarios frecuentes información para poder trasladarse.

Breve contexto de la UAM Cuajimalpa El Colegio Académico de la Universidad Autónoma Metropolitana aprobó en 2005 la creación de la Unidad Cuajimalpa. Por diversas razones, hasta el día de hoy, se han impartido las clases de esta Unidad en sedes alternas porque la construcción de la nueva sede no se ha podido terminar.

Según las palabras del rector de la Unidad, es posible que este 2013 la construcción de la nueva sede concluya y

1

Imágenes por computadora de la nueva sede de la UAM-C

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Contexto socio cultural La cultura-mundo señala la época del crecimiento exponencial del universo de la comunicación y la información (Lipovetsky, 2011: 51) Como señala Lipovetsky, nos encontramos en un mundo donde hay un crecimiento inmenso de la información, y no sólo eso, también vivimos en sociedades que cambian muy rápidamente y donde las necesidades de la población se modifican muchas veces en función de la tecnología. Un mundo tecnificado cuyo hiperbolismo no deja de exponernos a riesgos mayores, a catástrofes globales, contaminación atmosférica, incógnitas de los OGM (organismos modificados genéticamente), residuos nucleares, calentamiento climático, epidemia de las vacas locas, agotamiento de la biodiversidad. Son riesgos que tienen eso de característico, que no conocen las fronteras nacionales (Lipovetsky, 2011: 49).

Este mundo tecnificado en el que nos encontramos genera que se diluyan las fronteras que separan la cultura, la publicidad y los medios de masas […] las películas se lanzan a partir de mercadotecnia, se producen canciones para el verano, se escriben libros por encargo (Lipovetsky, 2011: 52 y 53), y claramente también sucede esto en las represen-

taciones masivas ya que el espectáculo se halla sujeto a las capacidades de la tecnología digital (Darley, 2002: 131).

Asimismo, sabemos que la tecnología, además de generar una enorme cantidad de conocimiento, se vuelve un idioma universal, y este idioma, en muchos sentidos, está dirigido a las masas: la cultura mundo de los medios de masas tiene ya una larga historia. En realidad esta dinámica se puso en marcha a principios del siglo XX, en concreto con el cine. Éste encarriló la cultura-mundo a dirigirse a los públicos mayoritarios con producciones simples comprensibles para todos. […] Esta dinámica pasó el testigo, en la segunda mitad del siglo XX, a la televisión (Lipovetsky, 2011: 54 y 55).

Me parece muy importante detenernos un momento aquí y pensar en la importancia que la televisión tiene hoy en día como generadora de información, teniendo esto en cuenta, podemos ver cómo ha revolucionado la manera en la que se construyen las sociedades actuales: la televisión ha cambiado el mundo […] ha convertido el mundo mismo en información, pues a través de las imágenes de la pantalla es como el mundo se presenta a las personas y como éstas lo conocen (Lipovetsky, 2011: 55).

Entonces tenemos una sociedad que está regida por la tecnología y la información y donde la televisión juega un papel fundamental. Al ser la televisión un medio tan significativo, la importancia de las imágenes ha aumentado ra-

dicalmente tanto en la publicidad como en el cine: la publicidad en la televisión y el cine constituye un ejemplo muy claro de cómo se han integrado determinadas técnicas de generación de imágenes (Darley, 2002: 142). Y no sólo se trata de la generación de imágenes como tal, sino de cómo éstas han desplazado a la palabra escrita: se ha pasado de un modo de hacer anuncios que se basaba en gran medida en el lenguaje o en el texto, a las formas actuales que se basan cada vez más en las imagen (Darley, 2002: 143).

Además de la televisión, los avances tecnológicos también han impactado radicalmente en la sociedad, y se habla de un progreso que es generador de grandes avances médicos, que permite que las personas tengan una esperanza de vida más larga, una mejora general en la calidad de vida, teniendo esto en mente, ¿los seres humanos somos más felices?, tenemos más oportunidades de estar saludables, hay más posibilidades de acceder a la educación que hace unas décadas, ¿somos entonces más plenos? Del progreso de la alta tecnología se espera más felicidad para los seres humanos: gracias a los <<milagros>> de la técnica no deja de aumentar la esperanza de vida, vivimos más tiempo y con más salud […] Sin embargo, la felicidad no avanza al mismo paso. […] la sociedad técnica tiene más capacidad para reducir las grandes desgracias que para generar más alegría de vivir (Lipovetsky, 2011: 50).

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Esto último es fundamental, ya que, a pesar de todo el desarrollo que la tecnología permite, ésta sigue teniendo algún faltante cultural o social para lograr que los seres humanos seamos más felices. Y esto también lo podemos notar en el consumo de productos culturales, cada vez más hay un mayor número de películas, de obras de teatro, de libros, de exposiciones, y aún así, en general, la mayoría de las personas consume lo que las masas consumen, ya que existe una disionomía paradójica de la cultura-mundo: por un lado una individualización creciente de los consumos culturales, un aumento de la heterogeneidad de las prácticas y los gustos; por el otro una lógica borreguil, un

tropismo de masas hacia las mismas películas y los mismos libros (Lipovetsky, 2011: 54).

Esta última idea (en la que se dice que todo el mundo consume la misma cultura, la misma tecnología) puede ser una desventaja o una oportunidad, en el caso de este proyecto, se utilizará uno de los medios más masivos de información espacial, y se utilizará como ventaja el hecho de que la mayoría de la gente lo conozca y sepa cómo utilizarlo.

A lo largo del desarrollo de este proyecto, se tomaron como base los aspectos antes mencionados, se tuvo en cuenta que hay que filtrar los datos que hay en el mundo para convertirlos en información, y que al vivir en sociedades tan

tecnologizadas, debemos transmitir esa información a través de algún medio digital.

Objetivo Volviendo al contexto de la UAM-C, sabemos que existe la necesidad de la comunidad universitaria de trasladarse hasta la nueva sede de la Universidad. Teniendo en cuenta que la mayor cantidad de usuarios son alumnos, y que la mayoría accederían en transporte público, se ha estipulado el siguiente objetivo para abordar el proyecto:

Proponer un mapa colaborativo de rutas de acceso en transporte público a la nueva sede de la UAM-C para los usuarios habituales de la Universidad (Av. Vasco de Quiroga 4871).

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

¿Existe alguna conexión entre el crecimiento de las ciudades y la ubicación de las universidades?

¿Por qué este tema del crecimiento de las ciudades tiene relación con el tema de estudio, es decir con la ubicación de nuestra sede?

Claro que existe, conforme las ciudades van creciendo se necesitan nuevos y mejores centros educativos para poder satisfacer la demanda de los ciudadanos.

Precisamente porque la construcción de la Unidad Cuajimalpa fue una respuesta a la demanda educativa del país. No había una institución pública de alta categoría en esa zona de la Ciudad de México, por ello fue que se elaboró el proyecto nuestra sede.

Análisis del problema

Teórico A través de cuatro preguntas guía, se analizó la información actual sobre la ubicación de la nueva sede, y al darles respuesta se pudieron acotar los datos y evaluar la zona.

1. ¿Por qué el tema del crecimiento de las ciudades tiene relación con el tema de estudio, es decir con la ubicación de nuestra sede?

Porque la construcción de la Unidad Cuajimalpa fue una respuesta a la demanda educativa del país. No había una institución pública de alta categoría en esa zona de la Ciudad de México, por ello fue que se elaboró el proyecto de nuestra sede.

2. ¿Existe alguna conexión entre el crecimiento de las ciudades y la ubicación de las universidades?

Claro que existe, conforme las ciudades van creciendo se necesitan nuevos y mejores centros educativos para poder satisfacer la demanda de los ciudadanos.

3. ¿A qué necesidad responde que las universidades se ubiquen en determinadas zonas de acuerdo con el crecimiento de las ciudades?

¿Qué demandas por parte de la población existen?

¿A qué necesidad responde que las universidades se ubiquen en determinadas zonas de acuerdo con el crecimiento de las ciudades?

Esto sucede porque en muchos casos, como es el de nuestra ciudad, no hay una planificación precisa del crecimiento urbano, entonces hay grandes zonas habitacionales en la periferia y esto genera grandes desplazamientos de personas, lo que se traduce en caos y tráfico, por ello, construir universidades y centros de trabajo lejos del centro es una buena estrategia para descentralizar los lugares de estudio y prácticas laborales.

Al menos en nuestra ciudad sigue existiendo una gran demanda educativa, no hay suficientes recintos para el aprendizaje y muchos jóvenes se quedan si la oportunidad de estudiar, aunque también es cierto que desde la educación básica hay tantos “huecos” que muchas de las personas que llegan a nivel universitario no tienen las capacidades académicas para terminar sus estudios.

2

Análisis sobre la ubicación de la nueva sede

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Esto sucede porque en muchos casos, como es el de nuestra ciudad, no hay una planificación precisa del crecimiento urbano, entonces hay grandes zonas habitacionales en la periferia y esto genera enormes desplazamientos de personas, lo que se traduce en caos y tráfico, por ello, construir universidades y centros de trabajo lejos del Centro es una buena estrategia para descentralizar los lugares de estudio y prácticas laborales.

4. ¿Qué demandas por parte de la población existen?

Al menos en nuestra ciudad, sigue existiendo una gran demanda educativa, no hay suficientes recintos para el aprendizaje y muchos jóvenes se quedan sin la oportunidad de estudiar, aunque también es cierto que desde la educación básica hay tantos “huecos” que muchas de las personas que llegan a nivel universitario no tienen las capacidades académicas para terminar sus estudios.

ARQUITECTÓNICOS

PERCEPTIVOS

Los lentes de arquitectura o técnicas de dibujos son los utilizados con la finalidad de influir en la conducta arquitectónica urbana, planeada para intervenir en disciplinas como el manejo de

Combinan ideas de la semántica, semiótica, ecología y la psicología Gestalt sobre cómo los usuarios perciben patrones y significados mientras interactúan con los sistemas que les rodean, e invitan al diseñador a pensar en maneras de influenciar el comportamiento de las personas. Predominantemente visuales, también pueden ser sonidos, olores, texturas, etc.,

tráfico a través de un manejo preventivo en el diseño ambiental.

y pueden ser usadas individualmente o combinadas. Con frecuencia, estas técnicas son usadas por los diseñadores sin tener en cuenta el poder de influencia que tienen sobre el comportamiento de la gente.

A PRUEBA DE ERRORES Son aquellos que nos permiten encaminar las conductas mostrando lo que pudiera ocurrir si se llegaran a cometer errores a través de diseños que muestren como la persona puede estar segura y que de no hacerlo pueda tener algún tipo de percance o hacer una mala elección, es elegir la adecuada.

INTERACTIVOS En realidad tiene que ver con casi todo lo que hacemos y usamos en a vida cotidiana, pero

COGNITIVOS

TIPOS DE LENTES

Hacen uso de la psicología cognitiva enfocándose en cómo la gente toma decisiones. Si un diseñador entiende el proceso de la toma de decisiones de los usuarios, ese conocimiento puede ser utilizado para influenciar su comportamiento. Muchas técnicas cognitivas han sido identificadas como potencialmente útiles en su aplicación al diseño.

MAQUIAVÉLICOS

estos lentes se enfocna en hacer que los usuarios tengan una retroalimentación casi inmediata como respuesta a la actividad que están realizando, por ejemplo cuando pagas en linea tu recibo de teléfono el sistema te indica que la transacción se ha realizado con éxito y casi

Design with Intent

de manera inmediata te envían correo de conformación del pago. Es decir que el usuario

by Dan Lockton

se sienta con cierta seguridad o apoyo mientras esta haciendo uso de alguna interfaz ya sea física o virtual/digital.

Este tipo de lentes se rigen bajo la idea de Maquiavelo de que “el fin justifica los medios”. Es común que se les considere poco éticos, sin embargo pueden ser muy útiles como medidas de seguridad, para que un usuario siga utilizando tu marca, para que los consumidores elijan una respuesta que le sirva más a la empresa que si dejaran una pregunta libre, y demás maneras de “guiar” a las personas para que se comporten de determinadas maneras. Elementos de la teoría de juegos están presentes en algunos de los patrones, lo que es digno de mayor investigación.

DE SEGURIDAD

Paralelamente se analizó la propuesta de Dan Lockton para “diseñar con intención” (Lockton, 2010), en la propone varios tipos de “lentes” para evaluar el diseño.

El uso de esta herramienta fue muy útil para poder desarrollar un mejor artefacto de diseño de información tomando algunas sugerencias de la propuesta del autor.

LÚDICOS Los juegos son muy buenos para provocar en la gente que se involucre y deje de pensar en su vida cotidiana, eso nos ayuda a influenciar su comportamiento para llegar a un fin. Se basa en una serie de técnicas para influir en el comportamiento del usuario que se pueden derivar de los juegos y otras interacciones juguetonas, que van desde los mecanismos básicos de la psicología social,como ejemplo podemos mencionar el “piano” que instaló The Fun Theory en las escaleras de Estocolmo para hacer que la gente use más las escaleras

La idea principal de estos lentes es poder impedir ciertos comportamiento de las personas y así poder prevenir algunas de sus acciones. En muchas ocasiones, este tipo de medidas pueden parecer “desagradables” para los usuarios ya que es común que se les trate de “culpables hasta probar lo contrario”. Sin embargo, es posible pensar en formas en que podrían aplicarse para ayudar a los usuarios a controlar sus propios hábitos o comportamientos para su beneficio.

normales que las eléctricas.

3

Tipos de lentes - Dan Lockton

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Práctico El primer acercamiento físico a la nueva sede consistió en hacer una visita a la zona para evaluar algunos de los principales aspectos espaciales, para ello se desarrolló un análisis de texturas del lugar para tener una primera idea general del “ambiente” en esa ubicación.

Este análisis se desarrolló como un instrumento de evaluación que se ha utilizado desde hace mucho tiempo: el montaje […] junto con el collage, el fotomontaje y el ensamblaje, son técnicas o recursos estéticos que se introdujeron inicialmente en las prácticas discursivas del arte moderno, constituyendo asimismo objeto de elaboración teórica (Darley, 2002: 206).

Posterior a este primer análisis más conceptual se hizo un primer acercamiento a cuestiones de movilidad, elaborando así dos rutas desde un punto clave del sur de la Ciudad de México (el Metro Taxqueña), una de ellas en transporte privado y otra en público.

A través de esta aproximación, se pudieron detectar varios aspectos importantes en el recorrido, uno de ellos es tener al Metro Tacubaya como punto de conexión de la zona poniente de la ciudad, dado que tanto del sur, como del norte y del oriente, la mayoría de las rutas en transporte público cruzan por este Metro. Otro dato relevante fue descubrir

UAM Cuajimalpa

4

Análisis de texturas de los alrededores de la nueva sede

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

2 rutas para llegar a la UAM Cuajimalpa desde el sur del D.F.

CHABACANO

ye

titu

ns

Co

30

s nte

TACUBAYA

15 OBSERVATORIO

que la Ruta 5 de microbuses es la principal que conecta ese metro con la zona de Santa Fe. Más adelante se hizo una visita a la obra en donde se pudieron efectuar bocetos y se tomaron fotos de la construcción. En este recorrido se realizó un protocolo de entrevistas para poder obtener la mayor cantidad de datos posibles sobre usuarios reales de la zona.

40 20 Ruta

5

Periférico

45

Va sc o

de

Qu

iro

ga

20

CUAJIMALPA

30

Miguel Án

gel de Qu

evedo

TASQUEÑA

Salida desde el sur del D.F.

RUTA 1 (transporte público - 2 horas) ruta 1 (transporte público - 2 horas) TASQUEÑA CHABACANO TACUBAYA TASQUEÑA CHABACANO TACUBAYA

ESTACIONES DEL METRO ESTACIONES DEL METRO

Rutas de camiones Rutas de camiones

OBSERVATORIO Ruta 5 OBSERVATORIO Ruta 5

Min. Min.

RUTA 2 (automóvil - 1 hora y media) ruta 2 (automóvil - 1 hora y media) Miguel Ángel de Quevedo Miguel Ángel de Quevedo

Cantidad de minutos aproximados en cada uno de Cantidad de minutos aproximados los recorridos en transporte público en cada uno de los recorridos en transporte público

Avenidas principales Avenidas principales

Periférico Periférico

Constituyentes Constituyentes

Vasco de Quiroga Vasco de Quiroga

Cantidad de minutos aproximados en cada uno de en cada

Min. Cantidad de minutos aproximados los recorridos en automóvil Min.

uno de los recorridos en automóvil

5

6

Análisis de dos posibles rutas para acceder a la nueva sede

Fotografías de las rutas analizadas

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

7

Bocetos realizados con una técnica tomada del libro de Farrelly (Farrelly, 2011)

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Protocolo de entrevista UAM-C. Nueva sede

Trabajador 20 años

Asesor del rector en construcción

¿Antes de trabajar aquí, ya conocías esta zona de la Ciudad?

No

No

¿De qué parte de la Ciudad vienes?

Del Pueblo de Santa Fe

De San Pedro de los Pinos

Cuando viniste por primera vez a esta zona, ¿cómo le hiciste para llegar?

Llegó con un compañero de trabajo

Lo llevaron en transporte de la UAM

Camión

Auto y transporte público

1. Poner en contexto la entrevista. Conocimiento territorial de la nueva sede

2. ¿Cómo llegas? ¿Qué tipo de transporte tomas para llegar aquí todos los días?

¿Qué ruta tomaste para llegar?

La Ruta 5 Ruta 1: Sube por Observatorio hasta Constituyentes ahí toma la autopista. Ruta 2: Se sube al segundo piso, se baja en Las Flores,

luego sube por Las Águilas y pasa por los puentes para finalmente

llegar a Avenida Tamaulipas. Ruta 3: Camina al Metro Tacubaya, de ahí salen

peseros que llegan a la glorieta de Vasco de Quiroga y Tamaulipas. Ruta 4:

taxi colectivo, el cual sale del Metro Tacubaya. Ruta 5: Unas combis que

llegan “aquí abajo” en Santa Fe. Ruta 6: Del Metro Tacubaya sale el camión

ecológico. Ruta 7: Hay un camión que va de Tacubaya a Constituyentes y ahí

se toma el pesero que dice ABC ¿Cuánto tiempo tardas en llegar?

30 - 45 minutos

Si sube antes de las 8:00 se hacen 20 – 25 minutos en coche, si es de 9:00 a 10:30 – 11:00 se hace hasta una hora. Si vas en transporte público es alrededor de una hora

¿Cuánto dinero te cuesta llegar hasta aquí?

$5.00

$5.00 (+ gasolina) en coche, $5.00 por camión o $20.00 en el taxi colectivo

¿Qué dificultades hay para llegar a esta la zona (tráfico, violencia)?

Tráfico

Tráfico

3. Servicios ¿En qué horarios utilizas esta zona?

De 8:00 am a 6:00 pm

Es muy variado, pero lo ha usado desde antes de las 8:00 am hasta más allá de las 6:00

¿Dónde comes?

En el comedor de la construcción

En el Pueblo de Cuajimalpa o en Centro Comercial

¿Qué bancos hay por aquí?

-

-

¿Qué hospitales, clínicas o farmacias hay cerca?

No sabe

No hay (más que el ABC)

¿Hay alguna papelería por la zona?

No sabe

En el Pueblo de Cuajimalpa

¿Hay sitios de taxis por aquí?

-

-

¿Qué otro servicio utilizas por esta zona?

-

-

Pesero

Auto y transporte público

4. ¿Cómo regresas? ¿Qué tipo de transporte tomas para regresar a tu casa todos los días?

8

¿Qué ruta tomaste para regresar?

Tomando uno que dice Tacubaya u Observatorio

La terminal está en la contra esquina del Centro Comercial Santa Fe, ahí hay un paradero con varias rutas, de la UAM a ese paradero no hay un camión, se tiene que bajar caminando. Estos camiones hacen la misma ruta que de ida, y te dejan en Metro Tacubaya, Chapultepec y Observatorio

¿Cuánto tiempo tardas en regresar?

30 - 45 minutos

Después de las 11:00 hasta las 4:00 otra vez 25 minutos, de las 4:30 – 5:00 en adelante otra vez una hora

¿Cuánto dinero te cuesta regresar a tu casa?

$5.00

$5.00 (+ gasolina) en coche, $5.00 por camión o $20.00 en el taxi colectivo

¿Qué dificultades hay para regresar de esta la zona (tráfico, violencia)?

Tráfico, más que en la mañana

Tráfico, más que en la mañana

9

Fotografías de la visita de obra

Protocolo de entrevista

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Desarrollo

Análisis contextual Contexto tecnológico Después del análisis teórico y práctico que se llevó a cabo, se comenzó a pensar en posibles soluciones al problema, y existían principalmente cuatro de ellas, una consistía en la ubicación de la sede desde diversos puntos de la ciudad, otra era que la comunidad universitaria supiese cómo ubicarse dentro de la nueva Unidad, también era necesario conocer los puntos de referencia más importantes en el trayecto de llegada y finalmente que los usuarios principales tuviesen referencias espaciales de los servicios que existen alrededor de la Universidad.

Afortunadamente, el proyecto se dividió entre los integrantes del curso y cada uno de nosotros desarrolló uno de los puntos antes mencionados. En mi caso, decidí enfocarme a proponer diversas rutas de acceso a la Universidad desde nueve puntos distintos, procurando que éstas abarcasen la zona sur, norte, oriente y poniente de la ciudad (esto se explicará más detalladamente cuando se hable sobre el uso de Google Maps).

Al haber elegido el desarrollo de diversas rutas de acceso, me enfrenté al problema de qué herramienta utilizar, y para poder definir esto, fue muy importante tener en cuenta el momento tecnológico en el que nos encontramos. En la introducción de este documento ya mencioné algunos de los aspectos clave sobre la tecnología hoy en día, sin embargo, es importante tener presentes algunas cosas más.

Partamos de que las nuevas formas tecnológicas utilizan a la cultura de masas como “usuarios habituales” como lo menciona Darley: con la aparición de nuevas formas tecnológicas basadas en la reproductibilidad en masa y con el surgimiento de la industrialización de la producción cultural, la clasificación genérica se hizo moneda corriente dentro del ámbito de la cultura <<popular>> o de masas (Darley, 2002: 213). ¿Esto qué significa?, pues que hay herramientas tecnológicas que son utilizadas por grandes cantidades de la población, lo que las convierte en estándares de uso en la vida cotidiana.

La tecnología no sólo se ha utilizado como herramienta, sino que ha modificado las construcciones espaciales que se tenían previamente: computer media revolution affects all stages of communication, including acquisition, manipulating, storage and distribution; it also affects all types of media - text, still images, moving images, sound, and

spatial constructions (Manovich, 1999: 43), y no sólo eso, la tecnología también es capaz de cambiar los lenguajes culturales existentes: there is no reason to privilege computer in the role of media exhibition and distribution machine over a computer used as a tool for media production or as a media storage device. All have the same potential to change existing cultural languages. And all have the same potential to leave culture as it is (Manovich, 1999: 43).

Entonces, sabemos que la tecnología ha modificado algunas de nuestras construcciones espaciales y que puede cambiar los lenguajes culturales existentes, esto le da un poder impresionante que no debemos perder de vista.

Ahora bien, es muy importante tener en cuenta que estos nuevos medios tecnológicos no nacen por generación espontánea, sino que parten de elementos previos: new media objects are rarely created completely from scratch; usually they are assembled from ready-made parts (Manovich, 1999: 120).

Al analizar todo esto, decidí que utilizar Google Maps como herramienta tecnológica sería seguramente la mejor opción ya que es un medio existente, estándar en la ubicación espacial y que podría servir para generar información nueva y útil.

Otra de las grandes ventajas de Google Maps es que se puede poner información en tiempo real sobre los mapas,

Contexto tecnológico

Análisis contextual AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

permitiendo que exista una relación muy cercana del mundo virtual con el real.

En este sentido, Manovich nos habla de la “telepresencia”, que es un “estado” en el que nos encontramos en dos lugares al mismo tiempo: telepresence encompasses two different situations: being “present” in a synthetic computer generated environment (what is commonly referred as virtual reality ) and being “present” in a real remote physical location (Manovich, 1999: 154).

Lo interesante de este “estado” es que no tienes que estar físicamente en un lugar para realizar un efecto sobre él; the essence of telepresence is that it is anti-presence. I don’t have to be physically present in a location to affect reality at this location. A better term would be teleaction.

Acting over distance. In real time (Manovich, 1999: 155). Esta idea de “no estar en un lugar” permitiría convertir los mapas y rutas en información colaborativa de fácil acceso.

Finalmente es importante aclarar que dentro de estas características tecnológicas, lo que más se destaca es la hibridación, la mezcla de elementos existentes con otros nuevos que resulten en información más rica. En este sentido podemos tomar como referencia lo que comenta Manovich sobre el arte electrónico y los DJ: electronic art from its very beginning was based on a new principle: modification of an already existing signal […] DJ best demonstrates its new lo-

gic: selection and combination of pre-existent elements. […] true art lies in the “mix” (Manovich, 1999: 122 y 129). Así, la idea será modificar lo que ya existe previamente y generar una mezcla, un híbrido con el que se proporcione información pertinente.

AEIOU Además del análisis de todos los aspectos tecnológicos antes mencionados, se realizó una primera evaluación sobre los principales problemas alrededor de la nueva sede, se examinó la zona geográfica y se encontró que existe una gran diversidad de orígenes de los futuros usuarios, también sabemos que es un lugar nuevo y desconocido, que hay permanentes conflictos viales, que en general es una zona conflictiva, que hay un desarrollo constructivo constante, que existen mitos alrededor de ella y otros puntos más. Después de esto se buscaron soluciones pensando en que éstas fuesen viables, usables y preferibles.

Posteriormente, como parte del análisis conceptual, se hizo un ejercicio basado en el sistema AEIOU desarrollado por Rick Robinson, Ilya Prokopoff, John Cain y Julie Pokorny (Martin y Hanington, 2012). Dicho sistema consta de los siguientes cinco puntos:

Activities are goal-directed sets of actions—paths towards things people want to accomplish. What are the modes people work in, and the specific activities and processes they go through?

Environments include the entire arena where activities take place. What is the character and function of the space overall, of each individual’s spaces, and of shared spaces?

Interactions are between a person and someone or something else; they are the building blocks of activities. What is the nature of routine and special interactions between people, between people and objects in their environment, and across distances?

Objects are building blocks of the environment, key elements sometimes put to complex or unintended uses (thus changing their function, meaning and context). What are the objects and devices people have in their environments and how do they relate to their activities?

Users are the people whose behaviors, preferences, and needs are being observed. Who is there? What are their roles and relationships? What are their values and prejudices?

Basándome en este sistema, decidí que como actividad principal elegiría la ubicación, ya que es el aspecto principal en la elaboración de mapas. En cuanto al entorno, finalmen-

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

SOLUCIONES

Viables ¶ Realizable ¶ Económicamente accesible ¶ Que existan los recursos tecnológicos, de conocimiento y de software

Elaborar una solución compleja para dar respuesta a la diversidad de orígenes

Procurar que la solución integre a la diversidad de usuarios

Usables ¶ Cognitivas ¶ Emocionales ¶ Ergonómicas ¶ Accesibles

Hay una gran diversidad de usuarios

Enfrentar dichos mitos generando información

Existe una diversidad de orígenes

Existen mitos alrededor de ella

Preferibles ¶ Que cumpla su función ¶ Que sea la mejor solución Difundir zonas de crecimiento

te me decidí por Google Maps, ya que como lo mencioné anteriormente y como lo desarrollaré más adelante, considero que es una herramienta óptima para utilizar como base en este proyecto. La interacción principal será la de identificar rutas, el objeto serán las calles y los usuarios serán las personas que quieran llegar a la UAM-C. Estos últimos se dividirán en los seis tipos que proponen Alan Cooper, Robert Reimann y David Cronin en su libro About Face, The Essentials of Interaction Design 3 como veremos en la sección “Usuarios”.

Hay un desarrollo constructivo constante

Proporcionar certidumbre

Es nueva

Ubicación de la nueva sede

Hay desconocimiento

Dar información

Existen conflictos viales permanentes

Va a ser un cambio Es una zona conflictiva

Proporcionar certidumbre y confianza para poder tomar decisiones

Proponer rutas alternas y difundir los conflictos

Proporcionar a los usuarios horarios y alternativas

10

Análisis de problemas de la ubicación de la nueva sede

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

E

I

Entorno

Interacción

Google Maps

A

Identificar ruta

Ubicar

Calles

Actividad

O

Objeto Persona que quiere llegar a la UAM-C

U

Usuario 11

12

Fotografías del ejercicio AEIOU

Análisis AEIOU

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Justificación del problema ¿Porqué Google Maps?

If we take seriously the dictionary-definition of creation, “to bring into being or form out of nothing”, creativity seems to be not only unintelligible but strictly impossible.

(Boden, 2004: 11) Comienzo esta sección con este pasaje de Margaret Boden porque me parece muy ilustrativo, es imposible crear cosas de la nada, todo se basa en algo previo. Y es por esto que considero que la utilización de Google Maps para este proyecto es una buena solución; es una herramienta que ya existe pero con la cuál se generará información nueva al colocar datos distintos sobre los mapas preestablecidos.

Además de eso, hay que tener muy presente la portabilidad que la aplicación nos permite tener: the increased computational power of portable devices such as smart phones and laptops, and their integration with widely available global positioning systems, are opening the way for a new range of location-based applications that integrate and coordinate users’ mediated interactions and data exchanges with other users’ live geographical positions. This user-generated information, shared on navigable live virtual

maps such as Google Latitude, Foursquare and Gowalla, illustrates the increasing use of location-based applications and the Web to create, assemble and disseminate personal information (in the form of images, sounds and text) to enable shared experiences of individually and socially relevant spaces and events (Lapenta, 2011: 14).

Otro punto a tomar en cuenta, fue el hecho de que una gran cantidad de personas y empresas han utilizado previamente a Google Maps como herramienta base, esto indica la necesidad de la gente de utilizar esta plataforma y las posibilidades que nos brinda: Google Maps is a very helpful tool to help us find businesses and other points of interest that we want to know about. Since its arrival, businesses have been integrating this tool on their websites to help people where to find them. Google Maps used to be a simple map although it requires a complex process to have it integrated on a website (Sonny, 2012).

Incluso la UAM Cuajimalpa ya tiene en su página web una liga a un mapa de Google Maps, el asunto es que no tiene información extra que la que te proporciona la aplicación, sino que únicamente marca dónde se encuentra la Universidad. Aunque ya haya gente que utiliza esta herramienta, no quiere decir que hacer un proyecto más con ésta sea menos interesante: someone who comes up with a bright idea is not necessarily less creative just because someone

13

Página web actual de la ubicación de la UAM-C

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

else had it before them. Indeed, if the person who had it first was Shakespeare, or Euclid, we’d think even more highly of the achievement (Boden, 2004: 2).

De esta manera, el hecho de que todo el mundo utilice Google Maps, no significa que no se pueda hacer diseño de información con esta herramienta, sino que se pueden aprovechar todas las ventajas que brinda y añadir datos relevantes para generar información útil para los usuarios.

Al analizar cuáles de estos datos sería pertinente proporcionar, se decidió elaborar nueve rutas para abarcar los cuatro puntos cardinales de la Ciudad, de esta manera se tiene la ruta de Toluca al poniente, la de Centro, Alamos y Narvarte al oriente, Coyoacán, Coapa y Culhuacán al sur y Lindavista e Izcalli al norte.

Cada una de estas rutas contendrá información de utilidad para los usuarios, costo del traslado, tiempo aproximado del recorrido, puntos de inicio, y demás elementos que lo ayudarán a ubicarse de una mejor manera.

También, la decisión de utilizar Google Maps, se basa un poco en el concepto “teleaction” que menciona Manovich, en el que indica que las operaciones (tecnológicas) se realizan por los usuarios “Selection” is the operation employed by both professional designers and end users. “Compositing” is used exclusively belongs exclusively by the designers. The third operation, “teleaction,” is an example of ope-

ration typically used by users (Manovich, 1999: 118), esto es muy importante en el proyecto por el carácter colaborativo que se mencionará a continuación.

Finalmente, como se mostrará a continuación, esta herramienta permite añadir una gran cantidad de información extra a los mapas preestablecidos. Añadir dicha información no es muy complicado, pero sí requiere de ciertos conocimientos sobre programas de edición de imagen, por ejemplo, para añadir un símbolo personalizado, se requiere hacer una imagen en png, jpg o gif, con ciertas características técnicas para que el programa lo reconozca.

También, para añadir imágenes, se requiere tenerlas en línea, porque lo único que permite Google Maps es añadir enlaces, así que si uno quiere subir una imagen y no tiene una página web, tendrá que abrir un blog donde las pueda subir para posteriormente contar con los links que el programa solicita.

Todos estos “inconvenientes”, considero que podrían arreglarse, es cuestión de tiempo y de quizá generar una aplicación específica para ayudar a usuarios con menos capacidades digitales a realizar este tipo de tareas.

A continuación veremos tres ejemplos de aplicaciones que se han realizado con Google Maps y también imágenes que muestran los niveles de información que se pueden añadir a un mapa.

14

Tres aplicaciones realizadas con jQuery Google Maps Plugins

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

15

Ejemplo de una de las 9 rutas

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Tiempo de recorrido

Lugar de salida

16

Análisis del tipo de información que se puede añadir a un mapa de Google Maps

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Costo del trayecto

Logotipos del metro

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Tramos de la ruta

Inicio y final de la ruta

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Tipo de transporte

Datos específicos del transporte

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Distancia de cada uno de los recorridos

“Tips” o datos de interés para el usuario

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Sección de evaluación del mapa

Sección de comentarios

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

¿Porqué un mapa colaborativo?

WEB 2.0 platforms […] can […] be described as an innovative form of coordination and social articulation of the exchange of information: a form of adaptation to the selection of relevant information among the ever-increasing amount of data available and their ever-changing social function and signification.

(Lapenta, 2011: 20) De la cita anterior quiero rescatar la frase “una forma innovadora de coordinación y articulación social para el intercambio de información”. De alguna manera ese es mi objetivo con el proyecto, a través de un mapa colaborativo, intercambiar información entre la comunidad de la UAM-C. Además del intercambio informativo, es importante darle a los usuarios el carácter de autores en el proyecto, que sientan que su participación está generando información nueva y valiosa, ya que podrán realizar nuevas rutas, comentar sobre aspectos en los que no estén de acuerdo, subir fotos y dar opiniones. New media users are similarly asked to select from pre-defined menus of choices when using software to create documents or access various Internet services […] end users feel that they are not just consumers but “authors” creating a new media object or experience (Manovich, 1999: 121).

Izcalli Lindavista

Centro Toluca

CUAJIMALPA

Alamos Narvarte

Coyoacán Coapa Culhuacán

Y la importancia de estos dos puntos anteriores, el intercambio de información y la autoría de los usuarios, también es constatada por Lipovetsky: La era del todo-pantalla no suministra sólo una cantidad ilimitada y continua de imágenes e información, sino que trae aparejada, con la Red y la Web 2.0, una comunicación interactiva, descentralizada, producida por los individuos mismos (Lipovetsky, 2011: 56).

Teniendo todo esto en cuenta, se intentará convertir a los usuarios comunes del proyecto en prosumidores, lo que requerirá que éstos enfoquen sus formas de pensamiento en la colaboración, para ello tendrán que valerse de sus recursos previos para poder añadir datos pertinentes al proyecto: the mind´s creations must be produced by the mind´s own resources […] involves some new combination of previously existing elements (Boden, 2004: 40), por lo que será muy importante proporcionar a los participantes cierta información como base, para que más adelante puedan hacer uso de ella, lo que permitirá que los mapas no caduquen, que la gente los siga enriqueciendo y que de esta manera siempre se encuentren vigentes.

Para finalizar esta sección, cito un pasaje que leí en un blog de la UNESCO y la Universitat Oberta de Catalunya, en éste, se describe un poco lo que permite hacer Google Maps, esto me pareció interesante ya que se hace un énfasis en las posibilidades de colaboración que esta he-

17

Orientación de las 9 rutas

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

rramienta ya ha planteado con anterioridad y el cómo los usuarios responden positivamente ante ello: Hasta ahora habíamos cantado a las maravillas de Google Maps [...] Si alguien me da una buena herramienta de mapas con la posibilidad de acceder a sus entrañas para aplicar sus funcionalidades a mis grandes ideas, el resultado será una buena nueva aplicación derivada. Pero hasta ahora sufríamos una consecuencia de la construcción de Google Maps. Si localizábamos un punto y a Google Maps le daba por ubicarlo en el lugar incorrecto, poco más podíamos hacer aparte de echarnos las manos a la cabeza y patalear. Sin embargo, los chicos de Google [...] han decidido dar un paso más en la filosofía colaborativa. ¿Por qué no dejar que el usuario corrija nuestros errores? [...] los desarrolladores de Google han abierto la aplicación a las correcciones del usuario. A partir de ahora, si localizas tu casa o tu trabajo y Google Maps se equivoca podrás reubicar el punto en el lugar y exacto y aportar tu granito de arena al carácter colaborativo que está convirtiendo la Red en la mayor revolución imaginable (UNESCO, UOC).

Usuarios Es fundamental, tener en cuenta para qué tipo de usuarios se está desarrollando un proyecto: What we then must do is

prioritize our personas to determine which should be the primary design target. The goal is to find a single persona from the set whose needs and goals can be completely and happily satisfied by a single interface without disenfranchising any of the other personas.We accomplish this through a process of designating persona types. There are six types of persona, and they are typically designated in roughly the order listed here: Primary, Secondary, Supplemental, Customer, Served and Negative (Cooper, Reimann y Cronin, 2007: 104).

En base a esta clasificación, se asignaron los usuarios del proyecto de la siguiente manera: ¶ Primarios Alumnos de la UAM Cuajimalpa ¶ Secundarios Profesores, administrativos y trabajadores de la UAM Cuajimalpa ¶ Suplementales Profesores y alumnos invitados, alumnos potenciales, padres de familia, personas interesadas en la oferta cultural de la UAM Cuajimalpa y gente que quiere conocer la Universidad ¶ Cliente UAM Cuajimalpa ¶ Servidos Personas que van a recoger a alguien a la UAM Cuajimalpa ¶ Negativos Las personas que no tengan ningún interés por acceder a la UAM Cuajimalpa o quienes no tienen acceso a internet para poder ver los mapas

Escenario de uso Ya que los usuarios primarios serán los alumnos de la Universidad, el proyecto se dirigió hacia el transporte público, porque la mayoría de los estudiantes se trasladarían por este medio. Es importante hacer estas acotaciones por aquello de la “coherencia cultural” que es parte de la relevancia de tomar en cuenta el contexto en donde se desarrolla un proyecto.

No sólo en los proyectos es importante tomar en cuenta esta coherencia cultural, sino también en las construcciones del lenguaje, en el siguiente pasaje, en el que se habla de metáforas queda muy clara la importancia: It is hard to distinguish the physical from the cultural basis of a metaphor, since the choice of one physical basis from among many possible ones has to do with cultural coherence (Lakoff y Johnson, 1980: 19).

Menciono lo del lenguaje, porque me parece importante relacionar la usabilidad del artefacto de diseño de información con cuestiones culturales; es casi imposible que el mismo diseño funcione para todas las sociedades y culturas, ya que cada una tiene sus propias maneras de entender las cosas y hace uso de metáforas del lenguaje visual muy distintas, así que si no se toman en cuenta cuestiones culturales y de contexto el resultado no será el ideal.

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

A continuación se relatará el escenario de uso ideal que tendría que seguir un estudiante para poder acceder a la información espacial realizada en este proyecto: El estudiante de la UAM-C tiene dos opciones para acceder a la información espacial realizada en Google Maps. La primera opción consiste en escanear los códigos QR que se colocarán en un cartel realizado especialmente para este proyecto. Si opta por hacerlo así, tendrá la posibilidad de acceder a nueve códigos, cada uno de ellos lo llevará a una de las siguientes rutas: Toluca, Izcalli, Lindavista, Centro, Alamos, Narvarte, Coyoacán, Coapa y Culhuacán.

Si el estudiante se decide por la segunda opción, entonces tendrá que acceder a la página web de la UAM-C, en la sección de contacto de ésta, tendrá acceso a una liga directa a la web del proyecto. Al dar click en la liga, se abrirá una página web independiente a la de la Universidad y se desplegará el mapa completo con las nueve rutas antes mencionadas, al dar click sobre alguna de ellas le llevará al mapa diseñado de Google Maps.

Además del mapa general, el usuario se encontrará con tres botones, el primero de ellos es el de “Conoce el proyecto” en el que vendrá un texto explicativo de este trabajo. El segundo botón es “Descubre las rutas” en donde el alumno encontrará una breve explicación de la sección y tendrá la

posibilidad de darle click a uno de los nueve mapas que aparecen. Al seleccionar alguno de ellos, se desplegará la información detallada de la ruta y se podrá observar el mapa en un tamaño mucho mayor, esto permitirá poder ver el inicio y el final del recorrido. En esa misma sección se podrá selecciona cualquiera de las otras rutas ya que éstas se encontrarán en la parte inferior de la pantalla. Finalmente, si se elige el último botón “Colabora con los mapas” se desplegarán tres opciones “¿Para qué colaborar?”, “¿Quién puede participar?” y “¿Cómo modificar rutas?”, cada una de estas posibilidades llevará al usuario a un texto informativo que responderá a las preguntas.

Tomando lo anterior en cuenta, para organizar algunos de los procesos del proyecto, se realizaron diagramas UML para poder ordenar las acciones realizadas y tener más claro el orden de las actividades.

Por ejemplo, uno de los diagramas que fue más útil fue el de actividades, ya que con éste, pude explicar todos los pasos que se requieren para añadir un símbolo a Google Maps, tarea que puede parecer muy fácil, pero que requiere de una larga lista de tareas.

Desarrollo gráfico Diagramas UML Todo gira en torno de una visión. Un sistema complejo toma forma cuando alguien tiene la visión de cómo la tecnología puede mejorar las cosas. Los desarrolladores tienen que entender completamente la idea y mantenerla en la mente mientras crean el sistema que le dé forma.

(Schmuller)

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

<< no

Esperar a que haya señal

Insertar un signo del Metro en Google Maps

Seleccionar “Publish Photo”

Entrar a internet

hay señal >>

<< sí

Seleccionar “Ver entrada”

hay señal >>

(más de 30 signos en total) Seleccionar “Editar” para ver el contenido de la imagen

Buscar en la red “logotipo vectores metro Tacubaya”

<< no

Sistema de ubicación de la Unidad Cuajimalpa de la UAM

hay resultados >>

<< sí

hay resultados >>

Seleccionar “Text”

Buscar imagen en pixeles

Descargar archivo en vectores

Descargar archivo en pixeles

Abrir en Illustrator

Abrir en Photoshop

Editar archivo

Seleccionar el logotipo con la “varita mágica”

Abrir en InDesign

Invertir la selección

Colocar sobre signo previamente diseñado

Borrar la selección

Copiar el signo

Invertir la selección

Abrir en Photoshop archivo previamente diseñado con las medidas óptimas

Pintar de color blanco

Pegar el signo

Recortar sobrante

Guardar en formato GIF

Guardar en formato PNG

Abrir navegador Google Chrome

Archivo en vectores

Copiar el enalce web que aparece en la pantalla

Archivo en pixeles

Pasos desde entrar a internet hasta colocar el signo en la plataforma

Abrir una página nueva en el navegador web

Entrar a Google Maps

Escribir mail y contraseña

Obtener información

<<

para usar >>

Transporte público

Una vez que se ha realizado el registro acceder a “Mis lugares”

Seleccionar el mapa donde se insertará el signo

Alumno de la UAM-C

Seleccionar la opción “Editar”

Seleccionar opción “Metro Tacubaya”

Transportarse

Seleccionar el signo predeterminado

Seleccionar “Agregar un ícono”

Entrar al blog previamente realizado para obtener enlaces web Pegar el enlace web previamente copiado

Seleccionar “New Post”

Ubicarse

Seleccionar la opción “Aceptar”

Seleccionar “Photo” en el nuevo tipo de “Post” Seleccionar nuevamente la opción “Aceptar”

Añadir el archivo GIF previamente guardado Seleccionar la opción “Guardar”

Escribir el nombre del “Post” Seleccionar la opción “Finalizar”

18

Ejemplos de diagramas UML

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

DesdeIzcalli:Ruta

DesdeAlamos:Ruta

DesdeCulhuacan:Ruta

colorDeSignos = verde formaDeLosSignos = gotaVerde colorDeRutas = verde

colorDeSignos = azulClaro formaDeLosSignos = gotaAzulClaro colorDeRutas = azulClaro

colorDeSignos = negro formaDeLosSignos = gotaNegra colorDeRutas = negro

plantaDeLaFord() tipsDeLaRuta() fotos()

metrobusXola() tipsDeLaRuta() fotos()

metroLomasEstrella() tipsDeLaRuta() fotos()

DesdeLindavista:Ruta

DesdeNarvarte:Ruta

DesdeCoapa:Ruta

colorDeSignos = gris formaDeLosSignos = gotaGris colorDeRutas = gris

colorDeSignos = azulObscuro formaDeLosSignos = gotaAzulObscuro colorDeRutas = azulObscuro

colorDeSignos = rojo formaDeLosSignos = gotaRoja colorDeRutas = rojo

metroLindavista() tipsDeLaRuta() fotos()

eje5surConEjeCentral() tipsDeLaRuta() fotos()

lasBombasYEje3Oriente() tipsDeLaRuta() fotos()

DesdeCentro:Ruta

DesdeCoyoacan:Ruta

Mapa

DesdeToluca:Ruta

Inicio y fin de las rutas

colorDeSignos = naranja formaDeLosSignos = gotaNaranja colorDeRutas = naranja

colorDeSignos = magenta formaDeLosSignos = gotaMagenta colorDeRutas = magenta

colorDeSignos = vino formaDeLosSignos = gotaVino colorDeRutas = vino

metroSanCosme() tipsDeLaRuta() fotos()

metroTaxquena() tipsDeLaRuta() fotos()

tecnologicoRegional() tipsDeLaRuta() fotos()

Fotos

Tips de la ruta

Horario

Calle

Gente

Costo

Transporte publico

Edificios

Señales

Metro

Andén

Metrobus

Pesero

Ecobus

Señales

Rutas

Izcalli

Lindavista

Centro

Alamos

Narvarte

Coyoacan

Culhuacan

Coapa

Toluca

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

GMT

:GUI

:Internet

:GoogleMaps

:BuscadorDeMapas

Teclazo sobre el mapa

Mapa Usuarios Alumno Mapa Mapa

1 Tiene

1

n Utilizan

n

1 Utiliza

n

1 Tiene

9

1 Tiene

1..*

Punto de inicio

uno a uno

Transportes

muchos a muchos

Transportes

uno a muchos

Rutas Colaboraciones

uno a nueve uno a uno o más Mostrar mapa solicitado

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

:Monitor

Estructura de contenidos Complexity is both necessary and manageable [...] But complexity can overwhelm and frustrate us [...] Designers can do their part, organizing and structuring the systems we deal with so that we can understand and learn them (Norman, 2011: 222) Esta cita de Norman es muy interesante ya que da cuenta de la relevancia que el diseño puede tener ante el mundo tan complejo en el que vivimos. También Berger puntualiza la importancia de los diseñadores gráficos en la actualidad: the graphic designer, who charts the territory of language, image, and symbols, surfaced early in the twentieth century as the champion of intelligently shaped communication for all types of applications (Berger, 2009: 10).

También hay que tener en mente que un diseño efectivo tiene el potencial de influir en el comportamiento de las personas Persuasive Technology has the potential to influence user behavior for social benefit, e.g. to reduce environmental impact, but designers are lacking guidance choosing among design techniques for influencing interaction (Lockton, 2010).

Poder influir en el comportamiento de la gente es muy importante cuando se lleva a cabo un proyecto de diseño

de información, porque teniendo esto en cuenta se puede guiar a las personas a que vayan por el camino adecuado en función de las necesidades establecidas.

A continuación se muestran dos diagramas de contenidos, uno de ellos muestra la estructura en dos dimensiones de la página web desde el sitio de la UAM Cuajimalpa y el otro muestra las características particulares del sitio a través de un diagrama en 3D. Etiquetas La elección del nombre de las etiquetas utilizadas en una pagina web, en un libro, en un índice, o en cualquier artefacto que contenga información, es fundamental para una adecuada navegación en ellos, y para esto hay que tomar en cuenta las características cognitivas del ser humano: Linguistic categories should be of the same type as other categories in our conceptual system. In particular, they should show prototype and basic-level effects. Evidence about the nature of linguistic categories should contribute to a general understanding of cognitive categories in general. Because language has such a rich category structure and because linguistic evidence is so abundant, the study of linguistic categorization should be one of the prime sources of evidence for the nature of category structure in general (Lakoff, 1987: 58).

Para la página web del proyecto se hicieron tres botones principales: “Conoce el proyecto”, “Descubre las rutas” y “Colabora con los mapas”. La idea consistió en destacar las palabras “conoce”, “descubre” y “colabora” para que de un vistazo general el usuario se pudiese dar una idea de las posibilidades del proyecto, también se trató de evitar la disonancia acústica de la palabra, por lo que se realizaron varias pruebas hasta llegar al resultado final. Dentro del botón “Colabora con los mapas” se añadieron tres etiquetas más: “¿Para qué colaborar?”, “¿Quién puede participar?” y “¿Cómo modificar rutas?”. La idea de los textos anteriores es que los tres fuesen preguntas y que todas se compusieran de tres palabras para que se unificara la información.

Interfaz de uso Para la elaboración del prototipo, se realizó una plantilla (que se mostrará después de los diagramas de estructura de contenidos) en la que se desarrolló una adecuada jerarquización de los elementos en la página web.

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

www.cua.uam.mx

Inicio

Acerca de

Licenciaturas

Posgrados

Investigación

Consejo Académico

Rectoría de Unidad

Divisiones Académicas

Académicos

Alumnos

Cultura

Servicios

Correo trabajadores

Correo alumnos

Ubicación Sedes

Directorio

Noticias anteriores

Buscador

Facebook

Twitter

Rectoría General

Azcapotzalco

Lerma

Iztapalapa

Xochimilco

Políticas de Privacidad

Mapa de Sitio

Linki

continúa hacia: B

continúa hacia: C

continúa hacia: D

continúa hacia: E

continúa hacia: F

continúa hacia: G

continúa hacia: H

continúa hacia: I

continúa hacia: J

continúa hacia: K

continúa hacia: L

continúa hacia: M

continúa hacia: N

continúa hacia: Ñ

continúa hacia: O

continúa hacia: P

continúa hacia: Q

continúa hacia: R

continúa hacia: S

continúa hacia: T

continúa hacia: U

continúa hacia: V

continúa hacia: W

continúa hacia: X

continúa hacia: Y

continúa hacia: Z

continúa hacia: A

Misión, Visión, Valores y Objetivos

Modelo Educativo

Estructura Curricular

Plan de Desarrollo Institucional 2008-2018

Plan de Desarrollo Institucional 2012-2024

continúa hacia: A01

continúa hacia: A02

continúa hacia: A03

continúa hacia: A04

continúa hacia: A05

Sede Definitiva

Ubicación

Transparencia

Calendario Escolar

Legislación Universitaria

Protección Civil

Encuestas

continúa hacia: A06

continúa hacia: A07

continúa hacia: A08

continúa hacia: A09

continúa hacia: A10

Galerías de momentos destacados

continúa hacia: B01

Mapa de rutas elaborado por usuarios frecuentes

Like

Send

Tweet

g+1

Share

Digg

Continuar

El proyecto

Los mapas

Quiero colaborar

Texto informativo

Regístrate

Nombre Matrícula Correo electrónico

Desde Toluca

Desde Izcalli

Desde el Centro

Desde Coapa

Desde Culhuacán

Desde Coyoacán

Mapa Toluca

Mapa Izcalli

Mapa Centro

Mapa Coapa

Mapa Culhuacán

Mapa Coyoacán

Mapa Culhuacán del proyecto

Guardar en Mis lugares

Yosune

Evaluar este mapa

Escribir un comentario

KML

g+1

Reportar un problema

Inicio de ruta - Metro Lomas Estrella (línea 12)

- Recorrido del Metro -

Yosune

Metro Mixcoac (líneas 7 y 12)

Cómo llegar

Buscar en alrededores

- Recorrido del Metro -

Guardar en

Editar

Yosune

Ruta 5 de pesero

Fin de ruta - UAM-C

Más

Acercar aquí

Colaborar

Metro Tacubaya (líneas 1, 7 y 9)

Mapa Culhuacán colaborativo

Evaluar este mapa

Street View

Escribir un comentario

KML

g+1

Inicio de ruta - Metro Lomas Estrella (línea 12)

- Recorrido del Metro -

Yosune

Metro Mixcoac (líneas 7 y 12)

Cómo llegar

Buscar en alrededores

- Recorrido del Metro -

Guardar en

Metro Tacubaya (líneas 1, 7 y 9)

Ruta 5 de pesero

Fin de ruta - UAM-C

Más

Acercar aquí

Street View

19

Estructura de contenidos de la página web en dos dimensiones

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Ma p de a gen to e ruta das laral 9R s s U mú TAS ltiple pos s ibilid ade s

Tex to info rm

CO N el p OCE roy ecto

ativ

o Ma p Ma a Goo ps g

Tex to info rm

ativ

o Des

de

le

Info detarmació la rullada n ta de

Izca

lli Des Lindde avis ta

Ma p Ma a Goo ps gle Info detarmació la rullada n ta de

Ma p Ma a Goo ps gle Info rm a deta ció Ma n ll a p la ru da Des Ma a Goo de ta de ps gle Cen Info tro rm deta ació Ma n ll p la ru ada Des Ma a Goo d ta e ps gle Ala de Info mo s rm deta ació Ma n la rullada p Des d Ma a Goo ta e ps gle Narvde Info arte rma DE d c e ió talla n S Ma las CUB p d la a Des ruta de ruta RE Ma a Goo ps s gle ww Coyde Info oac ma w. án detarmació pa cola Ma llad n la p Des ruta a de tivo bora Ma a Goo ps gle Culhde .co uamc Info m uac rm án deta ació Ma n ll p la ru ada Des Ma a Goo d ta e de ps gle Coa Info pa rm deta ació la rullada n Des d ta e de Tolu ca Tex to info rma tivo ¿PA R cola A Q bora UÉ r? ¿Q U pue IÉN partde CO icip LAB ar? con O R ma los A pas

Tex to info rm

ativ

o

¿CÓ mo MO d ruta ificar s?

Tex to info rm

ativ

o

20

Estructura de contenidos de la página web en 3D

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

21

Interfaz de uso

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Prototipo

R-0 G-0 B-0

Good design is good interaction, and interaction, to a large extent, is about proper communication.

(Norman, 2011: 225)

Culhuacán

Me pareció que esta cita de Norman nos ayuda a tener claro que un buen diseño significa una buena comunicación, y quizá parece algo obvio, pero muchas veces en los detalles se pierde la esencia del proyecto, por lo que es muy importante prestar atención a cada una de las partes del trabajo.

La elección del color de las nueve rutas fue fundamental, ya que la paleta de colores que tiene por default Google Maps genera que las posibilidades se reduzcan. Se tuvieron que buscar colores que contrastaran con los de la herramienta para que se pudiesen distinguir muy bien los recorridos sobre el mapa.

Además de la página web, se realizó un cartel para acercar la información a los usuarios primarios, de esta manera, si éstos no acceden a la página web de la Universidad podrán ver los mapas a través de los códigos QR colocados en éste ya que se instalará uno en cada una de las sedes alternas.

R - 130 G - 130 B - 130

Lindavista

R - 255 G - 30 B - 30

Coapa

Toluca

R - 250 G - 150 B - 30

Centro

R - 30 G - 190 B - 200

Google Maps

Alamos

R - 150 G - 50 B - 30

R - 170 G - 75 B - 160

Coyoacán

R - 30 G - 30 B - 255

Narvarte

R - 115 G - 110 B - 50

Izcalli

22

Paleta de colores de Google Maps y la utilizada para las 9 rutas

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE

COLABORA

las rutas

con los mapas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE las rutas

COLABORA con los mapas

Izcalli

Este proyecto inició como trabajo final para Problemas de Diseño de Información: Ubicación en el espacio de la Maestría en Diseño, Información y Comunicación (MADIC) de la Universidad Autónoma Metropolitana Unidad Cuajimalpa.

El objetivo general era ubicar la nueva sede de la Unidad, y cada uno de los alumnos desarrolló el problema desde distintos enfoques.

Lindavista

El proyecto aquí presentado consiste en proponer un mapa colaborativo de rutas de acceso en transporte público a la nueva sede de la UAM-C para los usuarios habituales de la Universidad.

Centro

CUAJIMALPA

Alamos Narvarte Coyoacán Coapa

Culhuacán

El proyecto fue desarrollado por Yosune Chamizo Alberro bajo la dirección de Nora A. Morales Zaragoza, Angélica Martínez de la Peña, Octavio Mercado G., Joaquín Sergio Zepeda Hernández y Vicente Castellanos.

Toluca

23

Prototipo de página web

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

En esta sección se encuentran los enlaces a las 9 rutas proporcionadas hasta ahora en el proyecto.

En la sección de colaboración, podrás añadir más rutas y hacer que el proyecto crezca.

COLABORA

las rutas

con los mapas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE las rutas

COLABORA con los mapas

Toluca Tecnológico Regional Pesero Crisa Base camión

Desde Izcalli

Desde Lindavista

Recorrido a pie

Desde Centro

Parabús Tollocan Camión

Hemos elegido algunos puntos clave de inicio de ruta (Coyoacán, Izcalli, Coapa, etc) sin embargo, si vives más o menos por alguna de estas zonas, podrás ver el tipo de transportes cercanos para poder llegar a la UAM-C. Selecciona alguno de los mapas para poder ver todos los detalles que te ofrece la ruta.

DESCUBRE

Base El Yaqui Recorrido a pie Base Ruta 5

Desde Alamos

Desde Narvarte

Pesero ruta 5

Desde Coyoacán

$49

1 hr. 30 min

Desde Culhuacán

Desde Coapa

Izcalli

Desde Toluca

Lindavista

Centro

Alamos

Narvarte

Coyoacán

Culhuacán

Coapa

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

9 RUTAS múltiples posibilidades

CONOCE

DESCUBRE

el proyecto

las rutas

COLABORA con los mapas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE las rutas

COLABORA con los mapas

SI PARTICIPAS:

¿PARA QUÉ colaborar?

¿QUIÉN puede participar?

¿CÓMO modificar rutas?

Explicación

Reglas

Instrucciones

Los mapas no se volverán obsoletos La comunidad de la UAM Cuajimalpa se mantendrá activa en ubicar su sede Las rutas estarán siempre vigentes sin importar nuevas construcciones y modificaciones en las vialidades Habrá consejos de usuarios reales y fotografías para beneficio de todos los usuarios Los visitantes de la Universidad tendrán una herramienta más para planear su ruta a la institución

¿PARA QUÉ?

¿QUIÉN?

¿CÓMO?

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE las rutas

COLABORA con los mapas

9 RUTAS múltiples posibilidades

CONOCE el proyecto

DESCUBRE las rutas

COLABORA con los mapas

¡TODOS!

PASOS PARA COLABORAR

El objetivo del proyecto es que cualquier persona interesada pueda aportar información a las rutas, las únicas reglas son las mínimas para que el mapa se enriquezca:

Solicita que te añadan como colaborador en Sistemas Escolares. Si no eres parte de la UAM-C haz un comentario abierto en el mapa en el que quieres participar y nos pondremos en contacto contigo en el correo que nos digas.

Accede al mapa que quieras modificar seleccionando el menú “descubre las rutas” Haz los cambios pertinentes dando click sobre la ruta, símbolo o foto que quieras modificar Guarda los cambios para que todos los usuarios puedan acceder a la información que proporcionaste

Agregar información pertinente. Nuevas vialidades, puntos importantes en el trayecto, fotos de la ruta, y demás No añadir datos personales. Hay que tener en mente que el mapa estará disponible para cualquier persona, y que el fin último es llegar a la Universidad, cualquier información que no ayude a este fin, no debería ser parte de la colaboración.

¿PARA QUÉ?

¿QUIÉN?

¿CÓMO?

¿PARA QUÉ?

¿QUIÉN?

¿CÓMO?

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Izcalli

¿SABES LLEGAR A LA NUEVA SEDE DE LA UAM-C? En este cartel podrás obtener información de 9 rutas posibles para acceder a la Universidad. Si escaneas los códigos QR te enlazarán directamente a un mapa de Google Maps (diseñado específicamente para este proyecto) donde vendrá información detallada de cada uno de los recorridos. Si no tienes un dispositivo para poder hacerlo, la información la podrás encontrar en la sección “ubicación” de la página oficial de la UAM Cuajimalpa.

Lindavista

Centro

Alamos

C

Narvarte

Coyoacán Culhuacán Coapa

Toluca

Rutas detalladas (incluye tiempo y costo aproximados en el traslado) INICIO DE RUTAS

Izcalli

Planta de la Ford

Pesero

EL ROSARIO

Lindavista

LINDAVISTA

Metro

EL ROSARIO

Centro

SAN COSME

Metro

TACUBA

Alamos

XOLA

Narvarte

Eje 5 Sur y Eje Central

Camión GMT

Coyoacán

TAXQUEÑA

Culhuacán

LOMAS ESTRELLA

Metro

Coapa

Las Bombas y Eje 3 Ote.

Toluca

Tecnológico Regional

Pesero

Pesero Crisa

TACUBAYA

Pesero ruta 5

Pesero ruta 5

Pesero ruta 5

OBSERVATORIO

PINO SUÁREZ

Metro

Pesero ruta 5

TACUBAYA

Metro

Metro

TACUBAYA

Metrobús

TACUBAYA

Metro

MIXCOAC

Metro

Metro

ESCUADRÓN 201

Base camión

Pesero ruta 5

BALDERAS

Ecobús

TACUBAYA

Metro

Recorrido a pie

C. Com. Santa Fe

Pesero ruta 5

Pesero ruta 5

SALTO DEL AGUA

Parabús Tollocan

Camión

Metro

OBSERVATORIO

Base El Yaqui

Recorrido a pie

Pesero ruta 5

Base Ruta 5

Pesero ruta 5

2 hrs. 30 min

$18

2 hrs.

$10

1 hr. 30 min

$8

1 hr. 30 min

$10

1 hr. 30 min

$10

2 hrs.

$18

1 hr. 45 min

$15

2 hrs. 30 min

$12

1 hr. 30 min

$49

24

25

Prototipo de cartel

Ejemplo de visualización de una de las rutas en un teléfono inteligente

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Matriz de evaluación

Es muy importante desarrollar herramientas que evalúen el diseño para poder dar cuenta de la comprensión que los

usuarios tienen sobre nuestras propuestas. A continuación se muestra una posible matriz de evaluación y la califica-

Nada (2)

Poco (4)

ción realizada por un posible usuario final del artefacto de diseño de información.

Regular (6)

Mucho (8)

Totalmente (10)

Calificación

Aspectos generales X 6

¿Tiene una URL fácil de recordar?

¿Es consistente el diseño general del sitio web?

X 10

¿Indica cuándo se actualiza?

X 10

Identidad de información ¿Se muestra claramente la identidad del sitio a través de todas las páginas?

X 10

¿La identidad gráfica es significativa, identificable y suficientemente visible?

X 10

¿Se proporcionan mecanismos para ponerse en contacto con el proyecto?

X 10

Lenguaje y redacción ¿Emplea un lenguaje claro y concisco?

X 10

¿Es amigable, familiar y cercano?

X 10

¿Cada párrafo transmite una idea?

X 10

Etiquetado ¿Las etiquetas (nombres) son significativas/os? ¿Usa términos estandarizados (“mapa de sitio”, “acerca de”...?

X 10

X 8

¿Usa un único sistema de organización, bien definido y claro (alfabético, geográfico...)?

X 10

Total 9.5 26

Matriz de evaluación

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

Conclusiones Errors are wonderful teaching opportunities (Norman, 2011: 227) Es muy interesante como los avances computacionales han influido tan fuertemente en nuestra cultura, como lo dice claramente Manovich all social, economic, and cultural systems of modern society—run on software (Manovich, 2008: 3).

La importancia del software está al nivel de otros grandes inventos en la historia: the universal adoption of software throughout global culture industries is at least as importance as the invention of print, photography or cinema […] without software contemporary networks would not exist (Manovich, 2008: 84).

Y es que el software ha hecho posible la globalización: If electricity and the combustion engine made industrial society possible, software similarly enables global information society. […] Software is what also drives the process of globalization (Manovich, 2008: 4). ¿Y qué tiene que ver el software con el proyecto?, pues justamente que el software es la base de la tecnología, la tecnología nos lleva a lo global, y una de las herramientas más utilizadas en este mundo global, es sin duda, Google Maps, por lo que haber elegido esta plataforma para desarrollar el

proyecto, ha sido muy útil y ha permitido generar resultados.

Los mapas realizados en este proyecto combinan la información previamente existente con datos nuevos añadidos para mostrar el transporte público de la Ciudad, esto los convierte en mapas híbridos: we are now living through a second stage in the evolution of a computer metamedium, which follows the first stage of its invention and implementation. This new stage is about media hybridization (Manovich, 2008: 72) y este tipo de mapas ha avanzado tanto que gracias a ellos tenemos una interfaz 3D del planeta: Google Earth combines aerial photography, satellite imagery, 3D computer graphics, still photography and other media to create a new hybrid representation which Google engineers called “3D interface to the planet” (Manovich, 2008: 73).

Y hablando de la hibridación, es bueno saber que cuando ésta se lleva a cabo, los resultados pueden ser mucho más ricos: “what happens with media languages as they hybridize […] they acquire new properties - becoming richer as a result” (Manovich, 2008: 78).

La ventaja de usar una herramienta tan avanzada como lo es Google Maps, es que también la gente puede acceder a la información extra que ésta tiene, por ejemplo, las fotografías de las rutas que quiere conocer gracias a Street View: Google Maps has offered Street Views that add panoramic photo-based views of city streets to other media

types already used in Google Maps (Manovich, 2008: 85).

Es importante mencionar que los híbridos no necesariamente necesitan reconfiguraciones profundas para generar información novedosa: the hybrids also do not necessary have to involve a “deep” reconfiguration of previously separate media languages and/or the common structures of media objects (Manovich, 2008: 89).

El resultado de este proyecto es un artefacto de diseño de información interactivo, colaborativo y con posibilidades de expandirse, como afirma Peñalosa detrás del concepto “interactividad”, se encuentra el de diálogo, y este intercambio es fundamental para el conocimiento (Peñalosa, 2010).

De esta manera, al tener un sistema interactivo se intenta generar información nueva que nos lleve al conocimiento.

Desafortunadamente, por las características temporales en las que se desarrolló el proyecto, no fue posible hacer un test de usuarios ni elaborar una evaluación de usabilidad, sin embargo, la matriz de evaluación arrojó una calificación bastante satisfactoria (9,5). Lo que hará falta evaluar es la facilidad de uso de los mapas dentro de Google Maps.

En una actualización posterior del proyecto se podrían implementar herramientas que permitiesen a los usuarios tener una libertad más grande de edición en los mapas, una forma más sencilla de subir imágenes y alguna manera práctica de elaborar símbolos.

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas

A través del cartel, los alumnos de la Universidad podrán tener un acercamiento real a los mapas que ya existen en Google Maps y aunque la página web no esté en línea, al menos podrán tener acceso a la información de las rutas que se han desarrollado para este proyecto.

Fuentes consultadas 20 + Useful jQuery Google Maps Plugins http://www.tripwiremagazine.com/2012/06/jquery-google-maps.html Baer, Kim. (2010). Information Design Workbook: Graphic Approaches, Solutions and Inspiration + 30 Case Studies. Beverly, Mass.: Rockport Publishers.

Berger, Craig. (2009). Wayfinding: Design and Implementing Graphic Navigational Systems. Suiza-Reino Unido: RotoVision.

Boden, Margaret. (1991). The creative mind: Myths & mechanisms. New York: Basic Books.

Cooper, Alan. (2007). Modeling Users: Personas and Goals en About Face 3. The Essentials of Interaction Design.

Indianápolis: Wiley, p. 75-108.

Darley, Andrew. (2002). Cultura visual digital. Espectáculo y nuevos géneros en los medios de comunicación. Barcelona: Paidós

Davies, Jim. (2007). Legible London. Yellow Book: A Prototype Wayfinding System for London. Londres: Transport of London.

Farrelly, Lorraine. (2011) Dibujo para el Diseño urbano. Barcelona: Blume Google Maps, más democrático en http://unescochair-elearning.uoc.edu/blog/2007/11/23/google-maps-mas-democratico Education & Technology for Social Change, un blog de la UNESCO y la UOC (Universitat Oberta de Catalunya) Lakoff, George y Johnson, Mark. (1980). Metaphors we live by. Chicago: University of Chicago Press.

Lakoff, George; (1987) Women, Fire, and Dangerous Things, What Categories Reveal about the Mind. The University of Chicago Press Lipovetsky, Gilles y Juvin, Hervé. (2011). El occidente globalizado. Un debate sobre la cultura planetaria. España: Anagrama.

Lockton, Don. (2010). Design with Intent. 101 Patterns for Influencing Behaviour through Design. Reino Unido: Equifine.

Manovich, Lev. (2005). El lenguaje de los nuevos medios de comunicación. Barcelona: Paidós.

Manovich, Lev. (2008). Software Takes Command. Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License.

Martin, B. y Hanington B. (2012). Universal Methods of Design. 100 Ways to Research Complex Problems, Develop Innovative Ideas and Design Effective Solutions. Beverly, Mass: Rockport Publishers.

Norman, Donald. (2011). Managing Complexity. A Partnership en Living with Complexity. Cambridge: MIT Press, p. 221-251.

Peñalosa, Eduardo. y Castañeda, Sandra. (2010). Análisis cuantitativo de los efectos de las modalidades interactivas en el aprendizaje en línea. Revista Mexicana de Investigación Educativa, 15(47), 1181-1222.

Schmuller, Joseph. (2001). Aprendiendo UML en 24 horas.

México: Prentice Hall.

Contexto tecnológico Análisis contextual

AEIOU ¿Porqué Google Maps? ¿Porqué un mapa colaborativo?

Justificación del problema Breve contexto de la UAM Cuajimalpa

Usuarios Teórico

Introducción

Contexto socio cultural

Análisis del problema

Desarrollo

Escenarios de uso

Práctico Objetivo

Diagramas UML Estructura de contenidos Desarrollo gráfico

Yosune Chamizo Alberro Maestría en Diseño, Información y Comunicación Abril de 2013

Etiquetas Interfaz de uso Prototipo

Matriz de evaluación

Conclusiones

Fuentes consultadas