Hometown Schematic Map

[rasagy]

Hi everyone,

As discussed in the class, let’s pick our hometowns/city we are familiar with, and create schematic maps. You can find the slides from our class here.

The audience can be tourists (general, or specific type of attractions like pilgrimage, lakes etc.), or a specific use case (such as cycling, educational institutes etc.).

You can see some of the previous schematic map exercises for reference.

You can follow the following steps for your schematic map:

1. Scale, Audience & Purpose
2. Mental model sketch
3. Tracing relevant aspects from OSM
4. Abstraction: Grids & geometric shapes
5. Simplification vs Minimal
6. Elements of the city
7. Visual hierarchy
8. Details: Icons, Typography, Legend, Context

Here are some references to go through:

Schematic Maps:

• Get inspired by the story behind the most iconic schematic map: London Underground Map by Harry Beck.
• A Guardian article featuring animations transforming schematic maps into geographically accurate representations.
• Closer home, have a look at the Isometric & Schematic map of the IIT B by Prof. Mandar Rane.
• Here is the process behind one of my schematic maps: Andamanese Language Map.
• A great collection of schematic maps of most cities around the world created by INAT, like Delhi & Mumbai.

Cartography / Map Design:

• Essays on Digital Cartography by Justin O’Beirne.
• David Rumsey’s huge map collection for some vintage cartography inspiration.
• The Five Elements for forming a mental model of a city, from Kevin Lynch’s book The Image of the City.
• Type hierarchy & details in Dave Imus’s US maps

Resources:

Maki icon set for using quick icons under CC0 license, do try editing them in the Maki Editor if you want to customize them.

[shweta-ratanpura]

Shweta Ratanpura M.Des Interaction Design 216330016

Version 1

Version 2

[amitkumarram95]

Amit Kumar Ram Roll no. 216330005

Topic : A day in Uzanbazar ghat

Location : Uzanbazar, Guwahati, Assam

Out of the many river banks that provide stunning views of the Brahmaputra, Uzanbazar is closest to my heart. Lined with quaint cafes, restaurants and chai stalls, this place is perfect for a lazy stroll. Mornings and nighttimes can be spent hanging out in any of these spots.

However, evenings must be solely reserved for watching the setting sun over the Brahmaputra, while the sky displays majestic shades of reds and purples.

Although, I have marked the supposed start and end point of this journey, these are merely guides and one may choose to freely stroll along the paths that I have highlighted.

Mental model :

Explorations :

As per the feedback provided, the triangular map geometry was ditched for a rectangular layout. This made sense for multiple reasons -

• My mental model of this place is not triangular
• The rectangular grids make the map look clearer

The issue here was to figure out ways to accommodate the diagonal lines that cut through different roads.

The final layout that I decided upon was a rectangular one.

The icons are kept inside a bounding circle, which is connected to a small line ending in a dot. The dot shows the exact location of the entity that the icon represents. The traditional location icon (triangular with a curved top) is not used as icon I am using currently provides a lot of flexibility when arranging multiple elements in tight spaces.

The dull grey color is not overwhelming and does not take away attention from other important elements.

A few iterations were tried out to show the highlighted routes, out of which - the third one was picked because of its simplicity.

When I sat down to create this iteration, I realized that the most important areas on the map were too cramped to fit in all places of interest. Thus, only the places that I personally enjoy - made it to the final map.

Also the smaller diagonal line was broken into two sections to make more room for the important sections of the map - in the final iteration.

The challenge was fitting in all the different important elements within small spaces, in a way that the map didn't look cramped, and there was no ambiguity as to which icon signified which element.

The morning, evening and nighttime routes were highlighted.

Roads that weren't important were marked with crosses.

Universally identifiable locations - such as banks were also marked.

This is the final map that I created :

[Tejaswinipundge]

Tejaswini Pundge 216330012

Topic : Gurudwaras in city of Nanded

Mental model

Area selected

Area Tracing

Tracing

Abstract

Schematic map

