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)

 

> Accéder aux notes de cours