Map in an app

[rasagy]

Hi everyone,

Let’s use this issue to work on our map-in-an-app exercise. Our aim is to create a prototype for an app where a map plays a key role.

You can pick from the following approaches:

1. Redesign the map experience that already exists in an existing app
2. Add a new feature/workflow that includes a map in an existing app
3. Create a new map-based app

Document your design process:

1. Idea, target user group, similar apps
2. Brainstorm potential problems this will solve/features it’ll offer (vs it won’t offer)
3. User flow, IA, wireframes etc for the concept
4. Aesthetic/branding inspiration (moodboard/references)
5. Map style using Mapbox studio
6. Hi fid screens/prototype

Aim for three aspects when incorporating this map in your app design:

1. Custom basemap designed in Mapbox Studio
2. Overlays that focus on highlighting some info (can be added on Figma/any design tool)
3. Interactions with the map

References

• My Pinterest board with some inspiration for map-in-an-app
• Great collection of Map UI Patterns
• Mapbox’s Guide to Map Design

[ipsitaccc]

Ideas for Map in an App

Idea 1 A very personalized itinerary for travelers in the form of a map where they can plan their day out and see information about crowd, weather, traffic conditions, time needed, accessibility etc.

Idea 2 A map where one can 'unearth' layers to see what existed in the same place 5, 10, 15, 20 years ago. (can experiment with variable map styles maybe)

Final Submission

[SamruddhiBulbule]

Submission:

https://www.behance.net/gallery/192931809/Gpay-Expense-Tracking

Previously on...:

Topics:

1. Metro route schematic map: Shows information about activities around the route and station
2. Who can do my task in city?- in small town where are the places & shops where I can get my work done

3. Map for gpay-expense tracking

4. Map Music: Can be a feature of app like spotify or new app. Embedded contextual music on map

[anmllol]

Ideas for Map in App

Idea 1

A co-living app that helps users find compatible flatmates or roommates by matching them based on shared interests, hobbies, and professional backgrounds. The app includes a map feature displaying suitable locations along with nearby facilities.

Target user group

Age group - Young Professional (18-35 years old)

Users

1. University students
2. Recent graduates
3. Bachelors
4. Entry-level employees
5. Freelancers

6. Digital nomads

   Similar apps

1. Housing - Suggests nearby facilities via map however map is not the key feature of the application

2. Coliving.com (international application) - Use of map only for the rates of coliving spaces based on the location.

3. happn Dating app - Map for locating places based on the users match and their interest. More emphasis on map based match and other activity.

4. Meetup: Social Events & Groups - Exploring city through map and finding events nearby

   User Problems

5. Compatible flatmates - Difficulty finding potential roommates with similar interests and lifestyles through traditional methods.

6. Suitable location - Intimidating and time-consuming process of researching neighborhoods and available co-living options.

7. Limited Amenities - Uncertainty about access to necessary amenities and transportation links.

8. Move-in difficulty - Setting home at new location is a hassle. Finding suitable shops for basic needs is difficult.

Experience

1. Interest hotspots: Overlay the map with vibrant icons representing various hobbies and activities (e.g., music venues for music lovers, gyms for fitness enthusiasts).
2. Proximity filters: Allow users to easily adjust a radius around their desired location, focusing on areas rich in their chosen interests. For discovering nearby services for new movers. for eg., grocery shops, cleaning service.
3. Dynamic co-living markers: As users zoom and pan, see co-living spaces appear on the map, pulsating with different colors based on the user's interest match with the residents.
4. Matchmaker feature: A "Find My Tribe" button on the map that let the app suggest co-living spaces with residents based on the highest compatibility score based on shared interests and lifestyle.
5. Virtual tours and walkabouts: Schedule immersive virtual tours of the co-living space directly from the map marker, or propose local walks within the area to explore shared interests.

[UtkarshSing98]

IDEA 1 A Map based interface for Google News to view news based on your location

IDEA 2 Creating a Map for BookMyShow that helps users select the right hall and movie for them

IDEA 3 A Map for Cubbon Park to find the right people with similar interest

FINAL IDEA : Map for Users of Book My Show

