ZEP-04 : Nouvelle page d'accueil !

Parce que celle en place est très brouillon

a marqué ce sujet comme résolu.

L'idée c'est un peu ce que ThS avait évoqué à un moment avec du 100vh (+ min-height pour pas tout casser) donc la hauteur de l'écran (ou plus si l'écran est vraiment petit).

Alex-D

Qu'est-ce-qui va jusqu'à 100vh ? Je comprends pas…

En plus direct : est-ce-que la personne non connectée voit le contenu sélectionnée par l'équipe sans scroller ou non ?

Après, en toute amitié, t'es pas obligé de verser dans le procès d'intention. Je ne fais pas "un blocage", merci, j'ai passé l'âge. J'aimerais mieux comprendre ce que ça donnerait, en vrai, sur la home (parce que la maquette me plaît mais que j'arrive pas à me la représenter "intégrée").

+2 -0

Et la taille prise par la présentation et la recherche est énorme. Sur mon écran, je ne vois même pas le contenu sélectionné !

Ce sont des maquettes, c'est pas scripté, l'idée c'est que justement ce soit variable en hauteur pour que tu vois le contenu sélectionné dans tous les cas.

Je trouve que penser que les visiteurs vont se perdre en voyant le contenu sélectionné et les quelques premiers tutoriels et articles, c'est un peu osé…

Non, ça s'appelle de l'UX. Tu dois diriger le regard du lecteur, si tu lui balance 50 blocs d'un coup, tu perds le sens de lecture : la personne ferme le site (perso je suis comme ça, si c'est le bordel, je m'en vais, sauf si je cherche vraiment quelque chose).

Si par contre on met un beau bloc de présentation, peut-être avec moins de texte (mais le texte je ne l'ai pas choisi, j'ai toujours dit qu'il fallait faire plus court mais personne n'a su donner de textes plus courts jusque là).

Un bouton ça doit avoir un sens. Un rôle. Mettre 5 boutons avec un label attractif mais qui redirigent tous vers la page inscription, c'est une méthode de site porno.

Non, ça redirige vers la home tuto/articles/forums/… pas vers l'inscription. L'inscription viendrait après, au moment de poster. Pour l'écriture d'un tutoriel par exemple, on peut envoyer vers la page des tutos en cours / en attente de collaborateur / repreneur, etc.

Qu'est-ce-qui va jusqu'à 100vh ? Je comprends pas…
En plus direct : est-ce-que la personne non connectée voit le contenu sélectionnée par l'équipe sans scroller ou non ?

Oui.