Version 1

Version 2

Update Version

[Pratham-IDC]

Pratham Shukla 20u130024

Mental Model:

Tracing:

Labelling:

Abstract steps :

Final Map

[Juii28]

Ride in Sadar, Nagpur

Jui Sonawane 20u130028 3rd year B.des

Sadar is the most famous street, its upmarket, posh business and commercial locality situated in the heart of Nagpur City. It’s the best to place to explore different cafes, restaurants and shopping stores with friends. . I have spent 4 years in Nagpur and got to explore Sadar mostly riding on a bike. Through this assignment, I would like to share some of the most famous and best places in Sadar I think are, and a map that will help you find your way in Sadar.

Audience: Anyone up for a ride on Sadar (especially Young Generation) Schematic Map of Sadar Process :

Mental model

Actual MAP

Tracing the map

Abstraction

Final Schematic Map of Sadar

Feedback from Rasagy and Venkatesh Sir

• The shadow is unnecessary and just makes the map look busy.
• The icons are complicated and can be further simplified
• Stores along the road can be represented by blocks instead of a line along the road.
• Shadows along the road are misleading and unnecessary
• The color scheme works
• Try and reduce Visual Clutter

Revised Final Schematic Map

[tanushkasarang]

Tanushka Sarang 20U130027

Farms in Someshwar Village

• Where? Someshwar Village, Ratnagiri
• Who is it for? Agritourists visiting Someshwar
• Why would they use this map? To maneuver through the mud roads of the village farms.

My mental model of the area

Left: Overview of the area; Center: Farms marked; Right: One particular farm

Tracing the map

1. Tracing of roads and the outline 2. Rotation: Rotated so that the top main road is parallel to the X-axis 3. Scale: Zoomed in to remove unwanted roads

Abstraction of the trees Trying to abstract the trees and place them in a grid

Abstraction of the Map

• Roads

• Undriveable roads with zig-zag lines

• Dead ends, jungle, flow of water and road details

• Semi-Final Abstraction

Second Iteration after Rasagya Sir's online meet feedback:

Styles explored:

After many iterations on the styles and aesthetics, I finally went ahead with the first style itself.

Final Submission

Project guided by Professor Venkatesh Rajamanickam and Prof. Rasagya Sharma

Thank you

[mdawkhar]

Mahesh Dawkhar 20U130007 B.Des

Pune city

Ganapati Pandals

Who - People who come to visit Pune in Ganesh Chaturthi and the students who come from different places for studies in colleges.

Why- This map will help the students to plan their route so that they can save time for searching. There are many pandals in just small area and people miss out on the important pandals because of visiting all pandals.

The locations of some of the must visit Ganpati pandals in Pune will be shown on this map. For brief-Ganesh Chaturthi is a ten-day celebration marking the birth of the god Ganesh. The Ganesh statue is placed in a structure called a pandal; it also serves as a public celebration spot.

1) Mental Map

I am really bad at reading maps and directions. So, I focused as if I am travelling in those streets and tried to memories it. The mental map drawing showed me how abstractly I record maps.

I did a very abstract version of the map first. And redid it again. This time I was memorizing, calculating shapes angles and thinking.

2) Traced Map Traced only the important roads that are needed along with some extra. Used open street map.

3) Abstracting

Forcing metaphors, which are not that important but tried it before going further. Simplified the lines.

Made the angles 45 degree and zoomed in by distorting the left side.

Final Abstract version

4) Color Scheme (Initial) I thought of using blue and orange color scheme.

Reworking after feedback Added more details such as: metro track, road names angle, and division of areas.

4) Color Scheme I tried a lot of color schemes to show the area divisions. I used chroma.js to make these schemes. Choosing colors was hard as green and blue represented greenery and water in a map. Only option was violet or pink.

But nothing helped in understanding the divisions of peth.

So, I finally removed them completely and only kept the outline to divide.

5) Poster After a lot of editing I reached till here.

