Melhorando a interação do usuário
através da prevenção de erros
Daniela Beraldo
IC – Indústria
Orientadora: Profa. Dra. Luciana Zaina
campus Sorocaba
Descrição
• Definir padrões visando evitar erros
na interação do usuário com o
sistema
• Para definir esses padrões foram
utilizados artigos com pesquisas
realizadas que comprovam a eficácia
dos padrões
Daniela Beraldo
Iniciação Científica - Ciência da Computação
campus Sorocaba
1
Uso de Cores (1)
• Pauwels, S. L. and Hübscher,
C. and Leuthold, S. and Bargas-Avila, J.
A. and Opwis, K. (2009). Prevenção de
erros em formulários online: Use cor ao
invés de asteriscos para diferenciar os
campos obrigatórios. Interagindo com
computadores, Vol. 21, H. 4. S. 257-262.
Daniela Beraldo
Iniciação Científica - Ciência da Computação
campus Sorocaba
Uso de Cores (2)
• Pesquisa para comprovar que usar
cores nos campos obrigatórios ao
invés de asteriscos é mais eficiente e
reduz a chance dos usuários
cometerem erros
Daniela Beraldo
Iniciação Científica - Ciência da Computação
campus Sorocaba
2
Múltipla Escolha (1)
• Javier A. Bargas-Avila, Olivia Brenzikofer,
Alexandre N. Tuch, Sandra P. Roth, and
Klaus Opwis, “Trabalhando com
formulários na internet: Otimizando
elementos de múltipla escolha em
interfaces”, Advances in HumanComputer Interaction, vol. 2011, Article
ID 347171, 6 pages, 2011.
Daniela Beraldo
Graduanda em Ciência da Computação
Múltipla Escolha (2)
• Pesquisa para comparar a usabilidade de
list boxes x checkboxes
checkboxes. Os resultados
mostram que utilizando checkboxes os
participantes foram mais rápidos e
também obtiveram maior satisfação.
Daniela Beraldo
Graduanda em Ciência da Computação
3
Datas (1)
• Javier A. Bargas-Avila, Olivia Brenzikofer,
Alexandre N. Tuch, Sandra P. Roth, and
Klaus Opwis, “Trabalhando com
formulários na internet: Otimizando
campos de data”, Advances in HumanComputer Interaction, vol. 2011, Article
ID 202701, 8 pages, 2011.
Daniela Beraldo
Graduanda em Ciência da Computação
Datas (2)
• Pesquisa realizada para verificar qual o
melhor componente para campos de
datas. Os resultados mostram que drop
drop-down menu é mais eficiente quando o
foco é a prevenção de erros e campo
livre é mais eficiente quando o foco é
rapidez
Daniela Beraldo
Iniciação Científica - Ciência da Computação
4
Recuperação de Erros (1)
• Bargas-Avila, J., Oberholzer, G.,
“Validação de formulários online:
Não mostrar erros imediatamente”,
In: Rauterberg, M., Menozzi, M.,
Wesson, J. (Eds.), Human–Computer
Interaction INTERACT’03. IOS Press,
Amsterdam, pages 848–851, 2003.
Daniela Beraldo
Iniciação Científica - Ciência da Computação
Recuperação de Erros (2)
• Pesquisa para demonstrar que os
usuários tem mais facilidade para se
recuperar de um erro quando o
formulário é recarregado destacando
os campos errados.
errados
Daniela Beraldo
Iniciação Científica - Ciência da Computação
5
20 Guidelines (1)
• Bargas-Avila, J., Brenzikofer, O., Roth, S.P., Tuch,
A.N., Orsini, S. and Opwis, K. (2010). “Simples
mas crucial interfaces de usuários na internet:
Apresentando 20 diretrizes para o design de
formulários na web”, User Interfaces, Rita
Matrai (Ed.)
• Seckler, M., Heinz, S., Bargas-Avila, J., Opwis,
K. and Tuch, A. (2013). “Avaliação empírica de
20 diretrizes para otimização de formulário
web” In: CHI '13 extended abstracts on human
factors in computing systems, CHI '13. New
York, S. 1893-1898.
Daniela Beraldo
Iniciação Científica - Ciência da Computação
20 Guidelines (2)
• Apresenta 20 guidelines para
melhorar interfaces
• Pesquisas para comprovar a eficácia
das 20 guidelines: cadastro é
realizado mais rápido apresentando
menos erros
Daniela Beraldo
Iniciação Científica - Ciência da Computação
6
20 Guidelines (3)
• Sequência intuitiva
intuitivados
doscampos
campos
• Até 4 opções: Radio Buttons
Acima de 4: DropDown Menu
• Ordenação das Opções
• Botões Reset e Cancelar
Daniela Beraldo
Iniciação Científica - Ciência da Computação
20 Guidelines (4)
• Sequência intuitiva dos campos
• Até 4 opções: Radio
Radio Buttons
Buttons
Acima de 4: DropDown
DropDownMenu
Menu
• Ordenação das Opções
• Botões Reset e Cancelar
Daniela Beraldo
Iniciação Científica - Ciência da Computação
7
20 Guidelines (5)
• Sequência intuitiva dos campos
• Até 4 opções: Radio Buttons
Acima de 4: DropDown Menu
• Ordenação das
das Opções
Opções
• Botões Reset e Cancelar
Daniela Beraldo
Iniciação Científica - Ciência da Computação
20 Guidelines (6)
• Sequência intuitiva dos campos
• Até 4 opções: Radio Buttons
Acima de 4: DropDown Menu
• Ordenação das Opções
• Botões Reset
Reset ee Cancelar
Cancelar
Daniela Beraldo
Iniciação Científica - Ciência da Computação
8
Conclusão
• Com base nos artigos conclui-se
que a escolha do melhor
componente está diretamente
ligada ao objetivo principal,
seja ele rapidez ou prevenção
de erros.
Daniela Beraldo
Iniciação Científica - Ciência da Computação
Daniela Beraldo
IC – Indústria
Orientadora: Profa. Dra. Luciana Zaina
Obrigada!
campus Sorocaba
9