it-swarm-pt.com

O botão Compatível com a impressora deve abrir uma nova janela do navegador?

Leitura Dicas comuns de usabilidade de aplicativos da web? Eu me senti culpado quando li isso usando um target = "_blank" é uma coisa ruim .

Eu desenvolvi um pequeno aplicativo da Web que formata as perguntas do Stack Exchange em uma exibição amigável para impressão e sinto que há algo quebrado na interface sobre o target = "_blank" experiência de navegação.

Deixe-me explicar:

Página inicial

  1. as pessoas poderiam inserir um ID de pergunta e imprimi-lo clicando no botão "imprimir"
  2. a visualização de impressão é aberta na mesma página
  3. as pessoas poderiam retornar à página inicial clicando em um pequeno ícone Início no canto superior esquerdo da página.

Eu acho que não há nada errado com isso (embora qualquer feedback seja apreciado).

Principais votados

  1. As pessoas podem procurar uma lista de perguntas
  2. Clicando em um pequeno ícone de "impressora", uma visualização de impressão é aberta em uma nova janela (target = "_blank")
  3. O foco da página "lista de perguntas" é perdido
  4. As pessoas devem clicar novamente na página "lista de perguntas"
  5. As pessoas podem imprimir outras perguntas na página "lista de perguntas"

Por que eu fiz isso?

Primeira razão:
O recurso "imprimir" do Gmail funciona assim (abrindo uma nova página)

Segunda razão:
Porque eu queria dar a oportunidade de imprimir várias perguntas ao mesmo tempo.
Com uma sequência como print - back to the "questions page" - print - back to the "questions page" - print etc. etc. o usuário pode imprimir suas perguntas em paralelo (o processo de impressão não é muito rápido em perguntas mais pesadas como este ).

Eu acho que há algo quebrado porque:
1. A experiência do primeiro caso é diferente da segunda
2. Depois que novas janelas "compatíveis com a impressão" são abertas, as pessoas têm o mesmo ícone "voltar para casa" no canto superior esquerdo e acho que pode ser confuso.[fixo]

Alguma sugestão?

13
systempuntoout

Eu discordo da noção de que target="_blank" é sempre ruim. Em alguns casos, especialmente em aplicativos da Web, pode ser muito útil, como na situação descrita acima. (E também conheci vários web designers que odeiam isso simplesmente porque as últimas especificações do W3C dizem que é ilegal ...)

A razão pela qual os designers de interface do usuário não gostam é porque tira o controle do usuário, o que é irritante - nos sites. Isso ocorre porque você está no controle de sua experiência de navegação e quando você está navegando, por exemplo. Ao ler um artigo, você não deseja que os sites apareçam novas guias ou janelas sempre que clicar em um link. Você vai decidir isso por si mesmo.

Mas quando você usa um aplicativo da Web, especialmente nos dias de hoje, quando os aplicativos da Web ficam cada vez mais complicados (o Gmail é um bom exemplo), o usuário está em um estado de espírito diferente e deseja a conveniência centrada no uso do aplicativo da Web. Eu não estou dizendo target="_blank" é uma solução perfeita, mas certamente não é tão terrível quanto parece na pergunta "pegadinhas".

Como sempre, tudo se resume a descobrir como seus usuários se sentem sobre isso. Como designer, você deve tomar decisões com base no que considera melhor para sua base de usuários e tentar não depender muito de "regras" universais que parecem se aplicar a tudo, sempre. Convenções e padrões são ótimos, mas é importante que você mantenha a mente aberta e use o bom senso, quando apropriado. :)

13
Rahul

Isso não está diretamente relacionado à sua pergunta, mas aqui vai ... Uma coisa que sempre me incomodou com os botões "Imprimir" é que você nunca sabe se clicar nele realmente imprimirá ou se mostrará um layout para impressão . Vi apenas um ou dois sites com o botão "Mostrar página de impressão" (ou algo parecido).

12
Hisham

