Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Ergonomie

Présentation de stage de fin d'étude
by

Claire Medici

on 24 September 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Ergonomie

Qui a participé à ce stage? Les acteurs Constat: Les interfaces des applications arx iT ne sont pas toujours user-friendly Besoins et enjeux Présentation du stage Caractéristiques de la carte interactive Ergonomie cartographique des interfaces web Comment s'est déroulé le stage ? Quels sont les principes ergonomiques cartographiques ? Ergonomie des cartes sur Internet Différentes cartes pour différents besoins Diagramme de Gant Trop de ressemblances avec les interfaces-métiers Souvent trop guidés par les choix par défaut Manque de temps Or, l'ergonomie est un facteur souvent plus important que les fonctionnalités de l'application elle-même (cc) image by anemoneprojectors on Flickr Avril Juin Juillet Août Compréhension des besoins / Connaissance de la webologie arx iT Étude de la littérature sur l'ergonomie générale Rédaction des 4 cours d'ergonomie Rédaction du fichier d'audit Audit ergonomique Rédaction du rapport Comment se définit la qualité d'une carte sur le web? Caractéristiques de l'écran La navigation Pratique de la carte sur le web Aller plus loin avec la carte web... La carte sur Internet répond à différents besoins de la carte papier Carte papier Carte Internet Vision globale Annotations Indépendance Repérage Recherche d'information ponctuelle Planification Trois paramètres: Taille, Définition, Résolution I II I.1 I.2 I.3 II.1 II.2 II.2.a David Beni Claire Medici Directeur / Maître de stage Stagiaire Développeurs Résolution = f(Taille,Définition) Taille: Définition: Pouces Nombre de pixel Résolution: Nombre de pixel par unité de longueur: dpi Résolution moyenne des écrans = 90 dpi Résolution des cartes IGN: 508 dpi La carte sur le web, va devoir jouer avec ces contraintes, afin de garder une certaine performance II.2.b Documents et projets produits pour arx iT Livrables Première solution à la contrainte de l'espace-carte réduit Notion d'interaction La carte devient infini dans l'espace Le niveau de détail remplace l'accumulation de données Espace Carte Architecture Visuelle Comment organiser une application cartographique? Les conventions Ergonomie des cartes-web II.3 Le gestionnaire de couches = personnalisation de la carte Nouveaux outils: mesure, information, calcul La carte devient MA carte Ergonomie générale III.1 III Présentation du stage de fin d'études Stagiaire : Claire Medici Maître de Stage : David Beni Professeur référant: Hervé Quinquenel 24 Septembre 2012 Les sites web sont régis par des principes ergonomiques Applicables aux sites cartographiques Socle des règles ergonomiques cartographiques III.2 Règles cartographiques sur le web III.2.a Taille maximale Carte = étendue Sensation d'envahissement, de survol, de réalisme de l'espace CARTE Carte = minimum 90 % de l'espace Fenêtres en surimpression Selon le principe de hiérarchisation: les fenêtres doivent être "au-dessus" de la carte Selon le principe de liberté: les fenêtres doivent être amovibles et "fermables" CARTE III.2.b Les conventions de navigation La navigation peut se faire de différentes manières A l'aide des boutons Grâce à la souris Avec les doigts Pour chacun de ces moyens, il y a des conventions à respecter Les boutons Au clique sur les différents symboles l'action proposée s'exécute. La souris La main Le Drag-and-Drop : Déplacement en X et Y (Panning) Le scrolling : Déplacement en Z (Zoom) Attention: Différentes utilisations du scrolling Les conventions de localisation La symbologie conventionnelle Gestionnaire de couches Echelle CARTE Barre de navigation Changement de fond de plan Carton Tous les symboles ne sont pas conventionnels Une convention est une habitude, devenue un automatisme pour l'utilisateur Le panel de symboles conventionnels varie en fonction du public visé Beaucoup de symboles sont utilisés abusivement Symbole -> mot -> action Tout symbole doit suggérer son action Les symboles conventionnels cartographiques pour le tout public : Accueil Vision globale Zoom Information Outils CARTE III.2.c Les éléments indispensables La légende Obligatoire Dynamique Toujours visible Peu coûteuse en espace Le titre Obligatoire L'échelle Importance due au zoom Obligatoire Devient titre de l'application Doit englober le thème de l'application L'orientation Les sources Facultative Devenue conventionnelle Nord vers le haut Obligatoire pour les applications permettant la rotation Facultative En fonction des clients Et des propriétaires de données Gestion de la superposition Et pour les mobiles? Localisation mobile En fonction de l'accessibilité Boutons les plus utilisés en bas à gauche Les actions destructrices en haut à gauche Constat : Beaucoup d'applications web sont saturées en données ponctuelles Réponse des developpeurs : "leur affichage est demandé par le client qui considère que l'utilisateur va zoomer." Deux solutions possibles : Les Drill-Down La vue éclatée Regroupement des données en un élément de surface proportionnel au nombre de données qu'il englobe Regroupement des données en un point, qui au clique s'éclate en nombre d'objets qu'il englobe Les dimensions à respecter Notion d'anti-aliasing Seuil de perception : Ligne = 0.4 px, Point = 4 à 5 pixels Seuil de séparation: Ligne=1 pixel, Surfaces = 1.5 pixels Les cours IV.1 IV L'audit IV.2 Projet "Réassurance" IV.3 Réalisation de 4 cours : Ergonomie générale Ergonomie cartographique Sémiologie graphique Ergonomie mobile But: Sensibiliser les développeurs à l'importance de l'ergonomie Durée : 4h (2 fois 2h) Retours : satisfaisant. But :
Pouvoir répondre aux appels d'offre d'audit ergonomique.
Permettre aux développeurs de tester leurs applications avant livraison Composé d'un fichier d'audit divisé en 4 parties et une partie résultat.
Tous les points d'audit sont reliés à une explication méthodologique de ce point Aperçu Client : confidentiel, société de réassurance Cahier des charges :
Revoir l'ergonomie du gestionnaire de couches,
Des boutons,
Des fenêtres en surimpression,
Ne pas toucher à la carte.
Favoriser la performance à l'ergonomie
Respecter l'utilisation de Javascript Aperçu Rendu sous forme de présentation power point Conclusion L'ergonomie est un domaine en perpétuelle évolution. Drag: Déplacement en X et Y Spread: Déplacement en Z Attention aux différentes utilisations du drap et du spread Les règles établies vont permettre aux développeurs de créer des applications plus attrayantes et d'utilisation plus facile. Un premier pas vers la diffusion de principes ergonomiques pour les cartes sur le web.
Full transcript