3
respostas

Icones usados em sistemas web

A ideia de utilizar um ícone em lugar de um botão no caso dos nossos sistemas web para desktop geralmente está associada a economia de espaço em telas que já tem muita informação. Neste caso também seria indicado colocar o label ao lado do ícone ou poderia ser resolvido pelo uso de tooltips quando passa o mouse sobre o ícone?

3 respostas

oi marcia!

eu nao gosto muito de um icone depender do hover/focus, isso diminui o entendimento daquele componente e tem problemas de acessibilidade

é regra? Não! No navegador por ex tem ações que são só icones (refresh, favoritar, etc)

abcs e bons estudos!

São botões que iniciam funcionalidades sobre os dados consultados. Como a tabela que alimenta a consulta tem muitos dados as alterações são feitas em funcionalidades distintas. Até por que existem perfis que permitem a utilização de uma tarefa e não de outra Nossos usuários são bastante especializados no assunto que o sistema trata Por exemplo, nós temos 3 formas diferentes de alteração do campo situação, 3 documentos diferentes que podem ser emitidos. Quem tem direito a tudo fica com 9 botões espalhados pela tela A primeira ideia foi a barra lateral, nesse caso coloquei os ícones em botões 50x50 pixels e não cabem os labels por que algumas funcionalidades tem até 3 palavras na descrição (isso já otimizado) A segunda ideia surgiu durante o treinamento. Colocar a barra com os botões na parte inferior flutuante para que não saia da visão do usuário. Nesse caso deve dar para colocar os labels sem perder muito espaço E a terceira e mais recente seria um único botão que abrisse um menu interno para a consulta. Nesse caso, icones e labels sem problema com um drop down ou retangulo entrando da direita para apresentar as opções que o usuário tem direito Vou desenhar as telas e mandar para o meu PO ele é um cara bem legal, vai gostar de opinar

bem complexo mesmo marcia!

se o PO e vc estiverem muito na duvida, sempre vale a recomendação de fazer pesquisa em cima de alguns testes (um teste pra cada ideia) e ver qual performa melhor analisando os testers

bons testes!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software