I added a texture of paper to give it an olden look also it added a yellowish tint which distinguished the road from bg.

Final Map

English Version

Marathi Version

Thoughts: Even though it was a time-consuming task to arrange and coordinate everything, I enjoyed the process of creating the map.

[Ishitasharmax]

Viman Nagar, Pune - A guide for broke students

Schematic Map

Ishita Sharma 20U130030 Bdes, 3rd Year

Pune is a city full of educational institutions, with about 6 colleges in Viman Nagar itself. With a huge student population, most being students who've come from different parts of the country, I decided to create a schematic map that would guide students on having exciting college lives... on a budget. :) (A guide that I would've loved to have had earlier on.)

The schematic map includes a personally curated list of food joints, cafes, street vendors, bars, clubs, stationery shops, Kirana stores, cheap theatres, and wine shops that students could walk to, during their stay at Viman Nagar.

Scale: Local area, Viman Nagar

Tools: Grid Paper (Mental Model), Adobe Illustrator (Tracing)

1. Mental Model

2. Traced Map

3. Abstraction Progress (Rough)

4. Edge Abstraction

5. Colour Schemes

6. Adding the nodes

Final Schematic Map

[AmishaNair]

Student life at RVCA, Bangalore

Amisha Nair Roll no: 20U130006

RV College of Architecture, Bangalore, is situated at the outer edge of the city, in an area called Banashankari. Since it is quite far from the main city, the students often find themselves isolated from the happenings and hubbub of city life. This map is a guide for all the students and aspirants that come and go - of the iconic (and budget-friendly) locations around the institution.

Scale: Street view of Banashankari 6th stage, zoomed in (+zoomed out version to locate the college from nearest metro lines and expressways)

Audience: Students and aspirants

Schematic mapping process and progress - Banashankari, Bangalore

Sketch

Map - Zoomed out

Map - Zoomed in

Tracing stage

FINAL TRACE MAP

Abstraction Sketch

FINAL SCHEMATIC MAP

[Abhinavbansal20]

Fruit Sellers - From Office to Home

Name: Abhinav Bansal Place: Delhi (South Delhi Zone)

The aim is to map the prominent Fruit Vendors (Local + Supermarkets) on the route of the busiest office places for the residents of South Delhi.

Mental Model of Home Place

OSM Map of South Delhi

Tracing the Major linking Roads from the prominent office places to the residential zones and adding the locations of Local Fruit Vendors (Red) and Supermarkets like Reliance Fresh, Modern Bazaar, Big Bazaar (Blue). The colored lines are the respective Metro Lines- the most popular public transport of Delhi.

After highlighting the Major roads, A hexagonal shape appeared. Although it required some tweaking, a symbology was also established. The planning of Modern Delhi is based on a Hexagonal Grid.

Some rotation was done (Approx 25 degrees towards NW) to obtain the hexagon pointing towards South. Since the map is based on South Delhi, a dominant South Axis was now established. An isometric grid was added to this hexagon, and the edges were extended to add context. The extensions are the most common office places in NCR, outside of Delhi. (namely Dwarka, Aerocity, Gurgaon, Noida and Faridabad)

WIP of the Schematic Map

Final Poster - V1

Feedback:

• Make the Metro Lines separate from main roads. Do not use solid colored lines for them.
• Reduce the importance of junctions (Red Circles)
• Landmark Icons are overpowering than the Main Items (Fruit Sellers)
• Label the Supermarkets
• Label the most important roads
• Make the residential zones of a single color only, otherwise there seems to be some distinction.
• Mark the Metro stations on the map

Revised Design

[AadishGeorge]

Aadish george 20u130036

Schematic mapping of football turfs and their adjacent cool drinks spots in Kochi.

[aliviachaudhuri]

Alivia Chaudhuri 216330017 M.Des IxD

