Page d'accueil #121
Loading…
Reference in New Issue
There is no content yet.
Delete Branch "%!s(<nil>)"
Deleting a branch is permanent. Although the deleted branch may exist for a short time before cleaning up, in most cases it CANNOT be undone. Continue?
Je reprend ce qui est écris dans le wiki.
Page d'accueil
La page d'accueil est le point d'entrée d'une majorité de visiteurs. Elle s'adresse à eux en priorité et met en avant :
Les membres qui passent plus souvent et s'intéressent aux projets et à l'actualité de la communauté utilisent une autre page, qui est actuellement appelée boîte de réception mais dont le rôle pourra être amené à changer. Voyez dans la section plus bas pour les détails ce que cette page contient.
On conserve une option pour afficher le texte complet dans news sur la page d'accueil, au moins pour les membres (pour les invités, il faut voir si on peut utiliser un cookie ou un stockage similaire).
Vous avez une idée de design de la page ? Un agencement qui permette d'afficher toutes ces infos sans être trop chargé en contenu.
À faire :
Hello, quelques réflexions pour aider si je peux me permettre de partager mon ressenti.
1/ effectivement une page d'accueil est la "vitrine" pour les new-comers, il faut donc créer un effet "Whaou !!" pour eux. Les vieux briscards ne sont pas trop concernés en général par ce point d'entrée car on a nos liens directs vers ce que l'on suit directement.
2/ par analogie/comparaison/confrontation avec les sites que je côtoie (TIP, PC et Cemetech ) sur une thématique calculatrice:
3/ quelques éléments de réflexion à discuter (loin de moi l'idée de mettre la révolution en route).
Pour le contenu, je pense qu'il y a clairement 2 publics différents sur PC et qui ne cherchent pas la même chose en venant sur PC :
Il pourrait être intéressant de faire une page d'accueil qui permettent aux deux communautés de s'y retrouver. Un exemple : dans les projets du moment, actuellement on parle de gint qui est clairement pour les power users et de jeux qui sont pour tout le monde (qui d'ailleurs ne sont pas toujours les projets du moment car certains trainent depuis des mois et des mois). Un "cleanup" de cette partie serait important.
Il pourrait aussi être intéressant de clairement séparer les sujets "Newbies" (qq jeux phares, infos générales, lien rapides vers les sujets les plus consultés, pourquoi pas les Press Shift, ...) et les sujets "Power users" (forums dev actifs, nouveautés gint et autres support pour le dev, TDMs, Post Mortem de dev, lien vers la bible, ...).
Pour les "Newbies" une jolie FAQ ou un résumé des questions classiques et facile d'accès serait top. Je pense que le forum est parfois un peu difficile à explorer lorsque l'on a un problème concret à résoudre et que l'on sait pas trop où chercher.
Voilà pour le pavé. Si hors sujet, hésitez pas à killer/déplacer le truc.
Après quelques réflexions supplémentaires, voici une mise en page possible. Correspondant au pavé précédent, mais exprimée de manière plus visuelle.
Proposition 2. Avec un design plus compact au niveau des "Latest News" et plus de place pour la partie "Flagship Projects" et "For Devs".
Merci pour ce retour. J'aime bien ton second design, sur lequel je regrette juste que "Quick Links" soit petit. Je pense qu'on a besoin d'étendre nos ressources statiques (tout sur ta casio, tutoriels, etc) pour bien rester en ligne avec l'usage des calculatrices qui est notre priorité, et donc la boîte "bienvenue sur Planète Casio" qu'on a actuellement.
Donc je dirais comme ton design mais avec un boîte sensiblement plus haute pour les liens généraux (et une seule news par ligne dans les articles pour qu'on ait la place de mettre un chapeau un peu plus gros qu'une phrase).
Je suis d'accord avec ça aussi. Il faudrait faire une maquette un peu plus proche de la réalité afin de mieux appréhender le rendu et mieux balancer les proportions.
En fait, une inconnue pour moi est la résolution standard des utilisateurs. Je pense que globalement tout le monde est en 1080 sur PC, par contre il faut aussi penser à l'agencement sur mobile en parallèle. Dans ce cas, il faudrait voir ce qui apparaît à l'écran (le "Quick links" semble évident). Sur mobile, je verrai bien de faire "sauter" la shout.
Concernant la définition, faut voir qu'un 16:9 1080p sur un écran fixe sera pas affiché de la même manière sur un laptop (typiquement sur laptop windows scale-up l'affichage de 125% par défaut). Donc niveau place disponible là aussi y'aura des différences à même définition d'écran.
Mon avis pour construire une page cohérente et efficace, c'est de procéder par étapes :
Concernant le point n°2, c'est très subjectif mais on peut faire le travail dans ce ticket par exemple. Corréler plusieurs avis permettra d'avoir une hiérarchisation la plus intéressante possible.
Concernant les carrousels, je suis pas fan
https://shouldiuseacarousel.com/
Voici mes estimation des importances. Je note sur l'échelle 1,3,5 pour réduire le nitpicking
Ouais on peut découper l'espace en deux en fusionnant deux bannières s'il y a besoin.
Je suis globalement en phase avec Lephe, à la différence que je mettrai la shout en 5/5 soit:
Je mets les évènements plus prioritaires que les news, car c’est ce qui dynamise fortement la vie du site.
Bon, sur la base de nos trois réponses, voici le ranking des trucs très importants (notre entre 4 et 5), importants (note entre 3 et 4) et relativement peu importants (note inférieure à 3):
Très importants:
Importants:
Relativement peu importants:
Je cogite une proposition de layout en fonction, pour en discuter de manière visuelle.
Voici une nouvelle proposition, thème sombre. Les proportions sont à ajuster bien entendu, j'ai fait ça vite fait à coup de screenshots/copier-coller.
J'aime bien. La shoutbox sur le côté c'est pas idiot et ça change pas mal. Je suis bien intéressé là...
J'ai l'idée que ça met de côté le fait que lors du premier coup d'œil on fait une diagonale qui part d'en haut a gauche, au niveau du logo, et qui va en bas a droite.
Tout ce qui est en bas est ignoré, donc tout le pied de page. Et ce qui est en haut a gauche a une moins grande valeur que ce qui est sur cette diagonale.
Ouais… j'ai eu des cours de design de site web, m'en parlez pas.
Sinon là avec ce design de boites pleines de texte ça me semble beaucoup trop chargé.
Il y a trop d'informations en une seule fois, on risque de noyer le visiteur. Il faut faire très attention a ça aussi.
Dans ma proposition j'ai juste inversé la shoutbox et les liens. Histoire de les placer en plein sur la diagonale.
ah oui clairement il faudrait éclaircir au niveau du contenu. Là c'est juste une maquette avec les éléments "trafiqués" de la v43.
je me rends compte que les derniers fils actifs sont passés à la trappe. On pourrait les mettre dans une modale quand on accède au menu forum sur la barre latérale.
Eragon, ton switch me va bien.
Les derniers topics actif c'est déjà implémenté dans la barre latérale.
Marrant, perso j'aurais inversé les deux colones ^^
Donc dans l'angle haut gauche les liens, dessous la bannière et la shout, sur le coté droit les actus
Ça marche aussi je pense. Ça me semble même mieux.
Inversion des colonnes, effectivement c'est pas mal. Et même plus logique car la rubrique "Bienvenue sur PC" est la première à tomber sous les yeux.
j'achète :)
En mettant la bannière du CPC en haut a gauche ça vous dirai ?
Si je comprends bien, avoir la bannière juste au dessus de "Bienvenue sur PC" ? Cela en fait l'élément visuellement le plus important (le plus en haut à droite, sur la fameuse diagonale). Cela ne me choque pas mais ce n'est pas ce qui sort du "ranking".
J'imagine que ce sera modifiable facilement si au final cela ne plait pas. Et comme il ne devrait pas y avoir de bannière 100% du temps, cela me semble OK. Faut voir ce que les autres en pense, mais perso je suis OK.
Note : on a bien bossé sur le layout "ordi", par contre pour la version mobile pas trop. Du coup je propose par analogie en empilement du haut vers le bas du site :
La PR #141 ajoute la page d'accueil en préprod, sur le modèle proposé.
Je laisse le ticket ouvert pour peaufiner la page et tracer l'intégration dynamique des contenus
Le commit
9379a7d9ac
rend dynamique la liste des news en page d'accueil.Je mets à jour ce ticket en conséquence