Ottimizzare la stampa dal web
Venerdì 19 Ottobre 2007 - 11:49
di Cesare Lamanna
Il dato mi ha sorpreso: il 48% delle stampe effettuate con stampanti domestiche è di materiale presente sul web. Distaccate di molto, al secondo posto, le stampe di documenti Word.
Traggo la statistica da questo post apparso su O’Reilly Radar. I dati sono stati forniti da HP, che usa per le rilevazioni un panel di utenti con stampanti collegate ad internet, una specie di Auditel per le stampe, insomma.
A prescindere dal dato che ho riportato e dalla sua validità, mi interessa portare alla vostra attenzione il servizio citato nel post. Si chiama Tabblo ed è stato recentemente acquisito proprio da HP.
Di base consente la creazione online di bei template personalizzati per la stampa di foto, cosa già vista. Mette però a disposizione anche un Print Toolkit (gratuito) che permette a chi gestisce un sito di offrire opzioni avanzate per la stampa dei contenuti ai propri utenti. È una soluzione basata su un mix di CSS, Javascript e strumenti lato server messi a disposizione dalla stessa HP. Potete approfondire consultando la documentazione.
Il modo migliore per verificare il funzionamento è comunque fare una prova dal vivo. E allora, andate su questa pagina di AOL Food e provate a stampare la ricetta cliccando sul link ‘Print this recipe’. Io non vi anticipo nulla.
Sono certo che qualcuno di voi troverà il sistema complicato o macchinoso. Vero. Ma a me piace l’idea di fondo. Ci sono siti in cui è facile prevedere cosa l’utente vorrà stampare e in questi casi bisogna fare di tutto, a livello di interfaccia e di funzionalità aggiuntive, per facilitare l’operazione e, possibilmente, personalizzare l’output. Mi piace anche il testo del link: giusto dire ‘Stampa questa ricetta’ e non ‘Stampa questa pagina’ (a patto, ovviamente, di predisporre un sistema che faccia apparire sulla pagina stampata solo la ricetta…).
Questa della stampa selettiva di specifiche porzioni di una pagina (che non è sinonimo di ‘versione per la stampa’ della pagina!) è una specie di mia ossessione personale. Ne ho anche parlato in un piccolo articolo uscito su HTML.it facendo anche l’esempio del sito di Trenitalia:
Leggendo un articolo tecnico su HTML.it posso contare su una pagina ad hoc per la stampa. Ma se volessi stampare solo un listato di codice tralasciando il resto?
E ancora. Chi va sul sito di Trenitalia lo fa innanzitutto per cercare gli orari dei treni. Quello che presumibilmente vorrebbe stampare (e qui parla un utente insoddisfatto) è solo la tabella degli orari. Ecco invece nello screenshot cosa uno è costretto a stampare. Basterebbe un pulsantino in fondo: stampa la tabella.
La soluzione proposta nell’articolo non è ricca come quella di HP, ma svolge bene il suo compito: è un piccolo plugin per jQuery, jPrintArea. Cara Trenitalia, se ci sei, dacci un’occhiata :).
Categoria: Web Design | Permalink
Commenti
1
Scusate, forse sono io che sono su un altro mondo ma…non è molto più semplice usare i css?
indicando nel link rel del css il media a cui è riferito quel css basta impostare tutti i div che non c’entrano con la stampa a display:none; e impostare poi graficamente il div che si intende stampare.
certo le proposte della HP sono più elaborate e macchinose, ma per fare quello che si propone con Jprintarea non sipuò fare anche con i css?Forse mi è sfuggito qualcosa, in tal caso chiedo scusa…
2
Si può stampare benissimo pagine usando l’attributo media dei css, il problema e che non tutti gli attributi sono supportati bene nei browser.
Con css si possono nascondere gli elementi che sono utili sullo schermo tipo il menu navigazione con i link ecc. Un sito che print friedly per dire e http://www.alistapart.com.
Per stampare solo sezioni penso che bisogna servirsi di JS.# - postato da Avasilcai Daniel - 19 Ottobre 2007 - 14:34
3
Lauryn, se guardi la documentazione della soluzione di HP, noterai che di fatto usano i CSS per tagliare le parti accessorie della pagina. Aggiungono poi l’opzione per generare il PDF e per crearlo nel formato preferito dall’utente in base ad uno specifico template.
Nulla da obiettare quindi rispetto ai CSS per la stampa. Anzi. Trenitalia per esempio potrebbe implementarne uno che tagli tutto tranne la tabella degli orari. Ma non è che perché esiste un metodo bisogna evitare di prenderne in considerazione altri. È vero, quello che fai con jPrintArea puoi farlo con i CSS. Sono due vie per raggiungere lo stesso risultato. Chi, per qualunque motivo, non vuole o non può affidarsi ai CSS, ha un’alternativa. Tutto qui. Si valuta la situazione e si decide cosa è meglio.
L’importante, lo ribadisco, è pensarci a queste cose! Valutare al meglio tutto e offrire ai visitatori un’esperienza migliore. Come utente, poi, che si usi un metodo o l’altro, non cambia nulla.
4
effettivamente sono pochi i siti che offrono una buona stampabilità (passatemi il termine) delle pagine.
il fatto che trenitalia si messo cosi male non lo sapevo e mi delude parecchio…direi che é inaccettabile.
5
Io mi permetto di osservare che, anche per motivi di accessibilità, non mi pare il caso di usare javascript quando non è strettamente necessario, soprattutto quando il tutto può benissimo essere fatto via CSS.
Io, per esempio, in molti dei siti che realizzo dò la possibilità di stampare solamente l’articolo o la pagina, senza testata, senza piede, senza i vari menù, senza banner, e rendendo invece visibile un titolo e un sottotitolo, utili per classificare la pagina una volta stampata.
Il risultato non è affato male…# - postato da crea-tivo livorno - 19 Ottobre 2007 - 17:45
6
Non ho ancora analizzato la proposta di HP ma vorrei contribuire alla discussione sula stampa delle pagine.
Come molti fanno, anche io preferisco realizzare un foglio di stile per la stampa per ottenere stampe ottimali dei contenuti senza intervento alcuno dell’utente.
Tuttavia non sono pochi gli utenti che dalla stampante preferiscono ottenere un foglio con una copia quanto più fedele possibile di ciò che appare sullo schermo ed avere comunque a disposizone il classico bottone “versione per la stampa” (che non tutti comunque notano e/o utilizzano) a cui rivolgersi in caso di necessità.
# - postato da Gianluca - 20 Ottobre 2007 - 10:55