Page 1 sur 31, 2, 3 SuivantBêta-testeurs pour version HTML du livre de F. Latrive

[mpop]

Hello tout le monde,

J'ai réalisé une version HTML du livre de Florent Latrive, Du Bon usage de la piraterie, conformément à la licence Creative Commons By-NC-SA, et avec la bénédiction de l'auteur (d'autres versions dérivées sont d'ailleurs présentées sur freescape).

Cette version html est visible ici.
Il s'agit, théoriquement, de XHTML strict et de CSS vaguement conforme

J'ai maintenant besoin de bêta-testeurs pour me dire ce qui marche bien, mais surtout ce qui marche pas trop. Je ne vous explique pas le fonctionnement, le but étant de voir si un visiteur/lecteur lambda débarquant sur ces pages s'y retrouvera.

Pour toutes les suggestions, laissez un message à la suite de ce sujet. Le mieux serait de préciser ce qu'il s'agit d'améliorer :
- la navigabilité (faire plus pratique)
- l'aspect graphique (faire plus joli)
- la lisibilité
- etc.

Voili voilou, merci de votre aide.

[Invité]

Bonjour mpop,

je ne lis jamais d'aussi long texte sur l'écran, soit je les imprime soit je les achete (comme c'est le cas justement avec 'Du bon usage de la piraterie"), donc ma remarque ne sera pas forcément pertinante.

Tout d'abord, très bonne initiative de ta part, de cette façon, le livre est bien lisible. Mais comme tu ne souhaites pas trop les compliments passons à la seule critique (que j'espère constructive) que je vois:
lorsque l'on a fini la page, il serait bien de ne pas être obligé de remonter toute la longue page pour pouvoir lire la suite, un lien en bas vers le chapitre suivant pourrait s'avérer utile.

Voilà c'est tout ce que je vois comme défaut. Au niveau graphique et lisibilité c'est excellent pour ce type de document.

Cordialement,
Léviathan

[Boost]

Aucun souci sauf celui souligné par leviathan...

