Met à jour la page d'accueil

[Arnaud-D]

Cette PR mets à jour la page d'accueil.

• fait correspondre la structure de la page d'accueil à la future organisation "validé/libre" pour les publications
• rend la page plus joueuse avec des "call to actions"
• regroupe les paramètres de configuration dans leur propre section
• refactorise les fonctions de récupération de données pour qu'elles ne dépendent plus directement de certaines configurations

C'est dans le cadre de la refonte du parcours de validation. J'aimerais découper ça en morceaux digestes pour le développement et la QA. Je pense que cette partie es autoporteuse.

Contrôle qualité

Vérifier que le bloc "pépites de l'équipe" contient bien à la fois les tutos et les articles.

Vérifier que les liens fonctionnent

Vérifier les différentes tailles d'écran et que ça reste lisible

Vérifier que j'ai pas cassé la page de profil en refactorisant les paramètres de configuration

[coveralls]

coverage: 89.305% (+0.008%) from 89.297%
when pulling 8a24c41 on Arnaud-D:maj-page-accueil
into a8f10b6 on zestedesavoir:dev.

[firm1]

Rapport de QA

J'ai pu tester pas mal de point même ceux qui ne sont pas mentionnés dans les conseil QA (par exemple publier plusieurs contenu en majeurs/mineures pour vérifier que l'ordre d'affichage est bien correct).

Cohérence du ton

le ton/style des boutons "Montre-les moi !" et "Fais voir !" dénote un peu avec le bouton "Commencer à rédiger". Il faudrait harmoniser le ton des boutons.

La place du bouton "Commencer a rédiger"

Vu la place du bouton "Commencer a rédiger" qui maintenant sous le titre "Dernières publications de la communauté", on pourrait supposer que dans le bloc, lorsqu'on lit "Il y a X publications sur Zeste de Savoir. Pourquoi pas la vôtre ?".

Le X devrait correspondre aux publications de la communauté "non validés par l'équipe". Mais actuellement le X fais référence à l'ensemble des contenus publiés (validés ou non) sur le site. Cela peut prêter à confusion.

Je dis cela, mais je n'ai pas réfléchi à la bonne façon de traiter le point. je vois au moins 2 options possibles :

• Avoir 2 blocs "commercer à rédiger" (pour les pépites validées et les publication de la communauté) => ça peut alourdir la page
• Avoir un bloc "commercer à rédiger" mais qui se détache clairement de l'une des 2 catégories (validées et non validées) => besoin de compétence d'UX/design pour que ce soit bien intégré

Certains boutons n'ont pas besoin d'affichage sur mobile.

Aujourd'hui (en prod) le bouton "Commencer à rédiger" n'est pas affiché lorsqu'on est sur la version mobile du site.

Cette PR affiche ce bouton alors qu'il y a très peu de chance qu'il soit utile sur mobile.

[Arnaud-D]

Aujourd'hui (en prod) le bouton "Commencer à rédiger" n'est pas affiché lorsqu'on est sur la version mobile du site.

Cette PR affiche ce bouton alors qu'il y a très peu de chance qu'il soit utile sur mobile.

Je comprends l'idée, mais je pense qu'il vaut mieux l'afficher. On ne sait pas d'où les gens arrivent pour la première fois sur le site et on leur cacherait des choses utiles à savoir, même si ils ne vont pas s'en servir.

La place du bouton "Commencer a rédiger"

Ouais, je vois bien le problème. J'ai carrément changé le concept. Voir la capture ci-dessous.

L'idée de base est vraiment d'apporter une amélioration graduelle de la page d'accueil, même imparfaite. Si on se met à discuter longuement des détails, ce ne serait plus l'esprit avec lequel j'ai fait cette proposition.

[firm1]

L'idée de base est vraiment d'apporter une amélioration graduelle de la page d'accueil, même imparfaite. Si on se met à discuter longuement des détails, ce ne serait plus l'esprit avec lequel j'ai fait cette proposition.

