Ergonomie
Ergonomie d’un site web
Introduction
Définition
Etymologie
Définition générale
Applications pratiques
Vocabulaire
Exemples
Rechercher quoi
Recherchez où
Ordre
Source
Expressions
Axes d’application
Domaines d’application
Architecture
Principe
Citation
Architecture d’une maison
Panneaux indicateurs
Définition de l’Architecture de l’Information (AI)
Objectifs de l’AI
AI en fonction de l’utilisateur
Exemple
Navigation compliquée
Navigation claire et agréable
Composantes
Structuration (Taxonomie, énumérer, catégoriser, stucturer)
Navigation (Etiquette, affordance, graphisme, clics, types, techniques)
Recherche (contenant et contenu)
Tri de cartes
Méthode
Etapes (immersion, définition, groupement, labellisation, analyse)
Critères
Outils
Structure pour l’AI
Maquette du layout (MockFlow, Lumzy, Basalmiq)
Grilles pour layou (GridFox, 960 Grid System)
Contenu
Lecture et utilisateur
Lecture (Sur le Web, butinage)
Utilisateur (contenu en fonction de l’utilisateur)
Style et langage
Style du contenu
Langage du contenu
Vocabulaire
Vocabulaire
Essentiel
Longueur
Lisibilité
Surlignement
Titres
Listes
Paragraphes
Graphisme
Mise en page
Sources (idées, générateur, Grille 960)
Taille des supports
Positionnement en largeur (layouts à gauche, centré, fluide)
Disposition
Taille des éléments
Défilement
Idées graphiques
Outils de test
Typographie
Police de caractères (choix, lisibilité, gratuité, taille, casse, lissage, animation)
Outils (générateurs, convertisseurs
Tutoriaux
Modes d’emploi (Google Fonts, Fonts Squirrel Generator)
Image
Tutoriaux
Bibliothèques
Utilisation
Couleur
Déficiences visuelles
Choix des couleurs
Utilisation
Technologie
Programmation
Introduction (containtes, poids, techniques)
JavaScript (techniques et utilisation)
Flash (techniques et utilisation)
Multimedia
Introduction (containtes, poids, techniques)
Audio (techniques, logiciels d’encodage, utilisation)
Vidéo (techniques, logiciels d’encodage, utilisation)