Kolkata is a melting pot of cuisines, from the Mughal to British influence, to the prominent presence of Chinese settlers in the city. Though new restaurants, pubs and bars are coming up every now and then, the glamour of the heritage restaurants of Kolkata has not died down. In fact, they are the most sought-after restaurants to date. They have stood the test of time and have become a part of the city's iconic dishes and legacy. This schematic map is a personal curation of the top vintage restaurants of Kolkata for newcomers who want to experience the city's food.

Mental map

Screenshot from Google Maps

Tracing

Simplified

Abstraction

Poster

[ApoorvAnurag]

Apoorv Anurag 216330001 M.Des. Interaction Design 2nd year

Map of Pratapgarh, Uttar Pradesh, showing Major Hospitals

Pratapgarh is my hometown where I have lived most of my life. It is a small town but has most of the basic amenities for people living here. Some of my family members along with other relatives live in a village which is on the outskirts of the city. I have seen them and other villagers running towards hospitals in Pratapgarh city in case of health issues and emergencies.

Since my father is a medical representative and owns a Polyclinic in Pratapgarh, he knows about almost all the doctors and clinic staff in the city. People from my village always ask my father or me how to reach a particular hospital before departing. It's sometimes tough to explain and give landmarks to them as they also don't know about them. So this map is intended to make their search easier and they could find the health facility quickly.

Mental Model

Original Map

(in original North-South Orientation)

Traced Outline

I rotated the original map approx 90 degrees clockwise. This was done so that people can orient themself along with the straight major road in the middle.

Abstraction

Sketching on paper

Transforming into Vector using Grid

Labelling and Colouring

I chose the local known language of the city which is Hindi in Devnagari Script for labeling the locations.

Hindi Map

Making one English version

Review

1. Gradients at the end of roads, river, and railway line works well.
2. Adding labels showing the names of major localities, and roads would aid in using the map.
3. 45-degree labels for hospitals add stress while reading the map. Use double lines for longer names that can't fit.
4. Semantically color coding of the labels with the entity will create a relationship among them. Hospital's icon and labels are red. Bus-stops are coloured grey like the roads to create a relationship between both modes of road transportation. Entities related to railways are updated in yellow.

Improved Versions

[minhaskm]

K M Minhas 20U130013, B.des

Schematic mapping of famous graffiti in Kochi - Progress Mental model

Tracing progress

Abstracting //progress

Final 1 Final 2

[ankitgit-hub]

A runner's guide to Ranchi

Mental Map :

Screengrab from Open street maps

Traced map

Sketches and explorations

Map design explorations

Map color explorations

Final Map

[zuhaasif]

Book Stalls in Kozhikode

Zuha Asif P 216330014

Map View Traced View Abstraction

Final Map 1

Final Map 2

[JaanhaviSP]

Walking tracks in Hosur, Tamil Nadu.

1. Mental model

2. Markings in Gmap

3. Map view

Final Design:

[rubayatahmed]

Rubayat Ahmed 216330013, M.Des

Schematic map of Gar-Ali, Jorhat(Assam). Jorhat is a growing city in the upper Assam region well known for its extensive tea gardens and historic importance. Apart from that It's one of the major education hub of Assam with 10+ established academic institutions. Students from all over the assam and India come this city for quality education. The schematic map will help these students to find places or streets from where they can buy their essential needs.

Mental model :

Abstraction process :

Final design :

Updated Design(Final) :

[IndubhusanRoy]

Finding the best chai in Ahmedabad Indubhusan Roy, 216330002

Ahmedabad is a city in which it is said "Humare khoon me chai hai" or chai runs in our blood. Unlike other cities in India where there is a culture of bars or nightlife which gives people avenues to socialize, Ahmedabad is a dry state. So chai is something on which people meet over or like they say it "chai pe charcha". Ahmedabad is flooded with numerous chai shops and some of these pop up at their own specific timings. Living in Ahmedabad over 6 years and cris crossing the city on two wheelers here is a curated map for chai lovers to find the best quality chai around the city.

