it-swarm-eu.dev

Il pulsante Stampante dovrebbe aprire una nuova finestra del browser?

Lettura Gotchas comuni di usabilità delle app Web? Mi sono sentito in colpa quando l'ho letto usando un target = "_blank" è un cosa negativa .

Ho sviluppato una piccola applicazione Web che formatta le domande di Stack Exchange in una visualizzazione intuitiva e sento che c'è qualcosa di rotto nell'interfaccia sul target = "_blank" esperienza di navigazione.

Lasciatemi spiegare:

Homepage

  1. le persone potrebbero inserire un ID domanda e stamparlo facendo clic sul pulsante "Stampa"
  2. la visualizzazione intuitiva viene aperta sulla stessa pagina
  3. le persone potrebbero tornare alla home page facendo clic su una piccola icona Home nell'angolo in alto a sinistra della pagina.

Penso che non ci sia nulla di sbagliato in questo (anche se ogni feedback è apprezzato).

I più votati

  1. Le persone possono consultare un elenco di domande
  2. Facendo clic su una piccola icona "stampante" si apre una vista intuitiva in una nuova finestra (target = "_blank")
  3. Lo stato attivo dalla pagina "Elenco domande" viene perso
  4. Le persone dovrebbero fare di nuovo clic sulla pagina "elenco domande"
  5. Le persone potrebbero stampare altre domande dalla pagina "elenco domande"

Perché l'ho fatto?

Primo motivo:
La funzione "stampa" di Gmail funziona in questo modo (apertura di una nuova pagina)

Secondo motivo:
Perché volevo dare l'opportunità di stampare un sacco di domande contemporaneamente.
Con una sequenza come print - back to the "questions page" - print - back to the "questions page" - print etc. etc. l'utente potrebbe stampare le sue domande in parallelo (il processo di stampa non è molto veloce su domande grosse come questo ).

Penso che ci sia qualcosa di rotto perché:
1. L'esperienza del primo caso è diversa dalla seconda
2. Una volta aperte le nuove finestre "compatibili con la stampante", la gente ha la stessa icona "torna a casa" nell'angolo in alto a sinistra e penso che possa essere fonte di confusione.[fisso]

Qualche suggerimento?

13
systempuntoout

Non sono d'accordo con l'idea che target="_blank" è sempre cattivo. In alcuni casi, specialmente nelle applicazioni Web, può essere molto utile, come nella situazione che stai descrivendo sopra. (E ho anche incontrato una razza di web designer che lo odiano semplicemente perché le ultime specifiche del W3C dicono che è illegale ...)

Il motivo per cui ai progettisti dell'interfaccia utente non piace è perché toglie il controllo all'utente, il che è fastidioso - sui siti Web. Questo perché hai il controllo della tua esperienza di navigazione e quando sei navigazione, ad es. leggendo un articolo, non vuoi che i siti web spuntino nuove schede o finestre ogni volta che fai clic su un link. Lo deciderai tu stesso.

Ma quando si utilizza un'app Web, soprattutto in questi giorni in quanto le app Web diventano sempre più complicate (Gmail è un buon esempio), l'utente si trova in uno stato d'animo diverso e desidera che la comodità sia centrata sull'uso dell'app Web. Non sto dicendo target="_blank" è una soluzione perfetta, ma di certo non è così terribile come sembra risuonare nella domanda "gotchas".

Come al solito, si tratta di capire cosa ne pensano gli utenti. Come designer, dovresti prendere decisioni basate su ciò che ritieni sia meglio per la tua base di utenti e cercare di non dipendere troppo da "regole" universali che sembrano applicarsi a tutto, sempre. Le convenzioni e gli schemi sono fantastici, ma è importante mantenere una mente aperta e usare il buon senso ove appropriato. :)

13
Rahul

Questo non è direttamente correlato alla tua domanda, ma qui va ... Una cosa che mi ha sempre infastidito con i pulsanti "Stampa" è che non sai mai se fare clic su di esso verrà effettivamente stampato o se ti mostrerà un layout intuitivo per la stampante . Ho visto solo uno o due siti Web che hanno etichettato il loro pulsante "Mostra pagina stampabile" (o qualcosa del genere).

12
Hisham

Non sono d'accordo con la necessità di avere un pulsante per la stampante per aprire una pagina diversa. Usando CSS puoi nascondere tutte le cose che non vuoi stampare e apportare le modifiche desiderate. Pertanto, quasi ogni pagina può essere stampata per impostazione predefinita. L'unica vera eccezione sono gli elenchi impaginati in cui si desidera stampare l'elenco completo.

