Option pour une page d'accueil compacte

Bonjour,

Je ne sais pas si je suis le seul à trouver la page d’accueil pauvre en nombre d’informations. Et pour le peu d’informations à afficher la page est trop haute. Oh ! Un avion qui a le vertige.

J’ai ce sentiment que ça soit quand je suis sur grand écran (1900x1080) ou sur un 11"(1366x766). Je viens ici pour savoir si je suis le seul à avoir ce sentiment ou au contraire les avis sont partagés. Si les avis sont partagés, je peux créer une PR pour ajouter une option qui permet de rendre la page d’accueil compact et d’afficher plus d’information comme la maquette ci-dessous. Ou au contraire, ne rien faire si je suis le seul à avoir cette impression.

Le rendu est ajustable maintenant que je suis habitué à ce rendu, je ne le trouve normal ni trop rempli ni trop vide. Pour faire cette maquette, je suis partie du principe que connaître la date et l’heure précises des derniers contenus est un inutile (quitte à rajouter un tooltip au passage de la souris en css).

Bon vol.

Personnellement je trouve la page d’accueil très bien comme elle est (écran 24 pouces) et j’aurai l’impression qu’elle serait surchargée avec la modification que tu proposes.

De mon point de vue il n’y a pas du nouveau contenu sur zds assez fréquemment pour justifier d’afficher plus d’informations à l’écran. Si on publiait un tuto par jours je comprendrais, mais actuellement je trouve la mise en page adaptée. Après c’est vrai que pour la partie billets et surtout forum cela pourrait être plus justifier (surtout pour les utilisateurs moins réguliers qui peuvent louper du contenu facilement avec la mise en page actuel).

Salut,

Perso c’est plutôt l’inverse. Je suis sur un 15" en 1080p (donc avec un affichage dense), et je trouve déjà la page d’accueil actuelle limite question quantité de trucs sur l’écran (en même temps, j’ai toujours eu du mal avec les trucs que je n’arrive pas à observer en totalité sans avoir à me concentrer sur les détails locaux, c’est bizarre à expliquer mais c’est comme ça).

Après sur le fond, si les gens veulent une forme compacte comme tu la proposes, je n’y vois pas d’inconvénient majeure non plus, le rendu que tu proposes est pas mal.

En 1080p sur un 15", je suis plutôt d’accord avec A320. Suffirait d’en faire une option, sinon. En attendant, si ce rendu est obtenable avec un userstyle (Sylish / Stylus), je prends .

@Breizh : C’est tout moche en userstyle :

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

.flexpage .flexpage-wrapper {
    max-width:1148px;
}

.featured-resource-item {
    max-width:163px;
    min-width:140px;
}

.home .flexpage-header {
    margin-bottom:-138px;
    padding-bottom:152px;
}

.home-pinned-content { /* Annuler cette règle pour avoir 7 éléments à la Une */
    width:calc(163px * 5);
    margin:auto;
}

.home .featured-resource-row {
    margin-bottom:20px;   
}

.featured-resource-item a:focus .featured-resource-meta h3,
.featured-resource-item a:hover .featured-resource-meta h3 {
    height:130px;
}

.content-item .content-illu {
    -webkit-box-flex:0;
    -ms-flex:0 0 60px;
    flex:0 0 60px;
    height:60px;
}

.content-item .content-info {
    padding:4px 8px;
    height:inherit;
}

.content-item.topic-item .content-info  {
    padding:4px 8px;
    height:inherit;
}

.content-item .content-tags {
    display:none;
}

.content-item.topic-item .content-title,
.content-item .content-title {
    font-size:16px;
    line-height:17px;
    min-height:16px;
}

.content-item .content-description,
.content-item.topic-item .content-description {
    font-size:14px;
    line-height:15px;
    min-height:14px;
    margin-top:4px;
    margin-bottom:0;
    height:inherit;
}

.content-item .content-meta,
.content-item.topic-item .content-meta  {
    font-size:12px;
    line-height:13px;
    min-height:12px;
}

.content-item.write-tutorial {
    position: relative;
    left: calc(-200% + 20px);
    min-width: calc(200% - 32px);
    margin-top:-74px;
    height: 60px;
}

#content > div > div:nth-child(2) > section:nth-child(1),
#content > div > div:nth-child(3) > section:nth-child(2) {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.content-item .content-authors {
    display:none !important;   
}

.content-item .content-meta {
    margin-top:2px;
}

.content-item {
    margin:0 5px 10px;   
    flex: 1 1 300px;
}

.content-item.has-reactions .content-meta {
    padding-left:0px !important;
}

.content-item .content-reactions {
    transform:scale(0.8);
    left:-24px;
    bottom:-2px;
}

.btn.btn-grey {
    padding:0 10px;   
}

Sans les tags l’affichage est plus léger. Je pense ne pas les rajouter.

Vu la balance des votes, on ne fait rien.

Êtes-vous du même avis pour le dernier screen ?

Je serais pas contre avoir les tags, autrement c’est bien pratique.

Question un peu hors sujet: sur ta première image, tu as mis derniers messages
Personnellement, cette rubrique me manque (j’aimerai donc l’avoir)
C’est possible ou c’était juste sur la maquette?

Je ne fais que du front end (bien que je pourrais faire une exception ici, cette évolution est facile à intégrer). Il faudrait que quelqu’un prenne l’initiative mais oui c’est possible à intégrer.

il me semble qu’on l’avait il y a quelques temps
Si cela a été enlevé, c’est surement que la communauté n’en voyait pas l’utilité
Ta maquette me laissait penser qu’il y avait un moyen simple (donc sans changement de code du site) pour voir apparaitre cette section
Tant pis pour moi

Le fonctionnement n’est plus comme les ZEP, disons que ça a été tacitement accepté par l’ensemble de la communauté.

Sur mobile il serait peut-être intéressant de mettre des cartes plus petites ?

https://userstyles.org/styles/147201/page-d-accueil-compacte