Ergonomie web: Pour des sites web efficaces - Amélie Boucher. Test Utilisateur à Distance - Optimisation de l'Ergonomie de Site Web. Théorie de la Gestalt. La théorie de la gestalt, « forme » en Allemand, est une théorie d’origine allemande (début du XXème siècle) qui définit les principes de la perception. Le postulat de base est le suivant : devant la complexité de notre environnement, le cerveau va chercher à mettre en forme, à donner une structure signifiante à ce qu’il perçoit, afin de le simplifier et de l’organiser. Pour cela, il structure les informations de telle façon que ce qui possède une signification pour nous, se détache du fond pour adhérer à une structure globale.
Cela s’applique à tous les sens. Cette théorie de la gestalt se décompose en lois : Comment appliquer cela aux interfaces ? Des zones ayant des fonctions ou une importance similaire devront avoir un aspect graphique similaire.Dans un formulaire, les champs concernant l’adresse (rue, n°, code postal, ville, pays) vont être regroupés dans un bloc. Quelques exemples des lois de la Gestalt. Ce diaporama nécessite JavaScript. Ergonomie web: 3 principes à garder en tête pour une ergonomie efficace de votre site Internet (PARTIE 6) Ergonomie web: 3 principes à garder en tête pour une ergonomie efficace de votre site Internet (PARTIE 6) Avant dernier article de la série “Les étapes détaillées pour créer un site capable de persuader et convertir ses visiteurs.”
Je considère personnellement l’ergonomie comme: « LE » levier de performance par excellenceet un important levier de différenciation pour votre site web. Le magazine papier « de référence », Ecommerce mag, a relayé une étude réalisée par Benchmark Group: 8 façons d’améliorer l'expérience utilisateur sur votre site. Un site web doit être en adéquation avec les besoins des utilisateurs afin qu’ils puissent trouver les informations recherchées et réaliser les tâches nécessaires le plus rapidement possible.
Les sites lents ou qui proposent une interface déroutante sont frustrants et la majorité des utilisateurs sont peu tolérants avec les expériences utilisateurs pauvres. Améliorer constamment votre site est très important pour maintenir un flux constant d’utilisateurs heureux. Si vous buttez sur ce sujet, voici quelques idées pour commencer à optimiser votre site. 1. Améliorez la vitesse de chargement Pour perdre un utilisateur, quelques secondes suffisent ! 2. Les « Style Tiles », un nouvel outil pour le webdesigner ? Mais qu’est-ce que c’est ?
On peut traduire en français les “Style Tiles” par le terme “Planches Tendances”. Habituellement utilisées en mode, en déco ou même en publicité, elles servent à définir les grandes tendances (graphiques, texturales, chromatiques, etc.) d’un projet donné. Un article de Samantha Warren, paru récemment sur A List Apart, propose d’adapter le concept et de l’utiliser en webdesign pour ressortir des tendances visuelles sans se soucier de la structure de la page. En bref, de faire l’inverse de ce qu’on fait avec les “wireframes” (ou “filaires”, ou “gabarits”, ou même “storyboards”… selon vos habitudes) pour déterminer une structure sans se soucier de l’apparence visuelle… Banque en ligne, bourse de Paris, PEA, SICAV, Assurance Vie, Livret d'épargne avec Fortuneo. Ergonomie web - Téléchargements. Téléchargements Téléchargez gratuitement un extrait du livre !
Offrez-vous un aperçu du livreen téléchargeant dès maintenantla règle n° 2 (Chapitre 5).Cet extrait concerne l’organisationvisuelle des pages web. » Télécharger (PDF, 4.1 Mo) Les couleurs et l'accessibilité. En France, la proportion de daltoniens est d'environ 8% chez les hommes et 0,45% chez les femmes (source Wikipédia).
Plus de 10% de la population masculine est daltonienne dans le monde, et affectée par une perception des couleurs déficiente. Il existe différentes formes de cécité des couleurs : rouge-vert, vert-brun, et ainsi de suite... Bien entendu, il est très difficile, voire impossible d'éviter de mettre sur son site toutes les couleurs qui pourraient être mal perçues.
Cependant, il est à la portée de tout le monde de faire en sorte que les pages soient lisibles par tous, quel que soit le handicap visuel. La première méthode et la plus simple à mettre en œuvre est l'emploi d'un contraste élevé entre l'arrière plan et les couleurs utilisées pour le contenu de la page. Inspiration du moment : Les sites TV/Movies. Aujourd’hui découvrez de magnifiques sites autour de la thématique Movie / Tv.
Retrouvez toute la séléction directement sur mon pinterest. Formation Ergonomie web : le wireframing. Tate Kids Home. Outils ergonomie. Style Tiles. Recherche de produits sur Beauté. Jesse James Garrett: Visual Vocabulary for Information Architecture (French) Looking for more?
My book The Elements of User Experience puts information architecture and interaction design in context for beginners and experts alike. You can now order the book from Amazon.com. Personnas. Exemples sites problemes. Rédaction web. Lire sur le web est beaucoup plus pénible et plus lent que sur le papier.
Et la majorité des internautes ne lisent pas les contenus des sites internet. L'utilisateur d'un site ne lit pas mot à mot, son oeil scanne, survole, explore. L'objectif n'est pas de faire de la littérature, mais de proposer l'information importante vite et bien. L'utilisateur doit comprendre instantanément si le contenu de la page correspond à sa recherche.
Il existe des quantités de sites web qui proposent du contenu semblable au votre. AlloCiné : Cinéma, Séries TV, Stars, Vidéos, DVD et VOD.