Discussion :

[Coming_next]

Bonjour,

Vos retours sont les bienvenus : www.scudinfo.com
On m'a déjà pas mal critiqué sur le design ... que je compte du coup
améliorer.

S.

[Na_Kai]

Je trouve le principe vachement sympa. Niveau design je trouve ça plutot sobre et je doit avouez que celà ne me dérange pas. Mon seul problème c'est que sous Internet explorer (J'ai le 8) ça bug pas mal (oui je sais, bouh il utilise IE, mais bon dans mon entreprise on est obligé )

[rodolphebrd]

Bonjour Coming_next,

Vous devriez placer un lien dans votre premier message pour faciliter l'accès à votre site.

Note : Il y a tout à faire côté design...

[Coming_next]

Je trouve le principe vachement sympa. Niveau design je trouve ça plutot sobre et je doit avouez que celà ne me dérange pas. Mon seul problème c'est que sous Internet explorer (J'ai le 8) ça bug pas mal (oui je sais, bouh il utilise IE, mais bon dans mon entreprise on est obligé )

J'avoue je n'ai testé que sous IE 9 ou 10.
Le redesign du site passera aussi par une simplification du HTML / CSS pour éviter d'avoir recours à des règles différentes sur l userAgent.

[Coming_next]

Bonjour Coming_next,

Vous devriez placer un lien dans votre premier message pour faciliter l'accès à votre site.

Note : Il y a tout à faire côté design...

Merci pour la confirmation ...

[JérémieL]

Bonjour,