Sous FF 1.06, aucun problème de lecture. Tout fonctionne pour moi (mais j'ai pas tout testé)

Bravo pour ton travail...
Hop, bookmarké !!

Chris

[hjs]

Au niveau de la lisibilité et de l'aspect graphique, je trouve que c'est très réussi. J'aime bien :-)

Par contre pour la navigabilité, je rejoins Boost et Leviathan. J'aurais deux suggestions à faire.

(1) Ce serait pratique si le menu de gauche ne bougeait pas, en faisant défiler la page vers le bas. Je pense que tu peux le réaliser dans le CSS avec la propriété position:fixed . Néanmoins, il me semble que cette propriété pose des problèmes pour certains navigateurs (notamment IE). Attention tout de même, je ne suis pas spécialiste des CSS, et je viens peut-être de raconter une connerie (à vérifier!)

(2) Je mettrais peut-être les sous-chapitres dans le menu de navigation. Les chapitres sont assez longs, et si l'on interrompt la lecture c'est pas évident de retrouver le bon endroit pour continuer par après.

[kaneda_aka_tetsuoka]

Pas mieux que les autres, travail impeccable. Il manque juste ce petit lien en bas.
Sinon j'ai testé sur Mac OSX ton site sous Firefox, Safari, Internet Explorer et Shiira. Tout fonctionne correctement.

[fun sun]

Bonjour mpop,

La présentation est sobre et n'encombre pas la lecture.

Des critiques ? En voilà... Ce sont des suggestions non pas des obligations.

-Tout le problème de la lecture sur Internet vient du fait que l'écran n'est pas une feuille de papier et qu'il n'existe pas tellement de règles typographiques qui favorisent une bonne lecture.

-Le point noir des textes à lire sur internet. Toujours trop long. Donc il faudrait diviser chaque chapitre en sous parties (cela demande beaucoup de travail, je le fais pour mon site avec la publication de textes d'un auteur qui a tendance à écrire des textes longs, je sais quelle est la somme de travail à apporter mais la lecture en est beaucoup plus agréable et aisée.) Une bonne longueur de page à lire ne devrait pas excéder la longueur de la préface par exemple.

-L'envers du décors de cette forme de présentation casse la mise en page pour une impression continue du chapitre donc prévoit-on une telle mise en page plus pour l'impression qu'une lecture à l'écran ? Le débat est ouvert...

-Les intertitres servent à séparer le texte et peuvent donner cette impression de moindre longueur mais je regarde toujours la taille de la barre de défilement à droite du navigateur et en déduit la longueur du texte à parcourir encore et sa taille...

-Améliorer la navigation, une fois arrivé en bas. Un lien vers la suite, indispensable me semble-t-il.

-Jouer sur l'espacement de chaque ligne avec line-height en css me paraît une bonne chose pour que le texte soit moins dense et donne ce caractère touffu quoique... Revoir aussi la longeur des lignes. Moins longues aussi. Mais avec une taille de bloc cela doit se faire sans problèmes.

-Une indentation de la première ligne de chaque paragraphe donne un aspect plus agréable à la lecture.

-Prévoir aussi un paquetage zip du texte pour le lire hors ligne surtout pour un livre entier. A ce moment-là la mise en page est peut-être moins importante pour une lecture en ligne qu'une lecture hors ligne (j'ai plus de temps à passer dessus).

-Voilà comme on dit souvent.

[Marnic]

pas mal, mais ... c'est effectivement long et ma molette est fatigué.
Mais sur un site que jai visité il y a longtemp (je ne le retrouve pas) la présentation était l'équivalent du format papier, facile à lire à l'écran et un systême de marque page permetait de retrouver rapidement la page que l'on était en train de lire.

[boogieplayer]

pas mal, mais ... c'est effectivement long et ma molette est fatigué.
Mais sur un site que jai visité il y a longtemp (je ne le retrouve pas) la présentation était l'équivalent du format papier, facile à lire à l'écran et un systême de marque page permetait de retrouver rapidement la page que l'on était en train de lire.

http://www.inlibroveritas.net/lire/oeuvre2105.html

[mpop]

pas mal, mais ... c'est effectivement long et ma molette est fatigué.
Mais sur un site que jai visité il y a longtemp (je ne le retrouve pas) la présentation était l'équivalent du format papier, facile à lire à l'écran et un systême de marque page permetait de retrouver rapidement la page que l'on était en train de lire.

http://www.inlibroveritas.net/lire/oeuvre2105.html

J'ai justement réalisé cette version HTML en essayant de faire quelque chose de très différent de la mise en page (actuelle) de In Libro Veritas... Je pense en particulier que couper le texte tous les 1500 caractères pour s'approcher du format papier est une erreur stratégique.

Par principe et également pour des raisons techniques (ne pas multiplier à l'excès les fichiers), je conserve le découpage en chapitres... même si la plupart des chapitres sont un peu longs.
Je préfère pour ma part lire une page, même longue, d'une seule traite, plutôt que de la lire en plusieurs morceaux de longueur égale... car j'ai du mal à voir le gain de temps ou d'énergie lorsqu'on clique sur un lien au lieu de continuer à faire défiler la page. Il y a sans doute un effet psychologique, mais sur moi il ne joue pas.

Mais dans l'absolu j'avoue que pour moi la longueur idéale d'une page web ne dépasse pas les 3 à 4 pages papier, à l'instar de la préface et, dans une certaine mesure, de l'introduction. Par contre un chapitre de 25 pages, c'est sur que c'est long, mais je ne me voyais pas découper chaque chapitre en une dizaine de sous-parties.

Pour le reste, j'ai bien noté les différentes remarques, et je vais tenter de faire :
- un menu de navigation "statique" (pas de position:fixed, à mon grand regret, car le navigateur de qui vous savez n'y comprend rien et bousille tout...)
- des liens à la fin de chaque page vers la page suivante.
- deux trois corrections de style graphique, mais pas grand chose en vérité. La longueur de ligne ne me semble pas trop longue (en 1024 de largeur d'écran... comme c'est proportionnel, sur un écran 16/9e en haute définition ça peut faire bizarre... si c'est le cas, dites-le moi et j'essaierai peut-être une version avec largeur fixe), donc ça devrait rester comme ça.

[Marnic]

pour boogieplayer

c'etait un peus le même principe mais c'est pas ce site (en réalité cétait un site d'histoires coquines) plus clair dans la lecture (fond blanc texte en noir).