Partage

Avis design de mon site

Facilité d'utilisation ?

Sujet résolu
10 août 2017 à 15:30:22

Bonjour à tous,

Sans vouloir faire de la pub pour mon site, étant débutant, j'aurais voulu savoir ce que vous pensiez du design. Si vous trouviez le site accessible, facile d'emploi, navigation simple et naturelle, et avoir vos conseils pour une meilleure optimisation.

www.demusicaemilitari.fr

Tout n'est pas rempli car toutes les recherches ne sont pas encore terminées, et l'on met un peu de temps pour les articles.

Juste pour info, j'aurais bien vu la page d'accueil avec les actualités, quelques choses de vivant et non tout le texte de présentation mais je ne sais pas trop comment l'organiser autrement. Une idée ?? (J'aurais pensé au popup mais on me l'a déconseillé).

Pour ceux qui fouillerait le code du site des conseils à me donner ?

Merci !!

-
Edité par AxelChagnon 15 août 2017 à 1:06:53

10 août 2017 à 16:25:30

Bonjour,

Le site semble ambitieux et très bien documenté, et très riche en informations.

Mais le design est vraiment daté, et non responsive, rédhibitoire aujourd'hui. Je verrais bien un diaporama pleine page en entrée, avec pour chaque slide une phrase présentant le site, surtout qu'il y a semble-t-il des illustrations très intéressantes sur le site, quelque chose de spectaculaire.

sliders qui en jettent :

https://vegas.jaysalvat.com/
https://tympanus.net/Tutorials/CSS3FullscreenSlideshow/

https://www.freshdesignweb.com/fullscreen-jquery-slider/

Un police de caractères plus moderne aussi s'impose. Pour le design, on doit pouvoir garder les 3 couleurs bleu blanc et rouge. Voir une palette ici pour trouver des teintes assorties ou en camaïeu: https://www.materialpalette.com/

soit : https://www.materialpalette.com/blue/red

Le jaune et le gris sont à bannir, le footer à refaire.

Pour l'ergonomie : trop d'onglets dans la navigation, on s'y perd au premier coup d'œil. Le site semble très riche en sections, mais je pense qu'il faut davantage regrouper les liens, quitte à faire des pages "table des matières" avec des liens vers des sous-sections,

Pour le code proprement dit : je vois que header, section (qui devrait s'appeler <main>) et <footer> ont des largeurs de 1000px indiquées dans la CSS : c'est inutile, et alourdit inutilement le code,  et posera des problèmes pour la version responsive < 1000px

je ne mettrais pas <nav> dans une section, mais soit dans le <header> soit entre <header> et <main>

Problème avec les titres <hn> : on doit avoir <h1> puis <h2> puis <h3>, etc., je vois un h5 mais pas de h4, et le h5 entre le h1 et un h2

Il faut structurer les pages sous la forme <section> <article> et pourquoi pas un <header> dans <article>, et <figure> pour les illustrations avec si nécessaire <figcaption> pour les légendes

Par exemple pour cette page : http://www.demusicaemilitari.fr/celeustique/tambour/xvi-xviii/le-tambour-dans-les-armees-du-roi-de-france.php,

on voit qu'il y a plusieurs articles, chacun pouvant être lu indépendamment des autres, et ayant ses propres illustrations.

Voilà ce que je vois rapidement, mais le projet mérite d'être amélioré, il y a quantité d'infos passionnantes, bravo

-
Edité par ChrisLebure 10 août 2017 à 16:25:57

Staff 10 août 2017 à 21:06:06

Bonjour,

> Je verrais bien un diaporama pleine page en entrée, avec pour chaque slide une phrase présentant le site

Oui alors je ne conseille pas ça du tout : https://doisjeutiliser.fr/unCarrousel/

Pour le reste, je suis tout à fait d'accord :)

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 21:32:01

Ah dommage, j'adore les sliders de tympanus.net (et pas que les sliders) ! mais bon, c'est un plaisir purement esthétique ... 
Lamecarlate : je suis (presque) convaincu

11 août 2017 à 9:48:44

Merci pour vos commentaires.

Effectivement nous avons beaucoup d'informations, et le sujet sur lequel nous travaillons n'a jamais été réellement étudié. Vu l'importance des trois thèmes, pour moi il fallait se diriger vers un site à menu, et non vers un blog.

Pour les couleurs, on voulait éviter le cliché "patriotique" bleu-blanc-rouge", mais plutôt quelque chose de neutre, mettant en évidence le texte, que cela soi visible aussi bien pour les jeunes que par des anciens. En faites, les couleurs utilisé sont plutôt le fruit du hasard. Avant de faire beau, je trouvais cela pratique.

Pour la police, vous me conseillerez quoi ? Comic sans MS (Joke :p).

J'ai testé le site pour la couleur. je vais voir ce que je peux faire...

Pour le footer je voulais el faire de la même couleur que le menu. Je me trompe sur la façon de le penser ?

Pour le menu, j'avais peur de sa complexité. Un exemple à me montrer ? C'est que le sujet est vaste, on est blindé d'archives... Je sruchauffe à trouver une solution !!!

Sur la page d'accueil, j'aurais aimé mettre une description du site, sans que cela monopolise cette page. Le slider est peut-être intéressant (après les visiteurs le lisent ou non, ils auront le choix), mais aussi ce que j'ai mis dans la page actualités : un calendrier des événements, les dix derniers topics du forum, les mises à jours du site, etc...

Pour le code cité, je vais modifier cela merci.

pour le sujet que tu cite, serait-il pensable de faire un sorte de menu affichant les différentes parties, lorsque l'on clic sur un, le texte apparaît dessous, et lorsque l'on clic sur le prochain, le précédent remonte se cacher, et le nouveau apparaît ? Cela serait accessible à tous le monde ? 

pour le côté boutique, je veux faire appel à un développeur (rémunéré) qu'il puisse m'aider à améliorer cela, et me fournisse un code que je peux moi-même modifier (ajout d'objet). j'ai fais une demande sur le forum.

14 août 2017 à 15:43:13

Hello,

Je suis entrain de retravailler le site. Si je ne laisse pas le width:1000px, je n'y arrive pas. Le site part en cacahuète, je ne sais pas comment régler le reste autrement...

je suis entrain de voir à changer le menu, le mettre sur la gauche, ou tout sera détaillé. Cela sera plus visible et modifiable par la suite.

J'ai aussi changé la page d'accueil, elle est plus dynamique. Je suis content de moi :) !

14 août 2017 à 19:55:10

Hello,

je conseillai de laisser seulement le <body> avec une largeur définie (ce qui permettra de mettre en place une version responsive facilement), et donc d'enlever la largeur des header, main et footer, qui vont prendre toute la largeur dispo automatiquement, donc les 1000px du body

Bonne continuation

Avis design de mon site

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown