Better colors and styles for the map #1427

Open
opened 2021-10-13 20:57:52 +00:00 by biodranik · 9 comments
biodranik commented 2021-10-13 20:57:52 +00:00 (Migrated from github.com)

Users suggest us Komoot app as a better styling example:

Organic Maps Komoot
Users suggest us Komoot app as a better styling example: | | | |---|---| | ![Organic Maps](https://user-images.githubusercontent.com/170263/137211321-10f68f7b-fb3c-440b-906e-502e692db8b9.jpg) | ![Komoot](https://user-images.githubusercontent.com/170263/137211340-bd73b2ec-df7a-4607-abac-ca9e4cc4a34f.jpg) |
Donkey-Doug commented 2021-10-17 23:22:19 +00:00 (Migrated from github.com)

Left one looks nicer.

Left one looks nicer.
totojl commented 2021-10-22 14:01:59 +00:00 (Migrated from github.com)

The picture on the right is clearly the better representation of the map.

Reason:

  • Main routes and side routes are easy to distinguish from one another

  • The road and railway lines are clearly recognizable

  • Contour lines are easier to distinguish from the waylines because they are more discreet in the background

  • Mountain peaks are shown with height information

  • The color choice of the background is more differentiated

  • Representation of the river on the right in the picture, what the main river and tributary is based on the broader representation

  • not visible here in the picture, but also marked with a special color on komoot ... Bicycle trails, ski trails, and much more

Overall, the clarity in the right picture is much better and for people who move not only on fixed roads but also in the forest and terrain much better!

An improved map display would also be a positive unique selling point compared to the other many apps.

(Please provide a factual reason why the picture on the left should be better.)

The picture on the right is clearly the better representation of the map. Reason: - Main routes and side routes are easy to distinguish from one another - The road and railway lines are clearly recognizable - Contour lines are easier to distinguish from the waylines because they are more discreet in the background - Mountain peaks are shown with height information - The color choice of the background is more differentiated - Representation of the river on the right in the picture, what the main river and tributary is based on the broader representation - not visible here in the picture, but also marked with a special color on komoot ... Bicycle trails, ski trails, and much more Overall, the clarity in the right picture is much better and for people who move not only on fixed roads but also in the forest and terrain much better! An improved map display would also be a positive unique selling point compared to the other many apps. (Please provide a factual reason why the picture on the left should be better.)
totojl commented 2021-10-22 14:05:28 +00:00 (Migrated from github.com)

left one= organic
right one= komoot

left one= organic right one= komoot
Donkey-Doug commented 2021-10-22 14:22:06 +00:00 (Migrated from github.com)

Right one uses too many shades of green/grey/white. It looks very cluttered.

Right one uses too many shades of green/grey/white. It looks very cluttered.
Misalf-git commented 2021-10-22 17:42:07 +00:00 (Migrated from github.com)

I believe it's unlikely to find one perfect map style for everyone because different eyes see different things.

Btw: #1145

I believe it's unlikely to find one perfect map style for everyone because different eyes see different things. Btw: #1145
totojl commented 2021-10-31 22:56:49 +00:00 (Migrated from github.com)

Thank you for joining the discussion here.

I have to fully agree with you that the map display is always a very subjective perception of everyone.

The picture on the right from the Komoot app should also be understood more as a suggestion / example to make things clearer and better.

It is primarily not about things like which green color is used for forest or meadow representations.

An important point from my point of view is (as described above), for example, the better differentiation between main and secondary paths/routes, trails, ... in forests and meadows (away from the normal roads). At the moment everything on organic maps is only dashed lines and difficult to differentiate.

Reason based on an example from practice:
I work in the ambulance service myself. We have already had injured people whom we had to rescue from forests. We can still drive the main paths in the forest with all-wheel drive vehicles. The byways (secondary paths) trails can't we drive on. Automatic navigation does not work in this case. So you have to orientate yourself quickly on the map using your current position and find the best way to get to the victim. The time factor is extremely important here and in the worst case it can make the difference between life and death (e.g. in the event of a heart attack).
To better recognize the right main paths here helps to get to the scene of the accident faster.

Thank you for joining the discussion here. I have to fully agree with you that the map display is always a very subjective perception of everyone. The picture on the right from the Komoot app should also be understood more as a suggestion / example to make things clearer and better. It is primarily not about things like which green color is used for forest or meadow representations. An important point from my point of view is (as described above), for example, the better differentiation between main and secondary paths/routes, trails, ... in forests and meadows (away from the normal roads). At the moment everything on organic maps is only dashed lines and difficult to differentiate. Reason based on an example from practice: I work in the ambulance service myself. We have already had injured people whom we had to rescue from forests. We can still drive the main paths in the forest with all-wheel drive vehicles. The byways (secondary paths) trails can't we drive on. Automatic navigation does not work in this case. So you have to orientate yourself quickly on the map using your current position and find the best way to get to the victim. The time factor is extremely important here and in the worst case it can make the difference between life and death (e.g. in the event of a heart attack). To better recognize the right main paths here helps to get to the scene of the accident faster.
reinhart1010 commented 2021-11-12 04:25:03 +00:00 (Migrated from github.com)

Since the discussion on this report is more active, I'd recommend to close #1401 as a duplicate.

I also agree with both @Misalf-git and @totojl about this, and I honestly prefer the style of iOS 14-era Apple Maps, while similar styles are also available in Mapbox, Magic Earth, Qwant Maps, and Huawei's Petal Maps.

Instead of just redesigning a one-size-fits-all map style, why not introducing multiple map styles and the ability to generate custom styles without rebuilding the app? (Telegram is a great example for this). Users who prefer the default OSM style can have their own, Google Maps and other apps, too. Those who prefer specialized map styles (e.g. for navigation, commute, and debugging) can have it without removing the default/preinstalled map styles.

Technically speaking, is it possible to add thin borders on the streets to improve legibility? I mean this one:

image

Versus the ones rendered in Apple Maps:

image

Since the discussion on this report is more active, I'd recommend to close #1401 as a duplicate. I also agree with both @Misalf-git and @totojl about this, and I honestly prefer the style of iOS 14-era Apple Maps, while similar styles are also available in Mapbox, Magic Earth, Qwant Maps, and Huawei's Petal Maps. Instead of just redesigning a one-size-fits-all map style, why not introducing multiple map styles and the ability to generate custom styles without rebuilding the app? (Telegram is a great example for this). Users who prefer the default OSM style can have their own, Google Maps and other apps, too. Those who prefer specialized map styles (e.g. for navigation, commute, and debugging) can have it without removing the default/preinstalled map styles. Technically speaking, is it possible to add thin borders on the streets to improve legibility? I mean this one: ![image](https://user-images.githubusercontent.com/17312341/141409256-40fbaeba-6585-42b9-b260-54c9b26e3b16.png) Versus the ones rendered in Apple Maps: ![image](https://user-images.githubusercontent.com/17312341/141409243-100849b1-54d7-4e51-a0c8-e7d0733398fd.png)
biodranik commented 2021-11-12 09:26:24 +00:00 (Migrated from github.com)

Thanks for the feedback, we need to check it. At least borders can be sharper I suppose.

Thanks for the feedback, we need to check it. At least borders can be sharper I suppose.
biodranik commented 2022-01-04 21:10:12 +00:00 (Migrated from github.com)

From user's feedback (make white footpaths more contrast):

There is a footpath running more or less south from where it says Little Somborne, although as it is a white dashed line on pale green it is almost impossible to see. This meets a more or less west-east one, also very difficult to see. Most footpaths are like this on the maps, although a few are coloured brown. Any colour that is a good contrast to those on the features on the maps e.g. dark red would do to be able to see paths, as long as the lines are as wide as the white dotted ones to clearly see them.

image

From user's feedback (make white footpaths more contrast): > There is a footpath running more or less south from where it says Little Somborne, although as it is a white dashed line on pale green it is almost impossible to see. This meets a more or less west-east one, also very difficult to see. Most footpaths are like this on the maps, although a few are coloured brown. Any colour that is a good contrast to those on the features on the maps e.g. dark red would do to be able to see paths, as long as the lines are as wide as the white dotted ones to clearly see them. ![image](https://user-images.githubusercontent.com/170263/148124229-30590040-e00f-40c4-8792-128c86292925.png)
This repo is archived. You cannot comment on issues.
No labels
Accessibility
Accessibility
Address
Address
Android
Android
Android Auto
Android Auto
Android Automotive (AAOS)
Android Automotive (AAOS)
API
API
AppGallery
AppGallery
AppStore
AppStore
Battery and Performance
Battery and Performance
Blocker
Blocker
Bookmarks and Tracks
Bookmarks and Tracks
Borders
Borders
Bug
Bug
Build
Build
CarPlay
CarPlay
Classificator
Classificator
Community
Community
Core
Core
CrashReports
CrashReports
Cycling
Cycling
Desktop
Desktop
DevEx
DevEx
DevOps
DevOps
dev_sandbox
dev_sandbox
Directions
Directions
Documentation
Documentation
Downloader
Downloader
Drape
Drape
Driving
Driving
Duplicate
Duplicate
Editor
Editor
Elevation
Elevation
Enhancement
Enhancement
Epic
Epic
External Map Datasets
External Map Datasets
F-Droid
F-Droid
Fonts
Fonts
Frequently User Reported
Frequently User Reported
Fund
Fund
Generator
Generator
Good first issue
Good first issue
Google Play
Google Play
GPS
GPS
GSoC
GSoC
iCloud
iCloud
Icons
Icons
iOS
iOS
Legal
Legal
Linux Desktop
Linux Desktop
Linux packaging
Linux packaging
Linux Phone
Linux Phone
Mac OS
Mac OS
Map Data
Map Data
Metro
Metro
Navigation
Navigation
Need Feedback
Need Feedback
Night Mode
Night Mode
NLnet 2024-06-281
NLnet 2024-06-281
No Feature Parity
No Feature Parity
Opening Hours
Opening Hours
Outdoors
Outdoors
POI Info
POI Info
Privacy
Privacy
Public Transport
Public Transport
Raw Idea
Raw Idea
Refactoring
Refactoring
Regional
Regional
Regression
Regression
Releases
Releases
RoboTest
RoboTest
Route Planning
Route Planning
Routing
Routing
Ruler
Ruler
Search
Search
Security
Security
Styles
Styles
Tests
Tests
Track Recording
Track Recording
Translations
Translations
TTS
TTS
UI
UI
UX
UX
Walk Navigation
Walk Navigation
Watches
Watches
Web
Web
Wikipedia
Wikipedia
Windows
Windows
Won't fix
Won't fix
World Map
World Map
No milestone
No project
No assignees
1 participant
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: organicmaps/organicmaps-tmp#1427
No description provided.