Problemas de interface do usuário relacionados a PDFs incorporados
-
13-09-2020 - |
Pergunta
Q.1. Quais são as vantagens e desvantagens, do ponto de vista da usabilidade, de incorporar PDFs em uma página web?
Q.2. Em geral, para o usuário médio de computador, qual cenário oferece a experiência mais “agilizada”?
Q.3. Usar cookies para lembrar as opções melhoraria substancialmente o Cenário 2?
Cenário 1
- O usuário define opções.
- O usuário clica em um Relatório botão.
- O PDF é enviado como anexo (para Salvar ou Abrir).
- As opções não são redefinidas.
- O PDF pode obstruir a página da web.
- O usuário pode deixar muitas janelas de PDF abertas (reduzindo o desempenho do sistema).
Cenário #2
- O usuário define opções.
- O usuário clica em um botão Relatório.
- O PDF está incorporado na página.
- O usuário clica novamente e as opções serão redefinidas (AJAX, sem cookies).
- Os resultados aparecem imediatamente (sem cliques extras).
- Nem todos os navegadores suportam a incorporação de PDFs (?).
- A página da web (ou seja, o Relatório botão) desaparece.
Obrigado!
Solução
i Ódio Quando um PDF abre em uma janela do navegador.Mas eu sou um ponto de dados, e um que provavelmente não é interessante para você.O que você precisa fazer é falar com seus clientes reais e perguntar-lhes.
Sem mais detalhes, é muito difícil dizer o que é melhor para sua aplicação específica.Os usuários usam seu aplicativo 8 horas por dia, ou apenas 8 minutos por mês?Eles normalmente têm telas grandes?Pequeno?Eles acessam o aplicativo via dispositivos móveis?Está vendo o relatório sua principal atividade de trabalho, ou é o relatório algo que eles vão imprimir e empurrar em uma gaveta?Responda a estas perguntas e a resposta à sua pergunta de usabilidade será mais fácil de obter.
A linha inferior é, pergunte aos seus usuários.Se você não puder, ou a resposta é indeterminada, dê-lhes as duas opções e deixe-as escolher.
Outras dicas
Eu acho que seria melhor evitar incorporar o PDF.Se esta finalidade é visualizar os dados no relatório, seria possível exibir uma imagem da primeira página do PDF?Como alternativa, se a finalidade for visualizar os dados no PDF, pode ser mais fácil exibir os dados como HTML.De qualquer forma, acho que seria melhor usar html ou imagens (que carrega mais rápido e mais consistentemente entre os navegadores) para visualizar o PDF e, em seguida, oferecer um link de download.
Esta é uma pergunta perfeita para troca UX:
Para responder a pergunta, eu recuei primeiro.Estamos falando pdfs.O formato sozinho vai estar causando problemas de usabilidade e acessibilidade.
Tenha em mente:
- nem todo mundo usa o Acrobat Reader
- nem todo mundo usa plugins PDF
- nem todo navegador suporta plugins PDF
Bottom Line, tire-o de um PDF para começar.
Caso contrário, se o formato for necessário, entregue-se ao padrão em vez de incorporar, IMHO.Eu faria uma das duas coisas:
1) Envie-o para o navegador como um PDF (deixando as configurações do navegador decidir o que fazer com ele)
2) Gere o PDF e, em seguida, forneça um link para ele
Como sobre o cenário # 3?
- .
- Opções de conjuntos de usuários.
- usuário clica em um botão de relatório.
- pdf aparece em um iframe incorporado na página.
- opções permanecer no lugar
Isso combinaria as vantagens dos dois: as opções não serão redefinidas;Haverá apenas uma instância de PDF aberta a qualquer momento (exceto para usuários de energia com várias guias, mas eles têm que saber o que estão fazendo.)
Você também pode oferecer um download direto separado para usuários experientes.
Pessoalmente, eu não recomendaria a abordagem de “botão” e permitiria que seus usuários decidissem o que desejam simplesmente apresentando um link (por exemplo, <a href="...">link</a>
) para um download sem Content-Disposition
cabeçalho com um "ícone" de PDF em destaque.
Isso permitirá que os usuários comuns:
- Clique com o botão esquerdo no link e permita que as preferências do navegador interpretem o link como normalmente fazem (seja no Adobe Reader no navegador, solicitação de download, extensão do navegador, etc.).
- Clique com o botão direito no link e escolha "Salvar como...".Talvez um amigável
div
pode aparecer ao passar o mouse sobre este link recomendando aos usuários que se desejarem baixar o PDF, devem clicar com o botão direito e escolher "Salvar como")
Um botão de formulário (que presumo que você esteja considerando acima) não permite essa opção de clique com o botão direito.
Na minha experiência, as pessoas odeiam a “surpresa” de um PDF abrir no navegador sem avisar.Os usuários avançados normalmente são os mais incomodados com isso e configuraram seus navegadores para lidar com isso ou estão acostumados a "clicar com o botão direito" em links para esses tipos de arquivos (quando sabem que eles estão chegando).