Suivi - Feuilles de style (CSS) Indication de nouveaux commentaires à côté du titre du contenu

#1646 Posté par (page perso) . État de l'entrée : ouverte Licence CC by-sa
Tags : aucun
1
19
sept.
2016

Sur mobile avec écran tactile, parcourir les contenus avec nouveaux commentaires est un peu fastidieux : on fait défiler la page d'index jusqu'à voir un « Lire la suite (34 commentaires, 1 nouveau !). » Ensuite on doit cliquer sur « Lire la suite ». C'est dommage de devoir parcourir toute la partie visible du contenu dans l'index et de devoir cliquer sur un lien de taille modeste, alors qu'il y a un lien plus gros sur le titre du contenu mais que celui-ci n'est peut-être plus visible actuellement sur l'écran.

Actuellement :

--------------------
| LE GROS TITRE    |
| BIEN LONG + lien |
| bla bla bla      |
|   bla bla bla    |
|    bla bla bla   |
------------------- changement d'écran
|     bla bla bla  |
|      bla bla bla |
|Lire la suite [N!]|
|                  |
|LE SUPER CONTENU  |
--------------------

Quand je vois l'écran du haut, je ne sais pas encore si je vais cliquer sur le lien pratique « LE GROS (…) », et quand je vois l'écran du bas, je sais que je veux cliquer, mais :

  • le lien est petit en comparaison (et j'ai dû faire défiler tout le contenu avant de le savoir)
  • je peux remonter pour retrouver le lien plus pratique mais je dois refaire défiler…
  • j'ignore encore si « LE SUPER CONTENU » va m'intéresser avec ses nouveaux commentaires ou pas.

Ce qui pourrait être mieux :

--------------------
| LE GROS TITRE    |
| BIEN LONG (N!)   |
| bla bla bla      |
|   bla bla bla    |
|    bla bla bla   |
------------------- changement d'écran
|     bla bla bla  |
|      bla bla bla |
|Lire la suite [N!]|
|                  |
|LE SUPER CONTENU  |
|SUIVANT (N!)      |
--------------------

PS: la question pourrait se poser aussi pour un écran plus grand, mais d'une part l'écran plus grand permet d'avoir le titre ET le lien « Lire la suite » dans la même page, et d'autre part je m'en fiche j'utilise les raccourcis clavier (de la barre d'outils) pour naviguer entre les contenus à nouveaux commentaires.

  • # Dans un signet sous la notation du contenu

    Posté par (page perso) . Évalué à 2 (+0/-0).

    Hello

    C'est une bonne remarque.
    Sur mon mobile les titres sont souvent sur 2 lignes sur les 3/4 de la partie gauche de l'écran. Sur le dernier quart à droite et sur la hauteur d'une ligne je vois la note du journal.

    Je pense qu'en mobile on pourrait profiter d'utiliser le blanc qui se trouve aux 3/4 à droite sur la deuxième ligne pour afficher un signet (comme celui de la notation) avec un résumé du style "nombre de non lus / nombres de commentaires".

    Je pense à un signet plus discret que celui de la notation et avec une taille de police plus petite pour que 999/999 passe sur 1 ligne.

    J'essaierai ce soir de faire un mockup pour mieux m'expliquer :)

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.