http://www.w3.org/TR/CSS21/media.html

Penso che anche quando usi css per rendere le pagine facili da stampare, dovresti comunque avere un pulsante Stampa sulla pagina, ma tutto ciò che dovrebbe fare è chiamare direttamente la funzionalità di stampa del browser. Il punto è che la maggior parte degli utenti non è abituata alla funzionalità di stampa del browser che funziona davvero bene e ad un pulsante Stampa sulla pagina che fornisce risultati più puliti.

5
Sam

Penso che gli utenti dovrebbero avere un'anteprima di ciò che verrà effettivamente dalla loro stampante. Questo potrebbe essere meno necessario in caso di un pulsante "Stampa questo articolo" e la pagina trasformata in questo caso potrebbe anche essere trasferita direttamente alla stampante, se possibile.

A proposito di aprire una nuova finestra, penso che una finestra modale (a la safari reader) sia sempre la scelta migliore, perché focalizza l'attenzione dell'utente sulla finestra stessa ed è molto facile vedere come chiuderla, e chiudendola l'utente tornerà allo stato precedente dell'applicazione (la pagina oscurata in background), anche se i dati vengono aggiornati in tempo reale sarebbe chiaro, dato che è mostrato da qualche parte nell'interfaccia utente, quale aggiornamento della pagina è effettivamente in fase di stampa.

Comunque non è facile trovare soluzioni ottimali per questo particolare tipo di problema.

2
Michele

Non posso essere più d'accordo con Rahul, specialmente nell'ultimo paragrafo. Dan Saffer nel suo libro "Designing for Interaction" chiama questo Genius Design in cui i designer usano il loro miglior giudizio su ciò che gli utenti vogliono e quindi progettano sulla base di quel giudizio.

2
Howie

La stampante non lo è mai. Non so perché debba essere così.

Quello che puoi fare è renderizzare la pagina sul server con wkhtmltopdf (usando i tuoi fogli di stile, i tuoi caratteri preferiti e le immagini SVG come richiesto per i loghi ad alta risoluzione) e poi servirli con la finestra di dialogo di stampa - nessuna assurdità di anteprima, solo PDF direttamente alla stampante, senza _blank o qualcosa del genere. In questo modo puoi controllare il layout della tua pagina e portarlo agli standard di 'catalogo', e salvare al tuo utente il passaggio aggiuntivo di dover colpire la stampa pulsante.

Lascia che il tuo pulsante di stampa "faccia quello che dice sulla scatola".

1
ʍǝɥʇɐɯ

Puramente la mia opinione non è supportata da alcuna ricerca specifica:

"Stampa amichevole" è preferito su "Stampa" per una serie di motivi:

  • come già detto, non si sa cosa farà un link 'stampa' ... aprirà una nuova finestra? Mostrami una pagina di stampa? Avvia il dialogo di stampa del mio browser?
  • un'opzione 'Print Friendly' è spesso molto utile per la lettura sullo schermo. Serve a uno scopo oltre la stampante.
  • Ti assicuri che le persone avranno un'aspettativa di ciò che verrà stampato prima che colpiscano la stampa (tutti sanno che possono vedere un'anteprima di stampa attraverso il dialogo di stampa del loro browser?)

In quanto tale, preferisco avere sia un file CSS di stampa appropriato sia un link 'print friendly'.

Per quanto riguarda se dovrebbe aprirsi in una nuova finestra o no ... è difficile. Le nuove finestre presentano ancora problemi di usabilità e accessibilità. Mi spingerei a caricarlo nella stessa pagina con una sorta di ovvio link "torna alla versione web".

1
DA01

Ti sto fraintendendo o stai facendo andare avanti e indietro i tuoi utenti ogni volta che vogliono aggiungere una domanda a un singolo comando di stampa? Se è così, dovresti davvero pensare a un modo migliore per farlo. Qualcosa come un pulsante "Aggiungi all'elenco di stampa" che memorizza un elenco di ID domanda e formatta tutto per l'utente finale quando fa clic su "Stampa il mio elenco di domande". Andare avanti e indietro tra schermi del genere sarebbe molto frustrante per me.

Scusa se ho frainteso quello che stai dicendo lì.

0
ThatSteveGuy