TrucsAFaire.com

Bonjour à tous !

Je vous présente aujourd'hui un site que je développe depuis un petit moment : Trucs A Faire (ou TAF) dont l'url est http://www.trucsafaire.com.

Il existe deux grandes parties au site :
- Trucs A Faire : pour gérer une liste de tâche
- Trucs A Acheter : pour faire sa liste de courses en ligne

Après la création d'un compte, il est possible de gérer sa liste de trucs à faire en classant les "TAFS" par catégories, de les rayer (Ô joie) ou de les supprimer, d'ajouter une explication et une date limite...

Pour "Trucs A Acheter", des articles par défaut existent et il est possible de les personnaliser (prix, catégorie...) ou d'en créer d'autres.

Enfin une partie "forums" existe : Trucs A Dire.

Je voudrai savoir ce que vous pensez de l'idée et du site en lui-même (fonctionnalités, design...) ?

Voici un compte de test : (n'hésitez pas à vous faire un vrai compte si ça vous plait ! )
Pseudo : demo
Mot de passe : truc


Merci d'avance pour vos critiques !

Shigerum

Salut !

Ton idée est pas mal, mais je pense que tu te frotte en même temps a tout ce qui est outlook, google agenda et l'agenda messenger pour ce qui est des trucs à faire ^^.

Sinon dans les TAF, c'est pas mal ergonomiquement mais pour ajouter un taf on a pas forcément le réflexe de le faire dans la partie gauche. Sinon quand on supprime un TAF, il serait peut être sympa de mettre une demande de confirmation même si ça passe dans la corbeille ^^.

Pour la liste de courses, c'est bien pensé et fonctionnel. Il faut simplement ajouter la possibilité d'avoir plusieurs listes de courses ^^.

Graphiquement je pense que tu as fait trop gros, les reflets ça ne fait pas trop. Il est sympathique mais peut être pas assez recherché. Je pense que tu devrais faire un design plus sobre, garder tes ombres etc.. mais quelque chose de plus simple. C'est peut être un peu trop lourd.

Pour la partie du référencement, je ne sais pas si tu y a déjà pensé il faut penser a remplir ta meta description. Pense a mettre un balise h1 qui est très importante pour les navigateurs.

Et la page contact ne marche pas ^^.

Sinon dans l'ensemble c'est pas mal, je ne sais pas s'il y a d'autres sites comme le tien mais c'est bien ^^.

Pour ton site tu pourrais aussi penser à avoir une fonction pour les mobiles pour retrouver sa liste de courses sur son portable (iphone ou autre). Comme ça pas besoin de l'imprimer ^^

Bonjour,

a écrit :
30 Errors, 13 warning(s)

ça fait quand même beaucoup...

Quelle est, ici, l'utilisé du menu en Flash ? Ce même menu pourrait très facilement être réalisé avec des images de fond changeant au survol (pseudo class :hover) et un texte par dessus dans le HTML.

Le design du site est déformé sous IE6. De plus l'utlisation abusive de PNGs rend l'interface particulièrement moche.

La page imprimer.php comporte des erreurs...

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

Pourquoi ne pas utiliser un encodage plus standard ? comme l'UTF-8 ou l'ISO-8859-1 ?

<span style="color: red;">La navigation sera améliorée avec l'installation d'un plug-in flash.</span>

J'aime beaucoup ton humour
Pas de flash, pas de navigation, dans le cas de ton site. On ne parle donc pas d'amélioration mais de mise à disposition.
Donner l'adresse où le plug-in est téléchargeable serait plus qu'intéressant.

Ton code est particlièrement fouilli. Essaye de limiter l'utilisation de l'attribut HTML "style", préfère l'utilisation de "class".

<img src="../design_commun/images_demo/badges/badge_taf.png" alt="badge" title="badge"/>
<img src="../design_commun/images_demo/badges/badge_taa.png" alt="badge" title="badge"/>
<img src="../design_commun/images_demo/badges/badge_tad.png" alt="badge" title="badge"/>

Ces trois éléments sont différents, ils ont cependant le même texte alternatif. C'est un point problématique : comment l'utilisateur de lecteur d'écran ou le robot est-il sensé savoir qu'ils représentent quelque chose de différent ?
De plus ces trois images sont purement décoratives (elles ne donne aucune information supplémentaire au texte qui les accompagne). C'est un autre points problématique. L'attribut ALT doit êter utilisé pour fournir une information équivalente à celle fournie par l'image. Quand l'image est purement décorative, alt doit être vide (alt="").

Dans la liste de trucs à faire, il n'est pas évident (du tout) de différencier les éléments qui peuvent être survolés de ceux qui ne le peuvent pas. De plus dans le cas des premiers, le survol à tendance à déformer le design, il est du coup assez dérangeant.

C'est pas génial de devoir se reloguer à chaque fois que l'on change de section

Les boutons + et - de la liste de course ne fonctionnent pas.

Un site qui fait plus ou moins des choses similaires aux tien :
www.rememberthemilk.com
Modifié par N-J (23 Feb 2009 - 20:03)

Bonsoir à tous !

Merci pour toutes ces critiques. J'ai corrigé quelques petites choses mais je n'ai pas tout mis en ligne encore.
Merci N-J pour le lien. C'est très instructif (et décourageant?) de voir un site similaire.

Je m'attaque aux erreurs de validation HTML. Effectivement, il y en a beaucoup Par contre je me cogne à beaucoup d'erreurs de ce type :

…="index.php?quelle_page=creer_compte&PHPSESSID=5d4827226937d57324f07d8be39440 

Je ne comprend pas d'où cela vient car ce n'est pas moi qui ait codé ça... J'ai pourtant fait le site entièrement "à la main". Vous avez une idée ? J'ai déjà fait quelques recherches et je vais continuer mais si vous avez un tuyau tant qu'on y est...

Bon j'ai encore beaucoup de boulot moi je m'y remet !
Merci encore pour toutes vos critiques !

Shig

Salut,

pour ta question cela vient des sessions PHP. Voir l'astuce Le caractère "&" empêche mon site d'être validé. Que faire ?.

Sinon ce serait sympa de laisser ton site disponible et d'éviter les "En cours de maintenance" puisque tu demandes des avis.

@N-J > ton lien ne fonctionne pas : pense à (re)lire l'Aide.

Salut Heyoan,
C'est pas de bol, le site est resté en maintenance seulement 5 minutes !
C'est revenu. Merci pour le lien, je vais voir ça !
Maintenant que le site est "revenu", pourrais-je te demander ton avis ?

A bientôt !

Heyoan a écrit :

@N-J > ton lien ne fonctionne pas : pense à (re)lire l'Aide.

Oui, j'avais complètement oublié le http ^^, je m'en suis rendu compte en cliquant dessus ^^

ShigeruM a écrit :
C'est pas de bol, le site est resté en maintenance seulement 5 minutes !

Arf !

Pour ce qui est d'un avis et comme ça prend du temps et qu'on est lundi et que j'ai la flemme (de lire ce qui a déjà été dit et de tout regarder dans le détail) et que... bon ben c'est tout !

En bref :

* ta page n'est pas structurée (à part un h1 qui traine). cf. http://openweb.eu.org/articles/respecter_semantique

* dès que l'on augmente la taille du texte (qui ne devrait pas être en px) la mise en page en prend un coup.

* quel est l'intérêt d'avoir un lien en JavaScript (qui peut être désactivé) dans le header ?

* les libellés de tes LI sont de longueurs variables... et cela devrait également être le cas des LI (cf. Créer des menus simples en CSS.)

* on ne distingue pas les liens des autres textes (penser par exemple au soulignement).

* lorsqu'une image contient une information elle ne devrait pas être en background mais dans le code html avec un alt qui va bien (cas de toutes tes en-têtes).

...

Voili Voilà !

Bonjour à tous,

J'ai corrigé quelques petites choses parmi tout ce que vous m'aviez dit. Pas tout évidemment... Mais si je poste c'est pour répondre à la question que j'ai moi-même posée précédemment, portant sur les erreurs de type "PHPSESSID" lors de la validation w3c.
Les 30 erreurs que j'avais en soumettant mon site étaient dues pour la plupart (les 3/4 je dirais) à ce type d'erreurs. Alors au cas où quelqu'un tombe sur ce forum avec ce même problème, voilà le code qui a servi à le régler, mis dans un .htaccess à la racine du site :

SetEnv SESSION_USE_TRANS_SID 0

Il ne me restait que quelques balises malles fermées par-ci par-là après ça... Mon site passe maintenant la validation w3c.

Je travail à la structure et aux balises qui ont du styles mais aucune classe.

A bientôt !

ShigeruM a écrit :
Alors au cas où quelqu'un tombe sur ce forum avec ce même problème, voilà le code qui a servi à le régler, mis dans un .htaccess à la racine du site :

SetEnv SESSION_USE_TRANS_SID 0

Sauf que tu n'as pas corrigé le problème - il suffisait comme expliqué dans le lien que je te donnais en premier de faire ini_set('arg_separator.output', '&') - : tu as supprimé une fonctionnalité qui permet de laisser faire le serveur pour rajouter automatiquement le PHPSESSID à tous les liens d'une page. Pourquoi pas d'ailleurs mais autant le faire délibérément et après réflexion.

Pour plus d'infos lire cet article.


Edit: oups ! J'ai édité l'astuce en question car le & s'était sournoisement transformé en simple & !
Modifié par Heyoan (25 Feb 2009 - 19:27)

Bonjour,

Eh bien cela fait donc deux solutions. L'une peut-être meilleure que l'autre.
Je ne sais pas où j'avais copiée ton astuce mais il se trouve que je n'avais vue que la sournoise. C'est pour cela que j'ai fait d'autres recherches. J'aurai dû comprendre tout seul mais il faut croire que je n'ai pas encore le niveau.
J'ai lu ton article et je comprend mieux la différence entre les deux méthodes (d'ailleurs il y en a une troisième). Merci pour le lien !
A bientôt !