Ergonomie & UX
Upcoming SlideShare
Loading in...5
×
 

Ergonomie & UX

on

  • 560 views

Eléments d'introduction à l'ergonomie d'un site web à partir du livre Ergonomie Web d'Amélie Boucher

Eléments d'introduction à l'ergonomie d'un site web à partir du livre Ergonomie Web d'Amélie Boucher

Statistics

Views

Total Views
560
Views on SlideShare
559
Embed Views
1

Actions

Likes
1
Downloads
24
Comments
0

1 Embed 1

http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ergonomie & UX Ergonomie & UX Presentation Transcript

    • UX : User Experience Quelques règles d’ergonomie...
    • Différents objets que l’on peut améliorer d’un point de vue ergonomique
    • Un site web ergonomique est un site utile et utilisable
    • Règle n°1
    • Se méfier des règles !
    • La règle des 3 clics ?
    • On oublie...
    • On retient :
    • À chaque clic, je progresse...
    • On soigne :
    • ‣ Le chemin parcouru : fil d’Ariane ou breadcrumb ‣ On met en valeur la localisation de l’internaute : où il se trouve dans le site ‣ On lui indique le chemin à parcourir
    • Exemple
    • 7 clics pour une information
    • La loi de MILLER
    • Kézako?
    • Le nombre magique sept, plus ou moins deux : quelques limites à nos capacités de traitement de l'information (Miller, 1956) Wikipedia
    • «Des recherches récentes démontrent que la loi du nombre magique sept est fondée sur une interprétation erronée de l'article de Miller. Le nombre correct de nouveaux éléments pouvant tenir dans la mémoire courante est probablement de trois ou quatre» Wikipédia
    • 5 entrées par site au minimum + 2 au maximum
    • Règle n°2
    • Les internautes ne sont pas...
    • Des débiles...
    • IL ne faut ni...
    • Le sous-estimer ni Le sur-estimer
    • Les personas
    • Une personne donnée, dans un contexte précis
    • Règle n°3
    • La lecture en F, Z ou E ?
    • C’est l’apparence du site qui influe sur le parcours visuel de l’internaute
    • Règle n°4
    • Les internautes ne scrollent pas
    • FAUX
    • On pratique le cut-off design
    • On organise sa page
    • La théorie de la Gestalt
    • WTF ?
    • Postulat ‣ Notre cerveau analyse le monde environnant comme un ensemble de formes ‣ Le Tout est plus que la simple somme de ses parties : la conjonction de plusieurs formes peut faire émerger de nouvelles caractéristiques
    • ‣ Notre cerveau regroupe les choses qui sont proches physiquement. proximité visuelle = proximité conceptuelle
    • Il faut donc...
    • ‣ Rapprocher les objets qui entretiennent un rapport fonctionnel ‣ Eloigner ceux qui n’ont rien en commun
    • Mais aussi dans le détail...
    • C’est la loi de proximité
    • Mais aussi...
    • La loi de FITTS
    • «Le temps qu’on met pour atteindre une cible est proportionnel à la distance à laquelle elle se trouve mais aussi à sa taille .»
    • Les éléments cliquables doivent être gros
    • Augmentez la surface des éléments cliquables
    • Découvrez et appliquez le concept d’affordance
    • Les affordances sont les possibilités d’actions suggérées par les caractéristiques d’un objet
    • Optimiser l’affordance : Vous pouvez me cliquer
    • Optimiser l’affordance : Vous pouvez interagir avec moi
    • Attention aux fausses affordances
    • Pour conclure
    • Un site ergonomique ‣ Est correctement architecturé ‣ Les pages sont aérées, bien rangées et leur composition réfléchie ‣ Tout est mis en place pour faciliter l’accessibilité ‣ L’internaute doit trouver ce qu’il cherche librement et facilement
    • Pour vérifier... Les tests utilisateurs