Partie
de 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....
Transport for London
UX
Technologie
Portabilité
Une fois n’est pas coutume, la perfide Albion ne fait pas
dans l’originali...
Visit Britain
UX
Technologie
Portabilité
Encore une belle réalisation britannique, classique dans l’
approche mais qui pre...
Strava Labs
UX
Technologie
Portabilité
Un très beau système cartographique en mode quasi full-
screen qui rompt avec la te...
Flights interactive
UX
Technologie
Portabilité
Dans plan interactif, il y a le mot interactif ! C’est ce qu’à
très bien co...
bigtimebcn
UX
Technologie
Portabilité
Pas de point d’intérêt ici mais une multitude de zones
interactives ! Bien plus qu’u...
Discover Los Angeles
UX
Technologie
Portabilité
A voir aussi dans la même catégorie : www.visitcopenhagen.
com/copenhagen-...
Go to Hungary
UX
Technologie
Portabilité
Un mash-up classique dans l’esprit mais qui exploite de manière
très convaincante...
Courrier international
UX
Technologie
Portabilité
C’est une des rares cartes analysées dans ce benchmark qui est
réellemen...
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-sc...
Prochain SlideShare
Chargement dans…5
×

telmedia* : Close-up sur 9 plans interactifs

623 vues

Publié le

De dataparis à Visit Britain en passant par Flights interactive, découvrez notre benchmarking sur 9 plans interactifs au travers de l'expérience utilisateur (UX), la technologie et la portabilité.

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
623
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

telmedia* : Close-up sur 9 plans interactifs

  1. 1. Partie de cartes Close-up sur 9 plans interactifs illustration : http://www.cartograf.fr/index.php
  2. 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. 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. 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. 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. 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. 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. 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. 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. 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. 11. CONCLUSIONS
  12. 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

×