Outils d'aide à la création de site
Outil d’analyse concurrentielle
http://alpha.benchmarkr.com
L’outil permet de saisir ses données, de tirer des conclusions et de produire des résumés et représentations graphiques tout en ayant des fonctionnalités de partage des documents.
Faire des captures d’écran
Screengrab – une extension Firefox
L’outil (gratuit) permet de faire des captures d’écran (cliquer droit sur l’écran à copier), soit une partie, soit l’entièreté de la page en cours au format png.
Fonction PrintScreen
Les interfaces en Flash et les éléments dynamiques (survol souris, pull down, messages d’erreurs, etc.) ne sont pas facilement capturables. Utilisez dans ce cas la fonction Prt sc (print screen) ou en ImprEcran et copier la capture dans un logiciel de traitement d’images ou dans un document word.
Auditer une interface
uzReview – Mozilla
L’outil (gratuit) permet d’auditer une interface sur la base heuristique.
Il propose d’ajouter à un navigateur web une colonne d’outils consacrés à l’audit ergonomique.
Changer la résolution d'écran
Web Developper – une extension Firefox
Il est essentiel d’auditer un site en adoptant le profil de l’utilisateur et en fonction de la configuration des plates-formes que vous utilisez. Les deux principaux paramètres sont la résolution d’écran et le système d’exploitation/navigateur.
Pour ne pas changer de la résolution d’écran à chaque fois que vous faites une copie d’écran, vous pouvez utiliser l’extension Web Developer qui permet d’afficher la fenêtre de navigateur à la taille désirée.
W3C
W3C défend l’accessibilité visuelle en proposant des outils pour évaluer si le contraste entre les couleurs utilisées pour le fond de page et les caractères typographiques est suffisamment différent. Il s’agit de prévoir une différence de couleurs de 400. Pour la brillance, pour que les textes soient lisibles sans effort, il faut que la différence soit supérieure à 125.
Les outils gratuits sont en ligne.
Toutes les normes et recommandations en vigueur.
Web Accessibility Initiative du W3C
Toutes les normes et recommandations en vigueur pour des sites accessibles.
Autres logiciels :
www.etre.com/tools/colourcheck
www.snook.ca/technical/colour_contrast/colour.html
Obtenir le code couleur
Colorzilla – une extension Firefox
L’extension Colorzilla sur Firefox permet d’obtenir le code hexadécimal d’une couleur affichée à l’écran grâce à l’utilisation de la pipette. Il suffit de pointer sur une couleur à un endroit de l’écran pour que ColorZilla vous restitue fidèlement le code.
Lynx
Pour tester si votre site est utilisable en version texte, il vous suffit de tester le site avec un navigateur en mode texte comme Lynx.
SEO for Firefox – une extension Firefox
Les fonctionnalités de SEO vous permettent d’analyser vos pages d’un point de vue optimisation des moteurs de recherche.
RanQuest SEO Toolbar
Cette barre de navigation donne accès à une trentaine d’outils utiles dans la vie d’un référenceur, dont par exemple le lynx viewer.
Outils pour réaliser les plans de site, flux d’interaction, zonings et maquettes
Les points à prendre en compte sont la notion de prise en compte de pixels, la possibilité de travail collaboratif inter-entreprises.
Powerpoint (Microsoft Office)
Visio (Microsof Office)
InDesign (Adobe)
Illustrator (Adobe)
Photoshop (Adobe)
Omnigroup
Simulation d'eye-tracking
Feng Gui
Service en ligne simulant l'eye-tracking (ou oculométrie) d'une page web.
Il permet de prédire le potentiel d'attention visuelle des différents éléments de la page.
Clickdensity
Outil en ligne permettant de repérer les zones cliquées par les internautes.
ColorMarch Remix
Sélecteur de couleurs
Pourpre.com
Le site de la couleur : dictionnaire, outils en ligne etc.
Cardsort
Outil gratuit pour réaliser un tri de carte informatisé avec un maximum de 100 cartes.
Conversion de PDF en ligne
Attention! Ne transposez pas vos contenus, adaptez-les toujours dans le respect de l'écriture Web!
Traitement des images (gratuits)
Pixia
Irfanview
Traduction en ligne
Traduction de textes ou de sites en ligne : GOOGLE
Webmaster Toolkit
Analyse des mots clés (en anglais)
Accessibilité & ergonomie
Chrispederick.com
Web Developer
Syntaxe & orthographe
Webelixir
Antidote
|