Sketching the mental model. Ahmedabad or New Ahmedabad which is where most people migrate to has this unique set of linking roads which connect to the ring roads or the spinal roads. The old city has grown organically grown and because of the heavy traffic there it is not a very popular destination for chai, but of course for other delicacies. Here I have tried to create my mental idea of the city which are the 5 bridges across the Sabarmati river and reach the SG highway and connect the city in a parallel manner.

Tracing the map of ahmedabad

Zooming in and starting to trace again

The road network

Rotating the network and finding cues from the shape

Mapping out the chai points and other landmarks

Final Design

Ahmedabad has a hot dry climate and boasts of a magnificent past with various monuments and 'darwazas' and 'jaalis' spread across. The color palette for the is inspired from these nuances of the city. Walking across the city, going for a heritage tour, these are some splashes of color that the city will paint in a traveler's memory. The city cuts across the five arterial roads as mentioned earlier. It is very easy to navigate across if one follows a straight path across any of these roads. So the map has been kept simple with just a few landmarks. The chai spots have been marked with a chai cup and as one approaches these locations surely they will see a crowd around these tea stalls with the best chai awaiting them.

[shivanginegii]

Shivangi Negi, 216330018 Temples in Choti Kashi- Mandi , Himachal Pradesh Sketching the mental model Tracing The Map

The map although represented the look and feel of contours in hilly terrain needed to be simplified further. So I simplified it more, narrowed down the radius and played with the orientation.

By doing this, the significant components were highlighted only. But the biggest challenge that I faced was to get the essence of temples in hilly terrain. So, as per the advice of Prof. Venkatesh, I tried adapting the 2.5D representation on the map. I felt this fulfilled the purpose of capturing the hilly terrain and highlighting the important temples, landmarks and roads.

But it was looking crowded, and the focus on temples was being taken away, so I tried to change the colour scheme, taking inspiration from Indian temples. Here is the final output.

[ghost]

Mithun Murali M.Des, Roll 216330008

Map of Authentic Malabar Biriyani Spots in Calicut Target users: People who are settled in Calicut for higher education or employment

Step1: Mental model sketch

Step 2: Map tracing and marking the landmarks and places to visit

Step 3: Abstraction

Step 4: Refined Abstraction

[Bishal2288]

Bishal Goswami 214134002 PhD, IDC, IIT Bombay, Spring 2021 Batch

Beautiful walks along beautiful streets and houses in Sanjaynagar and Sadashivanagar, Bangalore

Bangalore is considered to be walk-friendly city in India, owing to its climate and green cover. The government of Karnataka has pledged to dedicate 1000 km of walking lanes all across the city. Having resided in the city of Bangalore for almost a decade in six neighbourhoods, I have particularly enjoyed the slow walks I took in these neighbourhoods. During these walks, I also wondered about the perception of people residing in these places about their own surroundings. Do they know the quiet corners? Do they know all the shortcuts? Do they appreciate the beautiful houses and the bird songs as I do in my walks? This exercise is an attempt to create a map for the residents of Sanjaynagar (the place where I lived) and Sadashivanagar (the place where I worked) and curate an experience for them to appreciate little things that made me smile at one point. This could also be used by other people who like to go out for walks in quaint neighbourhoods and other citizens who might want to know the city better. :-)

Mental map:

Tracing on Open Street Map:

Abstraction: Initial phases:

After tracing on OSM, the major and minor roads and geographical features such as Sankey Tank are abstracted geometrically and many organic streets are laid out in an organised grid. This is important for identifying the neighbourhoods and its limits and establish a connection between them. Arterial roads are marked in red, sub-arterial in orange and rest of the roads in blue. Parks and playground boundaries are filled in green and water body in blue.

Further abstraction is carried out and neighbourhoods are further defined. The 3 neighbourhoods are defined by the arterial and sub-arterial roads running along them. The large institutional lands of IISc, CPRI and Air Force Training Command around the 3 neighbourhoods are shrunk for the neighbourhoods to come closer and become one larger boundary. A dash of colour is used to set the canvas for more detailed markers and explorations.