Target User Group:

A Group of friends ( 18 -35 ) living in different areas in a metropolitan city (e.g., Delhi, Mumbai, Bangalore). Occupation: Students and working professionals from diverse fields. Technological Proficiency: Moderate to high proficiency with mobile applications and online services

Problems

1. Difficulty in Coordinating Timing Problem: It is challenging to coordinate with all friends and find a common time when everyone is free

2. Challenges in Movie Selection Problem: Selecting a movie that is agreeable to everyone can be a complex decision-making process

3. Difficulty in Choosing a Cinema Problem: Selecting a cinema that is comfortable and convenient for everyone in terms of Location, Amenities, Nearby food places, Audio/Video Quality, Seats, and Parking, poses a challenge

4. Budget Coordination Problem: Coordinating and aligning budgets for tickets can be challenging

Current Booking Process

User Flow

Final Protoype: https://drive.google.com/file/d/1bGcyvwJyuXKiwZDMhRgF6ksbVwxfgW6Z/view?usp=sharing

Currently working on the Payment screens and overall documentation

[gmeenal98]

Idea 1 — Internal navigation of public spaces (eg. hospitals, festivals, markets, etc.) Idea 2 — Public Transport Tracking (bus, metro); real time tracking like we have for cabs Idea 3 — How much have you traveled in your city; All the routes you have taken, places you have explored, etc. Idea 4 — Map your online expenses

Features

