Evolution de la mise en page

[Dourak Smerdiakov]

Bon, j'ai fait quelques tests hier soir, comme vous l'avez un peu remarqué, mais, là, j'ai remis la vieille version de la page d'accueil en place.

Le but du jeu c'est d'arriver à un bon résultat de mise en page adaptative, c'est-à-dire s'adaptant à la résolution et la taille de l'écran et fonctionnant sur tous les terminaux (notamment les petits écrans).

Donc quelque chose dans cette idée-là, par exemple (rapetisser progressivement votre fenêtre pour comprendre si vous avez un écran normal) :
http://www.lazone.org/index-mobile.php

Google dit qu'il est content, mais je ne sais pas si les utilisateurs le seront :
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.lazone.org%2Findex-mobile.php

Tests et commentaires acceptés.

[RIENAFOUTRE]

[RIENAFOUTRE]

[RIENAFOUTRE]

[Dourak Smerdiakov]

Merci au collègue RIENAFOUTRE pour ce magnifique exemple de pédagogie négative destiné à vous montrer quel est le genre de réponse inutile et n'apportant aucune information pertinente quand on vous demande d'exprimer un avis sur votre expérience d'utilisateur de la Zone.

J'aime / j'aime pas est  déjà beaucoup plus clair et instructif, avec l'avantage de la concision.

Ou alors :
- j'ai un smartphone, ou une tablette, et la page est inutilisable parce que...
- j'ai un écran large et tous les caractères sont trop petits, je dois systématiquement zoomer, fait chier
- je trouve ça laid, j'aime pas le changement, rends moi mes trois colonnes zonardes même sur ma tablette, enfant de putain.
...

[RIENAFOUTRE]

[RIENAFOUTRE]

[Dourak Smerdiakov]

Normalement, sur un navigateur moderne, sur un écran classique (1024 et au-delà), les choses doivent se comporter à peu près comme avant (sauf le contenu centrale de la page d'accueil qui s'étire davantage sur les écrans larges, alors qu'il avait une largeur fixe).

Sur un smartphone, le comportement auquel tu t'es habitué, c'est celui que Google veut visiblement voir disparaître, au profit de ce genre de mise en page : https://m.facebook.com/ ou https://mobile.twitter.com/session/new . Je pense donc a priori essayer de m'en rapprocher, au moins à partir de 320 et en-dessous. Peu d'images

Avec une solution intermédiaire sans les colonnes latérale entre 480 et 800 (tablettes et vieux écrans VGA de 800x600 (j'en avais encore un quand j'ai débarqué sur la Zone, je me souviens que la colonne des articles en attente était complètement cachée par la colonne de navigation de droite, il fallait que je scrolle horizontalement en permanence, et les infobulles se dérobaient tout le temps dans l'opération... enfin c'était le bon temps.).

[RIENAFOUTRE]

[Muscadet]

Le qualificatif casuistiques a été ajouté en douce sur la page d'accueil du site.

[RIENAFOUTRE]

[Dourak Smerdiakov]

Le sens zonard, bien sûr, comme dans les Provinciales. Ça fait pas mal de temps qu'il y est, cela dit. Je ne sais plus exactement, mais au moins plusieurs mois.

[RIENAFOUTRE]

[Muscadet]

Je savais bien qu'il se tramait un truc louche.

[Dourak Smerdiakov]

Dans la prochaine version, enfin, une avancée capitale qui devrait tout changer. Vos putains d'avatars en face de vos commentaires.