Je comprends mieux la philosophie. Et du coup ta dernière maquette me semble plutot OK.
Tu peux pousser le commit ? Je ne vois pas de commit associé.

[Arnaud-D]

Effectivement, j'avais oublié de pousser le commit.

[Situphen]

Je n'ai pas encore testé mais voici déjà mes commentaires sur le backend.

[Situphen]

Je viens de tester en local (désolé pour le délai) et voici quelques remarques (rapides à traiter je pense) :

• J'ai peur que le titre "Dernières publications de la communauté" induise en erreur sur l'absence de validation. "Derniers billets de la communauté" ou "Dernières publications libres de la communauté" me semblent plus clairs.
• Dans le call to action "Tout le monde peut publier sur Zeste de Savoir. Pourquoi pas vous ?", le bouton "Je rédige !" pointe vers la rédaction de tutoriel alors qu'on est dans la liste des billets. Pointer vers la création de billets me semble plus logique.
• Je supprimerais le call to action "Des centaines d’autres publications vous attendent…" pour afficher un billet de plus, ou alors j'afficherai deux billets de plus étant donné la quantité de billets postés chaque année.

[Arnaud-D]

J'ai peur que le titre "Dernières publications de la communauté" induise en erreur sur l'absence de validation. "Derniers billets de la communauté" ou "Dernières publications libres de la communauté" me semblent plus clairs.

Je ne suis pas convaincu que ça crée de la confusion sur la validation. On a littéralement les derniers contenus validés au dessus. Peut-être quelque chose du genre "Les autres publications de la communauté ?"

Mais sinon "Publications libres", c'est jargonnant, donc je veux éviter. "Derniers billets", ça marchera tant que ce sont effectivement des billets (mais actuellement on peut faire un billet au format tuto déjà, donc...).

Dans le call to action "Tout le monde peut publier sur Zeste de Savoir. Pourquoi pas vous ?", le bouton "Je rédige !" pointe vers la rédaction de tutoriel alors qu'on est dans la liste des billets. Pointer vers la création de billets me semble plus logique.

En effet, je vais corriger ça.

Je supprimerais le call to action "Des centaines d’autres publications vous attendent…" pour afficher un billet de plus, ou alors j'afficherai deux billets de plus étant donné la quantité de billets postés chaque année.

Je pense que je vais ajouter une ligne de plus. Ce n'est pas gênant une ligne de plus, fondamentalement.

[Situphen]

OK, ça me va comme ça.

@philippemilink OK pour toi pour fusionner ?

[philippemilink]

J'ai parcouru rapidement le code et testé rapidement en local, globalement tout me va.

Je suis gêné par les boutons "Montre-les moi !" / "Je rédige" / ... qui change d'apparence lorsqu'on passe la souris sur tout le bandeau, pas que le bouton. Ça donne l'impression que tout le bandeau est un lien, alors que non. J'ai corrigé ça en local avec le patch suivant :

diff --git a/assets/scss/components/_content-item.scss b/assets/scss/components/_content-item.scss
index 43e3f01f1..2dfc3aa0c 100644
--- a/assets/scss/components/_content-item.scss
+++ b/assets/scss/components/_content-item.scss
@@ -336,12 +336,6 @@ $content-item-padding-vertical: $length-14;
 
     color: $grey-000;
 
-    &:hover {
-        .btn-call-to-action {
-            background-color: $true-white;
-            transform: scale(1.05);
-        }
-    }
 
     .call-to-action-text {
         flex: 1;
@@ -372,6 +366,10 @@ $content-item-padding-vertical: $length-14;
         transition: color $transition-duration ease-in-out,
                     background-color $transition-duration ease-in-out,
                     transform $transition-duration ease-in-out;
+        &:hover {
+            background-color: $true-white;
+            transform: scale(1.05);
+        }
     }
 }

Et sinon, je trouve que maintenant ça manque sur la page d'accueil d'une explication de ce que sont les différents contenus, qu'est-ce que ça veut dire "être validé par la communauté", etc. Mais je suis d'accord que ça peut venir dans une PR distincte.

[philippemilink]

QA OK ✔️