Erreur 404
Erreur 404 par
Bonjour!
Je vous présente ma page.
Tout d'abord, il faut que je vous dise que je participe à ce concours par plaisir, et non pas pour gagner à tous prix.
Ensuite, je n'est malheureusement pas de site web pour rendre cette page "utile" et "fonctionnelle". J'en ai parlé sur le forum dédié à ce concours et on m'a répondu ceci: "tu pourras le signaler dans la description et puis on comprendra, l'alsanaute et intelligent". Voilà pourquoi je vous demande d'être indulgent sur ce point.
Niveau design, je me suis assez bien embêté (je dessine mal). Mais je suis assez content du résultat: il simple, sobre mais agréable et esthétique. L'idée est simple: on arrive sur la page erreur 404 avec un garçon ayant l'air désolé, je n'ai eu qu'à rajouter quelques détails (vous remarquerez qu'ils sont peu nombreux, pour ne pas encombrer et pour ne pas s'éloigner du thème). Des couleurs assez vives par endroit, et des couleurs assez clairs à d'autres endroits, cela permet de créer une sorte de contraste. Le fond est blanc, tout simplement, et les couleurs vont rarement dans les tons foncés: cela créer une certaine tranquillité, un espace agréable. Dans l'énoncé du concours, il est écrit que la page doit être conforme aux normes. Alors là, j'ai fait tout ce que j'ai pu: j'ai été voir aux liens que Raphaël nous a laissé dans un topic. J'ai même téléchargé le logiciel "A-Prompt" pour vérifier l'accessibilité de ma page. J'ai aussi essayé d'afficher ma page sans le code css: le principal est là.
La page redirige automatiquement l'utilisateur vers la page d'accueil du site au bout de 10 secondes (pour augmenter l'ergonomie).
Vous remarquerez que mon design est extensible et qu'il est le même sous firefox (toutes les versions) et Internet explorer 6.0. Mes scripts sont écrit proprement, et ils sont clairs: retours à la ligne fréquent et indentations.
Voilà, maintenant à vous de votez!
Voir en ligne http://medias.capprod.com/Etienne/erreur_404.html
Note obtenue : 4.580/10
Commentaires
"La page redirige automatiquement l'utilisateur vers la page d'accueil du site au bout de 10 secondes (pour augmenter l'ergonomie)" Aïe : en faisant cela, tu n'augmente nullement l'ergonomie de cette page... Les redirections "temporisées" sont en effet une assez mauvaise idée niveau accessibilité... Après, moi perso, je trouve l'image marrante (euh, à part le choix de la police d'écriture :P quoiqu'il va bien avec le style dessiné) Bref il s'agit quand même d'une proposition marrante :D
Ben pour les redirections, je crois que c'est pas super dans ce cadre là (de la page 404), mais d'autres prendront soin de confirmer ou d'infirmer. De rien pour mes compliments sur l'image, t'as du te casser le c.. quand même. T'as fait ça a la palette ou sur papier à l'origine ? parce que si c'est à la palette graphique alors bravo, j'ai jamais réussi à dompter la mienne :)
Ouch : effectivement, rediriger le visiteur automatiquement est très déconseillé. Imagine une personne non voyante navigant à l'aide d'un lecteur vocal : elle n'a même pas encore compris ce qui lui arrivait qu'elle est déjà redirigée ailleurs... sur une autre page 404 d'ailleurs ! :p Pour moi c'est vraiment le gros point négatif. Il faut TOUJOURS laisser le visiteur décider de sa navigation.
Idem pour l'utilisateur qui navigue avec de nombreux onglets, le temps que je lise la description de la page que celle-ci était déjà partie... :/
Pratiquement aucune explication ni aucune aide, sans compter la redirection temporisée, hautement déconseillé de manière générale et encore plus particulièrement sur une page 404.
Hello, Pas fan de l'illustration qui manque un peu de maitrise (surtout au niveau du titre, très mal négocié, tandis que le reste est plutôt correct). De plus, je suis obligé de saquer cette proposition pour cause d'utilisation de la fonte Comic Sans. C'est pas intelligent de ma part, mais j'assume. :) http://bancomicsans.com/
"...d'utilisation de la fonte Comic Sans" +1M
"utilisation de la fonte Comic Sans" +1 C'est sûr qu'il fallait oser :-D
D'accord avec tout ce qui a été dit même si je suis plus tolérant avec le Comic Sans qu'avec la redirection, et surtout après 10 toutes petites secondes ;-) Sinon quelques petites remarques : * avec la version standalone d'IE7 dont je me sers il y a un décalage au niveau de la table. * ta "fameuse" balise <meta refresh...> est mal fermée avec > au lieu de /> * pourquoi as-tu mis un attribut title à ton LINK ? * pourquoi utilises-tu des entités HTML pour certains accents dans ton texte ?
Oui, 10 secondes c'est bien trop court pour lire le message avec une synthèse vocale à débit normal. Moi j'y arrive tout juste... Mais si tu avais mis 20, 30 secondes ou plus, ça n'aurait pas changer le problème : les redirections suite à des erreur quelle qu'elle soit, c'est mal.
J'aime bien. :-)
Moi je trouve cette page sympa. Le design est original. Le code HTML est très limité ce qui est un bon point (on ne trouve pas par exemple tous pleins d'imbrication de balises DIV les unes dans les autres, comme on peut trouver facilement ailleurs), et le CSS exploite assez bien le peu de balise HTML : de ce coté c'est assez bien optimisé. Pour la redirection, je pense qu'il à pris un risque en voulant trop aider l'utilisateur. Mais par expérience je sais que dans le domaine de l'ergonomie on obtient rarement quelque chose de parfait du premier coup (ça viens à force de pratiquer), surtout que le site hôte du concours n'est pas forcément un modèle dans le genre (mais là n'est pas le sujet). Avec une redirection d'au moins 20 ou 30 secondes il se serait moins pris les foudre des des personnes ayant commentés. À propos de l'attribut title dans le LINK, il me semble que ça sert quand un site/page à plusieurs thèmes graphique, et donc des CSS différents pour chacun des thèmes (...à confirmer). Là il n'est pas vraiment utilise vue qu'il y a qu'un seul CSS, mais il n'est pas gênant pour autant. La police "Comic sans" n'est qu'une question de goût (moi perso ça ne me dérange pas). Au passage, à quand une belle page d'erreur 404 pour le forum ? Pour finir je vous fais partager 2 liens que je viens de découvrir récemment : * My 404 sucks : http://www.capitaine-commerce.com/index.php/2007/08/30/313-my-404-sucks * Un gadget Google pour les erreurs 404 : http://googlexxl.blogspot.com/2008/08/un-gadget-google-pour-les-erreurs-404.html Sur ce, bonne continuation à tout le monde !
"À propos de l'attribut title dans le LINK, il me semble que ça sert quand un site/page à plusieurs thèmes graphique, et donc des CSS différents pour chacun des thèmes (...à confirmer). Là il n'est pas vraiment utilise vue qu'il y a qu'un seul CSS, mais il n'est pas gênant pour autant." Effectivement ce n'est pas gênant. Je posais la question puisqu'ici il ne sert à rien et au cas où son utilité n'aurait pas été claire. Mais j'aurais aussi bien pu mettre directement le lien suivant : http://www.blog-and-blues.org/weblog/2005/08/04/437-feuilles-de-styles-permanentes-alternatives-et-preferees-en-xhtml