Não concordo com a necessidade de um botão para impressão abrir uma página diferente. Usando CSS, você pode ocultar tudo o que não deseja imprimir e fazer as alterações desejadas. Portanto, quase todas as páginas podem ser compatíveis com a impressora por padrão. A única exceção real são as listas paginadas nas quais você deseja imprimir a lista completa.

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

Acho que mesmo ao usar o css para facilitar a impressão das páginas, você ainda deve ter um botão Imprimir na página, mas tudo o que deve fazer é chamar diretamente a funcionalidade de impressão do navegador. O ponto disso é que a maioria dos usuários não está acostumada com a funcionalidade de impressão do navegador funcionando muito bem e com um botão Imprimir na página que fornece uma saída mais limpa.

5
Sam

Eu acho que os usuários devem ter uma prévia do que realmente sairá da impressora. Isso pode ser menos necessário no caso de um botão "imprimir este artigo" e a página transformada também pode ser transferida diretamente para a impressora, se possível.

Sobre a abertura de uma nova janela, acho que uma janela modal (sempre um leitor de safari) é sempre a melhor opção, porque concentra a atenção do usuário na própria janela e é muito fácil ver como fechá-la e fechá-la. o usuário retornará ao estado anterior do aplicativo (a página esmaecida em segundo plano); também, se os dados forem atualizados em tempo real, isso ficará claro, pois são mostrados em algum lugar da interface do usuário, que atualização da página é realmente sendo impresso.

De qualquer forma, não é fácil encontrar soluções ideais para esse tipo específico de problema.

2
Michele

Não posso concordar mais com Rahul, especialmente no último parágrafo. Dan Saffer, em seu livro "Designing for Interaction", chama esse design de gênio, no qual os designers usam seu melhor julgamento quanto ao que os usuários desejam e depois projetam com base nesse julgamento.

2
Howie

Impressora nunca é. Não sei por que tem que ser assim.

O que você pode fazer é renderizar a página no servidor com wkhtmltopdf (usando suas próprias folhas de estilo, fontes preferidas e imagens SVG, conforme necessário para logotipos de alta resolução) e depois servi-lo com a caixa de diálogo de impressão - sem bobagens de visualização, apenas PDF direto para a impressora, sem _blank ou algo assim.) Dessa forma, você pode controlar o layout da sua página e obter os padrões de 'catálogo', além de salvar o usuário da etapa extra de ter que imprimir a impressão botão.

Deixe o botão de impressão "fazer o que diz na lata".

1
ʍǝɥʇɐɯ

Puramente minha opinião não se apoiou em nenhuma pesquisa específica:

A opção "Impressão amigável" é preferível a "Impressão" por vários motivos:

  • como já foi dito, não se sabe o que um link 'imprimir' fará ... abrirá uma nova janela? Mostrar uma página para impressão? Iniciar o diálogo de impressão do meu navegador?
  • uma opção 'Impressão amigável' geralmente é muito útil para leitura na tela. Ele serve a um propósito além da impressora.
  • Você garante que as pessoas tenham uma expectativa do que será impresso antes de serem impressas (todas as pessoas sabem que podem ver uma pré-visualização por meio do diálogo de impressão do navegador?)

Como tal, prefiro ter um arquivo CSS de impressão adequado e um link 'amigável para impressão'.

Quanto a abrir ou não em uma nova janela ... essa é difícil. Novas janelas ainda apresentam problemas de usabilidade e acessibilidade. Eu gostaria de carregá-lo na mesma página com algum tipo óbvio de 'retornar à versão da web'.

1
DA01

Estou entendendo mal você ou você está fazendo seus usuários ir e voltar sempre que desejam adicionar uma pergunta a um único comando de impressão? Nesse caso, você deve realmente pensar em uma maneira melhor de fazer isso. Algo como um botão "Adicionar à lista de impressão" que armazena uma lista de IDs de perguntas e formata tudo para o usuário final quando ele clica em "Imprimir minha lista de perguntas". Passar de um lado para o outro entre telas assim seria muito frustrante para mim.

Desculpe se eu entendi errado o que você está dizendo lá.

0
ThatSteveGuy