100vh = hauteur de l'écran. Donc dans l'idée sur ma maquette, le contenu sélectionné étant partiellement (voire totalement, c'est sujet à variations évidement) dans le cadre bleu, ça serait donc dans l'écran, sans scroll.

(Pour la suite du message, je n'ai pas compris, mais peu importe)

Je pense, AlexD, que c'est toi qui fait un blocage.

Aujourd'hui, tout le monde dit qu'il faut mettre le bandeau de présentation.

Ce bandeau, a été rétrécis en hauteur car il a été estimé qu'à partir d'un moment, il n'apportait plus rien et même si tu as enlevé la moitié des boutons, bah en fait, c'est exactement ce qu'il se passe ici.

Ce qui prend de la place dans ton bandeau, ce sont les trois boutons :

  • créer un tutoriel
  • créer un article
  • aider un débutant

Or, ce bandeau s'adresse surtout à un publique qui a deux caractéristiques : il n'est pas connecté (donc exit création d'article et de tuto) et il est débutant (donc son but principal est de poser des questions et non y répondre.).

Donc, a priori, plutôt que trois boutons, seul le bouton "forum" est utile. Oui mais, on a une belle barre de navigation qui écrit déjà "Forum" en gros, et qui donne en plus rapidement accès aux catégories adéquates pour poser une question.

Revenons à notre aspect "débutant et offline".

Débutant, c'est celui qui veut soit être aidé, soit apprendre. Il faut donc que nous mettions en avant le contenu. Et c'est pour ça que la liste des derniers tuto et articles doit apparaitre au dessus de la ligne de flottaison, au moins pour les écrans fullHD, qui sont les plus courant aujourd'hui.

Je suis persuadé que le bandeau est une perte de place dans la forme que tu proposes.

Dans ce cas, il faut changer la façon de présenter le site.

Si on ne veut ni liens (parce qu'inutilisables tant qu'on est pas connectés) ni textes parce que personne ne va les lire, il faut trouver une autre forme.

Animations ? Illustrations ? Phrases d'accroches à la place de chaque paragraphe ?

Je pense, AlexD, que c'est toi qui fait un blocage.

Oui, sur ma première maquette on me dit que c'est trop tassé, là j'aère (pas eu le temps de mettre tous ce que je voulais mais bref, l'idée était là) et on dit qu'il y a trop d'aération. Donc il faut arriver au juste milieu, à part qu'à chaque fois qu'on rajoute un truc il est retiré car jugé inutile. Donc j'ai du mal à comprendre et à trouver l'équilibre souhaité. Le soucis aussi est qu'il y a beaucoup d'avis divergents et qu'il est difficile de tout retenir et de mixer tout ça.

Et j'insiste sur le fait que j'aime beaucoup le reste.

On a au moins trouvé une piste plaisante à force de creuser (quand je dis on, c'est tout le monde ici qui a participé). Et ça c'est cool :)


Mon résumé à l'heure actuelle :

  • il faut changer la présentation de forme : exit les texte pompeux, place à des choses plus légères en restant tout aussi explicite
  • il faut réduire le nombre de liens inutiles (ça visiblement tout le monde l'avais saisi sauf moi :D)
  • prévoir la possibilité de masquer le bloc de présentation

Ce dernier point autorise, selon moi, l'extravagance : présentation qui prend tout l'écran avec un élément qui incite intuitivement à scroller.

Tout ceci n'est que mon point de vue, à chacun d'en juger comme il le souhaite. Il y a peut-être d'autres choix/idées plus judicieuses encore.

Animations ? Illustrations ? Phrases d'accroches à la place de chaque paragraphe ?

L'idée d'une page d'accueil avec Clem qui présente le site de façon animée me plairait bien ! Il faudra par contre penser à faire ça pas trop gourmand et adaptable aux mobiles.

+0 -8

Je pense sérieusement qu'il va falloir trancher et, au moins, prototyper une vraie page en préprod ou sur une branche hébergée quelque part sinon on est reparti pour trente pages.

Il faut se décider. Toutes les propositions sont bien meilleures que la home actuelle et si on continue à en débattre j'ai peur qu'on n'arrive à rien.

Regardez les questions posées sur la première page on se posait ces questions pour la release publique de la 1.0 ça fait 5 mois qu'on en discute :\

+13 -0

S'incruste discrètement dans la conversation

Je suis plutôt d'accord avec Javier, je suis la conversation depuis un petit moment déjà sans participer, et j'ai vu passer pas mal de bonnes idées. Il va être difficile de trouver la home page parfaite du premier coup, du coup il faudrait essayer quelque chose et le perfectionner par la suite.

Au vu du nombre de plussoiements du message de Kje, je pense que partir sur la maquette de Sandhose pourrait être un bon début ?

+5 -0

Je pense sérieusement qu'il va falloir trancher et, au moins, prototyper une vraie page en préprod ou sur une branche hébergée quelque part sinon on est reparti pour trente pages.

Javier

Pour pour et définitivement pour. On est en train de s'arracher sur des détails, alors autant se lancer dans le POC.

Je pense qu'on a la deux bonnes maquettes sur lesquelles il faudrait se mettre d'accord.

En mélangeant les deux + les commentaires qui en sont sortis :

  • on retire tous les liens
  • on fait quelque chose de plus aéré (plus que Sandhose, moins que moi)
  • on met des illustrations et on réduit le texte (on retire les infos superflues pour arriver à une simple phrase d'accroche)
  • on garde le fond bleu
  • on remonte le bloc "à la une" à demi ou totalement dans le bloc bleu pour donner un peu de style à tout ça (éviter l'effet "bloc" partout, et ça fait moins fade)
  • on permet aux visiteurs de masquer cette présentation (JS)

Et bien sûr on fait tout ça en live dans un POC où chacun vient contribuer : on crée une branche sur le repo et c'est parti.

On a toutes les idées graphiques, mais le soucis c'est qu'une fois codé ça rend différemment, donc il faut le coder (genre l'idée du 100vh, sans le coder pas grand monde le comprend).

Faudrait vraiment qu'on développé un système de vote parce que moi le fond bleu si bas, je n'aime pas a priori (au moins sur les maquette).

Par contre avant de faire une branche sur le dépôt, je pense qu'on peut se contenter d'une page HTML statique pour visualiser ça .

Par contre avant de faire une branche sur le dépôt, je pense qu'on peut se contenter d'une page HTML statique pour visualiser ça .

Mauvaise expérience déjà vécue par le passé. A éviter à tout prix.

Faudrait vraiment qu'on développé un système de vote parce que moi le fond bleu si bas, je n'aime pas a priori (au moins sur les maquette).

Si tu regarde ce que je propose dans mon dernier message, ça devrait remonter un peu. Et encore une fois, c'est pour les visiteurs qui pourront masquer ce bandeau (en tous cas, c'est ma proposition).

On ne pourrait pas suggérer plusieurs feuilles de style sur la préprod pour qu'on puisse toutes les essayer ?

Dans tous les cas, il semble inutile de poursuivre le débat là-dessus tant qu'on n'a pas vu ce que ça rendait concrètement. Par contre, on pourrait réfléchir au contenu du message d'accueil.

+1 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte