Diseñando un Mapa para el Transporte de Santiago

Trabajo en Curso.
Última revisión: 2 de noviembre de 2018

Ante el inminente crecimiento de la red de Metro de Santiago, la incorporación de nuevos modos rápidos de transporte (trenes en superficie, teleféricos, corredores de buses segregados, etcétera), y la falta de un lenguaje consistente y unificado entre modos, decidí diseñar por iniciativa propia un mapa completo del Transporte de Santiago. Como resultado se obtuvo un lenguaje gráfico versátil y consistente con potencial de expandirse o comprimirse según distintos contextos y niveles de complejidad. Este artículo pretende compartir algunos lineamientos y decisiones de diseño que guiaron el proceso.

Mapa del Metro de Santiago a noviembre de 2018. Extraído de https://metro.cl/tu-viaje/plano-de-red

A diferencia de otras ocasiones, en donde he intentado imitar el estilo original de Metro, para este mapa decidí empezar desde cero.

Gif animado con el antes y después de modificar los márgenes alrededor de Estación Central. Dadas las múltiples combinaciones entre líneas, ese pequeño cambio afecta la morfología completa del mapa.

Una de mis mayores complejidades durante el desarrollo de mapas independientes ha sido siempre la compresión. Resulta mucho más fácil comprimir desde el principio y después descomprimir –cuando sea pertinente y/o necesario– que tomarse libertades y luego intentar comprimir con todo el mapa hecho, sobre todo si se sigue una separación esquemática consistente, pues cada alteración, por más pequeña que sea, probablemente afecte otras partes del diseño y sea necesario ajustar.

Fragmento ampliado del mapa con márgenes destacados.

Luego de varias pruebas y errores, finalmente opté por seguir un espaciado constante de 9 o 12 unidades de “a”, según sea el caso. Dos unidades de “a” equivalen al ancho de una línea de Metro o MetroTren en el mapa. Para un par de casos especiales, donde no quedó absolutamente ninguna alternativa coherente, opté por duplicar a un espaciado de 18 o 24a.

Antes y después entre el mapa original de Metro a noviembre de 2018 y el mapa rediseñado. Estaciones “Unión Latinoamericana” y “Universidad de Chile” pasan de estar abreviadas como “U.L.A” y “U. de Chile” (respectivamente) a identificarse por sus nombres completos.

A diferencia de otros mapas que he hecho (¡y el mismo mapa del Metro!), me auto-impuse la regla de jamás abreviar una estación — por motivos de usabilidad. Para una persona que se enfrenta por primera vez a la red, o que no habla español, la inconsistencia de nombres entre el mapa y la estación in-situ podría ser un problema, sobre todo considerando que ningún elemento físico en la estación hace alusión a su abreviatura.

Fragmento ampliado del mapa con márgenes destacados en cuadros de texto + líneas horizontales y verticales.

Fragmento ampliado del mapa con márgenes destacados en los cuadros de texto de las estaciones “Unión Latinoamericana” y “República”.

En pos de lograr una consistencia visual en la alineación de los nombres de las estaciones sin necesidad de abreviarlas, definí dos tamaños de cuadro de texto, basándome en el espacio mínimo necesario para escribir las estaciones más largas (Unión Latinoamericana, Hernando de Magallanes, etc) y el mínimo para escribir estaciones con largos más comunes (República, Franklin, etc). El resultado fue una alineación homogénea entre cuadros de texto, segmentada en márgenes verticales, horizontales y diagonales.

Pruebas de tamaño y márgenes del mapa impreso en una hoja doble carta. Algunas secciones incompletas por falta de tinta. Rayas con lápiz pasta encima. Foto en blanco y negro.

Pruebas de tamaño y márgenes del mapa impreso en dos hojas doble carta. Foto a color.

Los tamaños de texto y márgenes de las estaciones funcionaron sin problemas de legibilidad en una impresión a doble carta.

Fragmento ampliado del mapa con foco en Estación Central y Pajaritos.

Cuatro tipos de línea. La primera, correspondiente al Metro, gruesa. La segunda, al MetroTren, del mismo grosor pero con una pequeña línea blanca entremedio. La tercera, al bus, negra y con un grosor reducido. La cuarta, a la caminata, conformada por puntos celestes igualmente espaciados.

