Partiede cartes

Close-up sur 9 plans interactifs

illustration :

http://www.cartograf.fr/index.php

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/

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

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

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

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

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/

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/

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

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/

CONCLUSIONS

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