Mes remarques (c'est subjectif bien évidemment) :

- Les bordures de blocs en pointillés je trouve ça horrible . Enlève donc ces border: dotted !
- Les dégradés très marqués et les coins arrondis, ce n'est pas forcément très joli. Là en l’occurrence, je pense que tu pourrais les enlever, ce serait bien plus agréable.
- Je n'aime pas le texte "Pour envoyer un scud..." qui bouge. Je trouve qu'on le voit suffisamment.
- Le style du titre du site "scudinfo.com" n'est pas en accord avec le logo et le reste de la page, dans un style plutôt "vectoriel".
- L'image d'illustration du zipcode est assez laide (je trouve).
- Je n'aime pas le style des input pour le choix de zone/zipcode (trop foncé).
- Quand on affiche le bloc d'édition de Zone, puis qu'on clique sur "Zipcode", les deux blocs d'édition s'affichent en même temps pendant un court instant et ça fait bizarre.

Bref, t'es pas graphiste donc le design, ce n'est pas trop ça. Hormis cela, je trouve que c'est plutôt propre.

[Coming_next]

Bonjour,

Mes remarques (c'est subjectif bien évidemment) :

- Les bordures de blocs en pointillés je trouve ça horrible . Enlève donc ces border: dotted !
- Les dégradés très marqués et les coins arrondis, ce n'est pas forcément très joli. Là en l’occurrence, je pense que tu pourrais les enlever, ce serait bien plus agréable.
- Je n'aime pas le texte "Pour envoyer un scud..." qui bouge. Je trouve qu'on le voit suffisamment.
- Le style du titre du site "scudinfo.com" n'est pas en accord avec le logo et le reste de la page, dans un style plutôt "vectoriel".
- L'image d'illustration du zipcode est assez laide (je trouve).
- Je n'aime pas le style des input pour le choix de zone/zipcode (trop foncé).
- Quand on affiche le bloc d'édition de Zone, puis qu'on clique sur "Zipcode", les deux blocs d'édition s'affichent en même temps pendant un court instant et ça fait bizarre.

Bref, t'es pas graphiste donc le design, ce n'est pas trop ça. Hormis cela, je trouve que c'est plutôt propre.

Salut et merci pour ton retour détaillé.
Les choses pour lesquelles je n'ai pas d'avis tranché je t ai suivi :

dotted => solid
background degradé => couleur noire

Pour les inputs du choix des zone/zipcode je suis d accord mais faut que je regarde, je viens de les mettre, récupérer du web...

Pour les 2 bloc qui s affichent un cour instant en meme temps je vais le faire çà aussi, car on me l a deja remonté

[rodolphebrd]

La balise Marquee fait fuir le regard (à proscrire).
La balise (.mi-content-div ) ne devrait pas avoir de largeur (100ex !!) car elle déborde du conteneur quand on réduit la fenêtre.
Le double chevron <td class="mi-first">»</td> peut être géré en css avec un pseudo-élément.

Il n'y a pas de balises Hn, donc pas de structure du contenu (penser au référencement).

Les blocs ne sont pas centrés, le texte n'est pas correctement alignés ni mis en forme.

Concernant les couleurs : cherchez à rester lisible et respectez une harmonie (vous pouvez utiliser une couleur vive, judicieusement placée pour donner vie au design).
Je ne mettrais pas de couleur pour le background du body.

Pensez au validateur

Pour une page simple comme celle-ci il y une possiblité de faire quelque chose d'intéressant car la structure est simple.
Prenez exemple sur ce qui se fait sur le web.

[Coming_next]

Justement j'avais mis la balise marquee pour attirer le regard. Que faire à la place ?

"mi content div" je l ai corrigé hier oui.

Pour le référencement c 'est vrai que je n'ai pas de plan A...

Pour les problèmes de centrage tu parles du header/bandeau ?

Merci pour ces conseils.

[rodolphebrd]

Justement j'avais mis la balise marquee pour attirer le regard. Que faire à la place ?

Rien.
Pour le centrage je parle de table class="messageTable" avec bien sûr une mise en forme des textes ^^. Ne pas oublier les écrans de bureau larges (je suis sur un 1900X1200 ce qui n'est pas exceptionnel aujourd'hui).

Le background noir assombrit l'ensemble.

[Coming_next]

Le background c est mieux ?

[rodolphebrd]

Non pas du tout ça renforce le design années 90
Je verrais :
- soit aucun background (dans votre cas il faut privilégier le visuel puisque le design n'est pas votre domaine)
- soit un background très, très léger avec une couleur ou une texture à partir d'un site en fournissant.

[Coming_next]

Pendant mes recherches je suis tombé sur ce site ... c'est aussi un problème de goût

Bon là çà devrait être mieux. Il me reste à remplacer le marquee et la message table...

[rodolphebrd]

Pendant mes recherches je suis tombé sur ce site ... c'est aussi un problème de goût

De quel site parlez-vous ?

Le bg est toujours terne.

Vous devriez inclure les dates dans des balises P pour styliser ces champs.
L'idéal serait ensuite d'y inclure une image en bg comme une pancarte pour faire ressortir ces zones.

Ne remplacez pas la balise Marquee : supprimez-la !!!

Votre menu n'est pas bon:
- le survol est mal fait;
- il faudrait des boutons plutôt qu'une barres ne contenant que 3 items (j'inclus "contact").

INSPIREZ-VOUS DE CE QUI SE FAIT afin que votre page ne fasse pas penser à une page Excel...

[Invité]

Bonjour,
en dehors du fait que je ne comprends pas du tout l'utilité de ce site (sûrement dû à mon grand âge !), voici mes remarques :

• "ZONE" et "ZIP CODE" : je ne listerais QUE les zones AVEC message.
  En effet, il est pénible de sélectionner une zone, pour juste constater : "Aucun message."
• "ZIP CODE" : le fait de ne pas pouvoir écrire directement dans la zone de texte est aussi pénible, surtout que le bouton "C" (en bas à droite) n'est pas explicite (une info-bulle serait bienvenue, au moins)
• Après une sélection : comment fait-on pour ré-afficher la liste entière (à part cliquer sur le logo) ?
• La Liste des messages : c'est le message qui est important, non ?
  Alors pourquoi afficher la ville et le zipcode juste avant ?
• "»" dans la 1ère colonne : quel intérêt ?
• + pouvoir trier par date/zone/zipcode en ASC/DESC serait un plus

Je ne parlerai pas "design"... et encore moins du "contenu" des messages...

[Coming_next]

Je ne parlerai pas "design"... et encore moins du "contenu" des messages...[/quote]

Bonsoir,

Du coup j'ai "bootstrappé" le site.

Je note pour la liste des zones.
C'est modifié pour la saisie du code postal.
Oui le logo pour tout réafficher. Je vais peut être tout simplifier avec une barre "filtre"...
La flèche s'est pour marquer la ligne.
Le tri serait intégrer dans la barre de filtre, si j'ai le temps de faire çà

Merci.

[rodolphebrd]

C'est beaucoup mieux et plus actuel comme design.

Bravo

[Invité]

Ca passe assez bien sur smartphone.

Ameliorations possibles :

- pour zone :
afficher aussi le nombre de messages pour chaque ville.
Si c'est 0, inutile d'afficher la ville.

- pour zip code :
via ajax, afficher le nombre de résultats/messages pendant la saisie.
Si c'est 0, inutile alors de valider.

- il manque une sélection "par departement" :
dans zip code, ne taper que "62", par exemple.
ou "621", et avoir la liste des "621xx".