Para la diferenciación de modos determiné 4 tipos de línea: Metro, MetroTren, Bus y Caminata. Los cuatro tipos de línea se pueden ver en uso alrededor de Estación Central y Pajaritos. En el primer caso, la caminata denota la combinación entre Estación Central, del Metro, y Alameda, del MetroTren. En el segundo el bus hace alusión a los servicios de TurBus y CentroPuerto que van al Aeropuerto — y tienen combinación directa con el Metro.

Fragmento ampliado del mapa con foco en la zona poniente de Santiago. Quedan visibles el aeropuerto, el río Mapocho, etcétera.

La tipografía utilizada en la totalidad del mapa es IBM Plex Sans, pero para hitos geográficos como el Río Mapocho opté por su par con serifas. La elección de la familia IBM Plex se basó en sus altos niveles de legibilidad y mejor rendimiento en comparación a Helvetica –fuente utilizada por Metro–, sobre todo en formatos pequeños. Ambas fuentes son de libre uso y están disponibles en Google Fonts.

Resultados Preliminares

Gif animado con la evolución gráfica resumida del nuevo mapa.

Las piezas de información que refieren a la ciudad, al igual que el Metro, los buses, o la ciudad en sí misma, viven de un cambio constante, por lo que no me atrevería a dar por terminado el proceso de diseño del mapa. Para culminar una primera versión definitiva primero deben resolverse algunos problemas encontrados en el proceso de testeo:

Mapa rediseñado antes y después del testeo. En la segunda imagen, las líneas y extensiones proyectadas (7 y 6, respectivamente) adquieren sus colores respectivos y una mayor diferenciación de las líneas en operación.

[Solucionado]. Las líneas y extensiones en construcción adquirieron sus colores respectivos y una mayor diferenciación de las líneas en operación para mitigar confusiones planteadas por personas no-familarizadas con los proyectos de la estatal.

Fragmento ampliado del mapa con foco en las combinaciones entre líneas. Se añaden puntos con los colores respectivos de cada línea que combina dentro de círculos con borde negro.

[En Proceso]. Las estaciones Baquedano y Cal y Canto, que en algunos años albergarán 3 líneas de Metro en simultáneo, resultan especialmente conflictivas de comprender para un número significativo de personas entrevistadas. Para esto no creo que exista una solución única, e incluso se podría optar por ignorar el problema y confiar que la gente eventualmente se familiarizará, tal como alguna vez tuvo que suceder en ciudades con el mismo problema, pero de todas formas se están probando diseños alternativos. Cabe resaltar que la alternativa presentada en la parte superior requeriría, al menos en una primera instancia, sacrificar parte importante de la accesibilidad del mapa, haciéndolo particularmente confuso para personas con discapacidades visuales.

Fotomontaje a color del mapa rediseñado inserto en un vagón NS-16 del Metro de Santiago. La versión presentada incluye un trazado del Parque Metropolitano y su teleférico.

Pruebas de tamaño y márgenes del mapa impreso en una hoja doble carta. La versión presentada incluye un trazado del Parque Metropolitano y su teleférico. Foto a color.

Pruebas de tamaño y márgenes del mapa impreso en una hoja doble carta. Personas analizando y discutiendo el diseño del mapa, que incluye un trazado del Parque Metropolitano y su teleférico. Foto a color.

[En Proceso]. Ante la futura incorporación del Teleférico Bicentenario, que unirá las comunas de Huechuraba y Providencia, pareciera pertinente pensar en la incorporación del Parque Metropolitano como hito geográfico complementario al Río Mapocho. No obstante, detrás de la idea surgen conflictos conceptuales respecto a la pertinencia de cada servicio, pues, ¿qué factores otorgan a un proyecto turístico (o desintegrado de la red de transporte público) la relevancia suficiente para ser incluido en el mapa?.

✍️ Para seguir la evolución y el proceso de diseño del mapa, puedes seguirme aquí en Medium y/o en mis redes sociales:

• Twitter — @laurasideral
• Instagram — @laurasideral