Professional Documents
Culture Documents
Cedric.Dumas@emn.fr contrat Creative Commons Paternit-Pas d'Utilisation CommercialePartage des Conditions Initiales l'Identique 2.0 France License
Internet
(Intranet et Extranet)
Moyen de communication
Utilisabilit
Possibilit de naviguer Capacit de se reprer Impact sur la frquentation Site les plus populaires ne pose pas de problmes majeurs dutilisabilit :
1. 2.
Client ?
Internaute
Commerce en ligne Site lourds / compliqus (Ebay) Problme des formulaires (longs, incomprhension) Pas de fidlisation, dcouragement, prjudice limage de la socit, etc
Entreprise
Communiquer Echanger (patrimoine) Partager (communaut) Rfrentiel Culture dentreprise Mme problme de design : nervement, perte de temps, stress, gaspillage, etc
Retour en arrire ?
Interfaces des annes 70, formulaires, peu de composants, peu dinteraction directe, pas dinteractions spcialises, etc Web
Dynamique Utilisateur pas propritaire de lappli Utilisateur navigue et parcoure linformation (butine) Plus gros potentiel derreurs Beaucoup de catgories dutilisateurs potentielles
Ciblage
Ciblage du site
Cahier des charges Enqutes Etudes de march (analyse de la concurrence) Interviews, questionnaires, groupes de travail,etc.
Etude utilisateurs
Utilisateurs
Tranche dge, professions, connaissances, etc. Matriel : plateforme, navigateur, bande passante, etc.
Communication
Fonction des objectifs Fonction des messages transmettre Retour :
Check-list
(IBM Webdesign guidelines, 1999)
Lobjectif du site est-il clair ? Laudience du site peut-elle clairement sidentifier ? Le Site est-il utile et pertinent pour ce public ? Le Site est-il intressant ? Le Site permet-il aux visiteurs de raliser toutes les tches quils veulent accomplir ? Les visiteurs peuvent-ils accomplir facilement ces tches ? Le contenu et lorganisation des informations sont-ils cohrents avec lobjectif du site ? Linformation importante est-elle facile trouver ? Toutes les informations sont-elles claires, faciles comprendre et lire ? Le visiteur sait-il toujours o il est et comment faire pour aller o il veut ? Le graphisme est-il agrable ? Les pages se chargent-elles suffisamment vite ?
Architecture de communication
Dcrire larborescence du site en incluant pour chaque pages : les services, la cible et lobjectif.
Maintenance /
Evaluation
Prototype horizontal
le langage, la structuration du dialogue, la charte graphique, etc
Prototype vertical
les services, la plateforme, les tches relles (mise en situation, verbalisation)
Protocole de navigation
chemin le plus court, reprage, orientation, mmorisation
Comprhension
comprhension de linformation, importance relative
Qualit
Comportement fonctionnel
Liens morts Liens externes Cohrence des liens Plateformes (OS, rsolution, cran, etc) Temps de transfert / chargements (30s 10s 8s) Navigateurs Normes Complet (texte alternatif aux images, etc)
Rendu cohrent
Syntaxe
Vie du site
Catalyseurs
Nom du site Pub/information/annonce (Internet et autres mdias) Rfrencement (Meta, titre, page accueil, etc)
La page daccueil
Agencement de la page
Disposition rgulire Allger les pages Utiliser une rsolution dcran moyenne Zone protge de 640x480 Eviter les barres de dfilement Eviter les cadres Page courte facilite la lecture (0<x<=50 lignes) Retour en haut de page Navigation locale, rpte
Charte graphique
Une charte pour tout le site Feuille de style (avec et sans) Critre dterminant dadhsion Vecteur de communication important Fonds de page dgrads, clairs Utiliser des images lorsque cest utile Minimiser leur taille (qualit > taille) Palette web-safe Animations avec parcimonie, sans texte proximit 2 ou 3 polices maximum, taille en relatif
Contenu
Utilisateurs parcourent Faire ressortir les lments cls du texte
gras, puces, liens (attention au texte)
Lisibilit
Justifi gauche, important en haut de page, imprimable
Concision
essentiel, rdiger simplement, tre objectifs, paragraphes courts, conclusion/rsum au dbut (pyramide inverse)
Netiquette
Communication
Communication Artistique (uvre visuelle et sonore) Interactif
www.ebay.fr
Page accueil trs charge Trop de zones Listes redondantes Liens sans explication
www.ebay.fr
www.ibm.com
Grosse entreprise Dualit du site
(entreprise + site marchand)
www.ibm.com
pas de lien vers le panier problme de la segmentation par march (vision fournisseur) Pas dinformations prcises
(tournures purement marketing sans fait vocabulaire concret font fuir Glt) marketing
majuscule/minuscule
Lien ?
Using Frames
confusing for users since frames break the fundamental user model of the web page you cannot bookmark URLs stop working Printouts become difficult the predictability of user actions
Complex URLs
a URL should contain human-readable directory and file names that reflect the nature of the information space Navigation, Sens of location => decode !
Orphan Pages
Liens vers la page originale Info sur la localisation sur le site Infos sur le contenu du site (liens directs vers les pages de lextrieur) Pas de pages orphelines
Outdated Information
New content !!! Mais aussi
No Prices
B2B : oublis frquent B2C : oublis dans les listes, les rsultats de recherche, etc
Horizontal Scrolling
Users hate scrolling left to right Optimized for 805-pixel-wide
Blocks of Text
A wall of text is deadly for an interactive experience. Intimidating. Boring. Painful to read. Write for online, not print :
subheads bulleted lists highlighted keywords short paragraphs the inverted pyramid a simple writing style, and de-fluffed language devoid of marketese.
JavaScript in Links
Users hate unwarranted pop-up windows. Users deserve to control their own destiny.
Aller vers une nouvelle page Ouvrir un programme de ml pour crire plutt que lire
Remarques
Le Ml
Pratique de lutilisabilit
Usability =
Utilisabilit, critre de choix Dvelopement
Rduction des cots Intgration de lutilisateur final = consolidation 70 80% des cots sont engags au dbut du projet viter les retours arrires (surcot) Critre dacceptation du produit final
48 80 % du code internet dvelopp Pratique = 6% du cot dun projet (faible / enjeux) Globalement, amliore la r-utilisabilit des composants (enrichissement, cycle damlioration)
Difficile quantifier ?
Thomson Multimdia
DSS
Nokia
Amlioration minime = gros gain quand beaucoup demploys Productivit (entreprise utilisatrice) Attractivit (entreprise vendeuse)
Observation Verbalisation
Efficacit (utilisateur peut raliser sa tche) Efficience (avec un minimum de ressources) Satisfaction (agrable utiliser)
Contexte proche situation relle (pas aider ni rien) Observation, mesure, questionnaires
Comportement : comment il navigue, les infos quil cherche Performance : temps, erreurs, impasses, volution, Analyse chaud aprs Consigne, objectifs, plateforme, conditions, etc
Test ?
valuer le logiciel, pas lutilisateur Dfinir des objectifs prcis pour les tests Panel dutilisateurs reprsentatifs Nielsen (Alterbox, 2000) Why you only need to test with 5 users
Test avec 5 utilisateurs lvent 80% des problmes dutilisabilit (pour un groupe donn dutilisateur, en amliorant chaque fois)
Conclusion
Objectif : Comprendre et intgrer les facteurs cls de lutilisabilit Prenez du recul Sachez anticiper les cots, les impacts Faites de la Conception Centre Utilisateur