Final Design:

Colour palette is decided and applied. Detailed markers including houses, cafes, restaurants, bars, tree-lined avenues and neighbourhoods with greater green cover are included in the map. Traffic nodes are also marked and main roads are given names. Hierarchy of roads is established by line type, colour and thickness. Legend is included, the story of the map is written and credits given. The map is ready now.

Revised Design:

Or may be not. After the design is completed, it is realised that the scale of icons don't suit the map so much. Further rescaling of icons is done and additional icons and texts are added to finally complete the map design.

[romapandya49]

Gig spots in Mumbai

Roma Pandya 20U130001 B.Des 3rd year

A few clubs and locations are scattered all over Mumbai that very often host live gigs of musical artists of various genres. A majority of them are in Central and Southern Mumbai. Generally, after attending concerts at these places, you feel hungry and want to get some food close by before going home. So I mapped these locations as well as eateries nearby, for the avid concert goer who is new to Mumbai.

Mental map:

Map

Tracing process

Tracing

Abstraction process (work in progress) Here's the final version

[HarshSPatil]

Harshavardhan 20u130025 Best spots to watch a sunset around my hometown Traced

Use arc to show a setting sun with the roads

[PalakKatiyar09]

Palak Katiyar 20U130008

The five Dynasties of Delhi

1. Mental Map

3. Map

4. Tracing

6. Abstraction

[Naman-Verma-gg]

Naman Verma 20U130015 B.Des 3rd year, IITB

Allahabad's hidden gems for teenager hangouts and hideouts

Mental Map

Map of the area on OSM

Traced Map on the OSM map

Traced Map without the OSM map

Choosing elements to map

The way that Allahabad is normally perceived and people orient themselves with:

Exploring Rotation 1

Choosing Major roads to map (in green)

Possibility of the shape of a peacock feather visible when the major lines are isolated

Also looks like a blooming flower

Exploring Rotation 2

Looks like a bird claw

Still to abstract it and make the final skewed schematic map as I'm in a dilemma choosing one.

[Numaan-Akhtar18]

Numaan Akhtar 20u130018

Deoria- city of the devas

Mind Mapping

Google map

tracing

[AdarshPrakash01]

Adarsh Prakash 20u130016 B.des 3rd year, IITB

unofficial playgrounds in Al-Khobar, Saudi Arabia (there are no official playgrounds near my area other than the park, which is hard to access on having to cross the highway)

the first attempt the scale was too large for comfort

the second attempt was on a more zoomed-in map

abstracting (I haven't marked the playgrounds yet)

FINAL MAP

[A-b-h-i-s-h-e-k-D-u-t-t-a]

Abhishek Dutta 20U130009 B.Des 3rd year

Bokaro Steel City - What people call a peaceful city, undisturbed by strife or hustle, in all honesty, are mere euphemisms for quite an unamusing and dull place, which might serve as a USP for the elderly generation. But for a young (or young-hearted) person, perpetually seeking a bit of adventure and thrill, they might find this city to be a bit disappointing. This map is precisely for those people, mainly showing secret and unexplored paths and areas which one might go to fulfil their adrenalin needs (with a bit of risk involved).

Mental Map

Map Tracing

Map Tracing Comparison

Abstraction Level 1

Abstraction Level 2

Final Abstraction Level

Final Schematic Map

Dark Themed

Light themed

[joe-jatin]

Jatin Anand 20u130017 B.des 3rd yr

[rasagy]

Thanks everyone for sharing your progress & adding the final version! Closing this issue, but please do update your comments if you haven’t added your final maps already!

[dsanika]

Sanika Deshpande 216330011 MDes, 2nd Year (Interaction Design) IDC,IITB

Mulund East is the area where I was grown up. I was earlier a completely residential area which a few food joints. People staying in Mulund East as well as the visitors are very used visiting Mulund West for food joints. This map will help them to explore the food joints developed in Mulund East over the period of time.

[Anngarime]

Annapurna Garimella