Version imprimable 2.0
L’impression et le Web, habituellement, ça fait deux. La logique de conception des pages web, extensibles, modulables, ne colle pas avec la logique spatiale du papier.
Parmi les problèmes les plus courants : le texte rogné et les pages qui s’impriment en petits morceaux.
Bien souvent, l’utilisateur n’a besoin que d’imprimer le contenu, voire une partie du contenu ; le fait d’imprimer la totalité de la page, barres de navigation comprises, constituera une gêne et un gaspillage d’encre.
Ci-dessous, une version imprimable vraiment bien pensée.
Source : http://www.linternaute.com/femmes/cuisine/…
Le format de départ est déjà intéressant : une mise en page cohérente, adaptée au document papier, affranchie des barres de navigation.
Mais ce sont les options d’impression qui ont attiré notre attention :
1. Avec ou sans les images.
2. Avec ou sans les commentaires.
En fonction du choix de l’utilisateur, la maquette est adaptée en temps réel. Bravo !
Sans tomber dans l’excès d’options avancées, on offre ici à l’utilisateur un minimum de contrôle sur ce qu’il imprime.
Si la version imprimable proposée par le site lui-même ne vous convient pas, vous pourrez toujours vous retourner vers une application en ligne telle que PrintWhatYouLike. Pas mal non, au niveau souplesse et intuitivité ?
Commentaires des lecteurs
Comment by sam — 6 October 2008
oui, très interessante cette version imprimable…
coté technique, les CSS permettent de faire de vrai merveille en matiere d’impresssion reussie en gardant le meme contenu et en l adaptant parfaitement au format papier …
Comment by Eve Demange — 6 October 2008
Pas si évident que ça de faire des sushis soi-même. Tout est dans le riz, il doit être bien collant 😉
Merci Jean-Marc, pour ce modèle de page version imprimable, utile & bien fait.
Eve
PS : ton captcha anti-spam est coriace…
Comment by katsoura — 6 October 2008
Par défaut, j’aurais décoché les avis puisqu’on cherche avant tout à imprimer la recette. En tout cas, les quelques recettes que j’ai testé tiennent sur une page A4. Du bon travail.
Pour PrintWhatYouLike, très intéressant effectivement, mais je reste un peu frustré de ne pas avoir en filigrane le format A4 histoire de visualiser ce que ça donnera au final. J’ai fait le test avec ce billet. Si on augmente la taille du texte, il faudrait pouvoir augmenter l’interligne au risque de voir le texte se chevaucher. Une option d’élargissement de la box éviterait d’imprimer que sur la moitié de la page. L’ajout de l’URL ne serait pas du luxe.
Comment by Cédric — 6 October 2008
Merci pour ce bel exemple, je milite un peu pour ces pages / css d’impression.
Quant aux sushis, je confirme que le principal est dans le riz.
Comment by sam — 6 October 2008
pour illustrer mon propos sur els css et l’impression …dans pomapge.net une tres bonne ressource :
http://www.pompage.net/pompe/imp...