Ce document analyse divers systèmes cartographiques interactifs en ligne, mettant en avant leur accessibilité et expérience utilisateur. Il souligne l'importance des solutions en plein écran pour la clarté de l'information, tout en constatant que peu d'entre elles sont adaptées aux mobiles. Les exemples britanniques ressortent comme les plus performants en tenant compte des utilisateurs en situation de mobilité.

1. Partie
de cartes
Close-up sur 9 plans interactifs
illustration
:
http://www.cartograf.fr/index.php

2. dataparis.io
UX
Technologie
Portabilité
Un système cartographique qui s’attache à créer une
réelle expérience utilisateur. Le mode plein-écran favorise
une vue pseudo 3D originale. Le pupitre de navigation
exclusivement constitué de pictogrammes nécessite un
petit temps d’appropriation qui est compensé par la
légèreté de l’interface et la limpidité des bulles. Un coup
de coeur qui ne faillit que parce qu’il n’est pas RWD.
http://www.dataparis.io/

3. Transport for London
UX
Technologie
Portabilité
Une fois n’est pas coutume, la perfide Albion ne fait pas
dans l’originalité ! A contrario, ce mashup extrêmement
pragmatique propose une expérience utilisateur
réellement conçue pour un usage en situation de
mobilité. Un vrai plus donc ! Le plan est donc tout
naturellement codé en RWD !
A voir aussi dans la même catégorie : http://campus-map.stanford.edu/
http://www.tfl.gov.uk/maps/?cid=fs069

4. Visit Britain
UX
Technologie
Portabilité
Encore une belle réalisation britannique, classique dans l’
approche mais qui prend soin de mettre l’accent sur les
petits détails. Interface full-screen, pupitre de navigation
clairs et agréables sont des points très positifs. Léger bémol
toutefois pour les “bulles” qui dans certaines configurations
RWD semblent un tout petit peu trop imposantes.
http://lovewall.visitbritain.com/en/?map

5. Strava Labs
UX
Technologie
Portabilité
Un très beau système cartographique en mode quasi full-
screen qui rompt avec la tendance réaliste (trop ?)
répandue sur le web. Si le dispositif ne s’attache pas à
proposer des points d’intérêts à proprement parler,
navigation et POI sont tout à fait transposables à un
contexte plus classique.
http://labs.strava.com/heatmap/#6/-119.69150/37.
40620/gray/both

6. Flights interactive
UX
Technologie
Portabilité
Dans plan interactif, il y a le mot interactif ! C’est ce qu’à
très bien compris The Guardian avec cette création
dynamique. Là encore, cette application ne propose pas
de POI mais les solutions qu’elle suggèrent sont tout à fait
transposables dans un contexte plus classique. A contrario
la solution n’est pas du tout RWD.
http://www.theguardian.com/world/ng-
interactive/2014/aviation-100-years

7. bigtimebcn
UX
Technologie
Portabilité
Pas de point d’intérêt ici mais une multitude de zones
interactives ! Bien plus qu’une simple carte, on a ici affaire
à une vraie création digitale qui s’appuie sur un fond de
carte totalement repensé. Une piste à explorer pour sortir
des sentiers battus. La solution est également disponible
pour androïd donc tout à fait portable… sauf si vous
préférez iOS.
http://www.bigtimebcn.300000kms.net/

8. Discover Los Angeles
UX
Technologie
Portabilité
A voir aussi dans la même catégorie : www.visitcopenhagen.
com/copenhagen-tourist
Il ne s’agit pas ici d’un mash-up de google maps. L.
A. a opté pour une solution plus classique qui sert
d’une certaine façon de menu alternatif et qui s’
appuie sur une carte interactive et des bulles
enrichies (introduction, pictogrammes etc.). Cette
solution n’est pas du tout conçue dans une
perspective RWD. Dommage !
http://www.discoverlosangeles.com/

9. Go to Hungary
UX
Technologie
Portabilité
Un mash-up classique dans l’esprit mais qui exploite de manière
très convaincante, les avantages d’un affichage full-screen. A l’
instar d’autres exemples précédemment abordés, la navigation
dans les bulles interactives est peut-être le point faible de la
solution. Le site n’est pas réellement RWD. C’est dommage, il ne
faudrait pas grand-chose pour l’adapter.
http://gotohungary.com/transdanubia-map?utm_source=www.
gotohungary.com&utm_medium=referral&utm_campaign=redirects

10. Courrier international
UX
Technologie
Portabilité
C’est une des rares cartes analysées dans ce benchmark qui est
réellement conçue comme un pupitre de navigation. Simple dans sa
conception, elle invite l’internaute à cliquer sur le fond de carte
pour accéder à une information en rapport avec la zone
géographique concernée (après un clic sur le POI, on peut accéder à
un menu contextuel). L'accès à l’information finale se fait par l’
intermédiaire d’une ligthbox qui offre l’avantage de ne pas quitter
la carte plein-écran. A contrario, je suis un peu déçu par l’absence
de réelle dimension mobile.
PS : la solution exploitée est open-streetmap.
http://www.courrierinternational.com/carte/

11. CONCLUSIONS

12. Mashu-up + full-screen !
Le panel de solutions étudié démontre tout d’abord l’intérêt d’un
système cartographique “full-screen” ou pseudo “full-screen”. Clarté de
l’information, possibilité d’enrichir considérablement l’interface sans pour
autant alourdir la charge mnésique de l’utilisateur… sont autant d’
avantages offerts à l’internaute par une carte ouverte sur la quasi totalité
de son écran.
Et le mobinaute ?
Manifestement, le mobinaute demeure encore le parent-pauvre des
systèmes cartographiques sur Internet. Seuls les exemples britanniques s’
efforcent de prendre en compte le mobinaute en situation de mobilité.
Un exemple à suivre !
illustration : http://johnnyslowhand.deviantart.com/art/Middle-Earth-Map-Wallpaper-2-286690269