• Track your travel (roads, locations, etc.) with time stamps and travel history
• Customise your nodes by specifying certain locations such as home, workplace, friend's place, etc.
• Automatic map generation using location (user does not need to add anything/ perform any task on the application if they don't want to)
• Add friends to certain nodes/trips
• Gamification (unlock places, earn awards)
• Suggestions based on their usual travel
• Travel patterns

Tasks

• View your map
• Use filters (location, time range, etc.)
• Categorise your nodes
• Add pictures, notes, friends to nodes
• View travel patterns and suggested places
• Unlock places and earn awards (eg. new city, museum enthusiast, etc.)

Similar Apps

• Google maps, Google Fit
• Places Been
• Track My Journey
• PolarSteps Most of these applications require the user to actively add location points, etc for the journey to be recorded. Some only record destinations and not movement pattern.

[arunikasajith]

Concepts for map in app task:

Idea 1: Map to find pet-care / pet-friendly spaces Idea 2: Map to find tender coconut vendors in Kerala Idea 3: A map to track animals/birds within a national park Idea 4: Map to locate houseboat tourism services and track the houseboat

[Meg-exe]

Topic ideas:

1. Markets of Mumbai A Map showcasing all the markets in Mumbai and navigation through the various markets.

2. Ganesh pandal Trackers A Map showcasing all the Ganesh pandals in Mumbai, its immersion spots and other relevant data like places to shop from for the occasion.

Selected topic: Markets of Mumbai - Making navigation easy through the markets of Mumbai.

[anjalikothari]

IDEA 1 : A map in the existing NRC (Nike run club) app.

IDEA 2: A map for an instore shopping experience (malls, melas) etc.

documentation

[Eesha-2002]

Topics

Idea 1 - An app helping piligrims in the Temple City of Puri to visit other hidden temples around the main temple and plan there stay in the city.

Idea 2 - Extension to the news application Inshorts, where people can also pick a place/state/country to read news from

Idea 3 - An app to unearth monuments that have gotten lost over the years in the city of Bhopal

Idea 4- An app helping you figure out places to shop for wedding wrt to their budgets, in different cities of India.

Target User Group

Cultural Tourists - Cultural tourists visiting the city for the first time can get guidance to go about the city and learn about its rich culture and heritage. They can plan their visit with respect to their duration of stay, covering important destinations to get an essence of the city.

College Students - As the city boasts a robust education infrastructure, it sees a huge influx of college students flocking the city every year. The app can be a guide to their city exploration and be a learning platform at the same time.

Similar Apps / Competition

Incredible India- The website gives information about heritage sites spread across India and is run by Ministry of Tourism. They have separate state government sites as well that help plan trips across their respective state.

Google Maps - Provides location of places to visit and helps navigating to reach the destination.

Sygic Travel - Similar to google maps but in mobile.

Trip Hobo - Web-based application to plan a trip to a destination.

Problem Areas

1. No major mobile based application other than Google maps. Sygic Travel needs paid subscription to access ones itinerary.
2. Google maps cannot be used solely to plan a trip, needs juggling between various websites and applications.
3. All the websites cover only major tourist attraction and miss out on the less known monuments of a place.
4. No application solely dedicated to complete history and heritage of these places.
5. Most of them are just information portals about the places.
6. All the trips curated are based for 4-6 days travel, hopping between cities

Experience that can be given

1. Narrates the history of a place as you go around the city.
2. Help plan heritage trails with respect to duration of the stay
3. Takes around lesser known monuments, thus shedding light on them.
4. Reduce hassle of juggling between various websites

Probable Features of the App

PLAN | NAVIGATE | KNOW

1. Plan itinerary at a local level
2. View your plan on a map to gauge distances
3. Navigate to the spots and experience even lesser known spots on the go
4. Get information about the spots right on the application

Other features -

• Share experience on the blog and sociall media directly from the app
• Keep track of local heritage event taking place at various spots across the city and plan a visit.

User Flows

Mood Board

Mapbox exploration

Day Views

Night view

[andriamarinus]

idea 1 An urban graffiti/ mural/ street art exploration application where users can locate graffiti from different artist of the city. The location of these street art is crowd-sourced. The app can be gamified by making it pokimon go-esque, where users can visit these spots, collect the artist's virtual stickers and gain points. The map style can change wrt to the style of art you are viewing.

idea 2 An application where you can view photos of a location from different time periods. It can incorporate AR technology to overlay historical photos onto the current view through the user's device camera. This allows users to see a side-by-side comparison of the past and present in real-time. These photos can be crowd-sourced.

[NomeshwariReddy]

1. Exhibitions/mela application In big melas and exhibitions, people tend to get stuck of where is what and there is also tendency that they get lost or their children get lost in the crowd. the major problems is to understand where they are, knowing their surroundings. other problems yet to be mapped.

2. Creating Experiential Map using Music. I am not pretty sure about this or not yet thought of the user group yet, but travelling or driving always associated with music.... so what can we do? to make this more experiential? could be like music based on location, playlists of people in that area etc., etc., Like that particular context people have local musics or popularly listening music and they can listen to it, i have to think about it.

3. Tourist Maps, customising their whole experience based on their timeline and providing ideas of how to go about it,, ex: a person came to banglore for 3 days and 2 days he have free time and he wants to spend time in bengaluru, but he dont know how to plan the distances etc., so he will install the app and enter his available dates and times , all his preferences, and the map will create a plan of it,,,,,

4. Adding a feature on dating applications locating the date places and right swipping to find right date places

Link for the final prototype:

https://www.figma.com/proto/gwLQjwYQ1BAnqNX6CYqrru/Cartography?page-id=0%3A1&type=design&node-id=324-12880&viewport=219%2C-258%2C0.04&t=3PVbMOsyRwqXcqBw-1&scaling=scale-down&starting-point-node-id=324%3A12880&mode=design

[Chinmayk79]

1. Community Story Wall: Create an app that transforms physical walls into digital storytelling canvases. Users can contribute short stories, poems, or messages to specific walls (can be a landmark) in their city, creating an ever-evolving community story walls.
2. Scenic Sketchbook: Build an app that encourages users to engage in urban sketching. The app could suggest picturesque locations, provide digital sketching tools, and allow users to share their creations with others who visit the same spots.

Project Documentation (WIP) - (https://www.figma.com/file/DIqP2FfyHU3ZFgKaHhDa5B/SketchScape-App?type=design&node-id=1308%3A2491&mode=design&t=DxmWeYBTPKmfNb5T-1)

App prototype (WIP) - (https://www.figma.com/proto/DIqP2FfyHU3ZFgKaHhDa5B/SketchScape-App?page-id=1202%3A5222&type=design&node-id=1202-6537&viewport=6706%2C2050%2C0.39&t=rQ7s0CrvF8A3zBLC-1&scaling=scale-down&starting-point-node-id=1202%3A6533&show-proto-sidebar=1&mode=design)

[Surabhiiy]

Idea 1 Integration of a map into an app designed as my service design project. The app's goal is to showcase all the details about street food vendors available in a user's selected area. The integration of a map in the app will assist users in locating and reaching a particular street food vendor stall.

Prototype Link- https://www.figma.com/proto/vj0cQQmNhmUwKjhJnefAj3/Map-in-App?page-id=0%3A1&type=design&node-id=61-930&viewport=-3289%2C95%2C0.5&t=WMY88tZhw7eTquWG-1&scaling=scale-down&starting-point-node-id=61%3A930&mode=design

_Idea 2 Adding a map in an app that provides simplified data about air quality and pollution for the nearby area. The app sends personalized notifications and health recommendations based on the air quality in the user's area. By adding a map, users can visually see the distribution of pollution levels across different locations, aiding in a better understanding of the air quality in their vicinity and surrounding areas. The map enables users to set alerts based on specific geographic areas. Also, by incorporating air quality data into map-based route planning, users can choose paths with better air quality, especially valuable for outdoor activities.

Idea 3 Redesigning the experience of a hyperlocal delivery app by Integrating AR maps to assist delivery person in navigating their routes more effectively. This AR map integration aims to enhance the delivery experience by providing real-time, dynamic visual guidance to delivery person, ensuring efficient and accurate navigation to the delivery destination._

[arifalimw]

Ideas for App:

1. Add a new feature/workflow that includes a map in an existing app . In Zomato include a feature of curated restaurant hops based on themes, cuisines, or dietary preferences in a modified zomato map for restaurants. You can become food influencers and earn rewards by trying their recommendations. Get exclusive deals and insider tips. "Food Quests"- Compete with friends in themed challenges, exploring new restaurants and earn rewards as you move or cover journeys "Foodie Squad"- Share recommendations, discover hidden gems together, and unlock group discounts

2. Create a new map-based app

An app for the elderly where users can easily input tasks like "Buy groceries," "Go to the bank," and "Meet friends at restaurant" with simple voice or text commands and the map optimizes and prioritise the closest grocery store, bank branch, etc., based on real-time traffic and walking distance. Filtering of routes based on preferred walking distance, public transportation availability, private transport or wheelchair accessibility can also be an option. They can also leave comments like they need help with something as a floating comment on map where others can come and suggest what to be done or where to go...

Prototype: Link

[tinnicreatesXOXO]

Sanjana Maiti 1) Adding map feature to news app like- beatroot(by Faye D'souza) for clarity in where exactly the instances are happening.

2) App for Alzihmer's to help patients trace back their routes.

3) Travel pin app to spot locations to visit for travellers to make it easier to plan iternery with real time AR letting them see how the places are and decide if they actually want to visit.

Final:

News app with map

Users: Age group specific news so that it is easier for younger audience to grasp. Kids Teenagers Young Adults Adults

Similar Apps/ Websites: 1) Liveuamap- up-to-date on breaking events around the globe. 2) Worldly map - Ipad based good news around the world. 3) Ushahidi - Real time crisis and disaster response. 4) Citymapper - This app is primarily a transit navigation app, but it also includes a news feed that highlights local events and happenings.

Problem Areas : 1) India's locale specific news 2) Having news aggregated from different trusted sources 3) Having age appropriate news 4) Having location based search with multiple layered high quality maps.

Features: 1)Map layers: Overlay different map layers on top of news stories, such as traffic, weather, or event locations. 2) Location enabled accurate news 3) Pin pointing news stories to reach the map 4)Augmented reality (AR): Use AR to overlay news stories and information onto the real world through the phone's camera. 5) Multilingual support 6)Timeline view: Show the chronology of events on a map, allowing users to see how a story unfolded over time. 7) Age group accurate news. 8) Have saved news locations.

Final Project with process https://www.behance.net/gallery/192921155/CartoCat-map-based-news-app

[rasagy]

Closing this, was great to see a bunch of great ideas come through this time!