usabilidade de interfaces gráficas na web apresentação
DESCRIPTION
Teorias e conceitos importantes para a construção de uma interface gráfica usual, agradável e intuitiva.TRANSCRIPT
![Page 1: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/1.jpg)
Bruna VaccarezzaBruno Ribeiro
![Page 2: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/2.jpg)
O que é usabilidade e qual a sua importância na sociedade moderna?
![Page 3: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/3.jpg)
Interface Gráfica é o conceito da forma de interação entre o usuário do computador e um programa por meio de uma tela ou representação gráfica, visual, com desenhos, imagens, etc. Geralmente é entendido como a “tela” de um programa.
![Page 4: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/4.jpg)
Um GUI ruim proporciona:
Um bom GUI proporciona:
Dúvidas sobre onde clicar;
Aumento no tráfego de usuários dentro do site;
Demora para carregar;
Diminuição da taxa de abandono do site;
Botões que não levam a lugar nenhum;
Desafogamento das centrais de ajuda e atendimento ao usuário;
Dificuldade em compreender a proposta da estrutura.
Maior satisfação do usuário e do cliente.
![Page 5: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/5.jpg)
Diretrizes de aplicabilidade para web:
Velocidade
Portabilidade
Visibilidade
Aumento de público
Agilidade para Heavy Users
Simplificação do desenvolvimento
Redução de custos
![Page 6: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/6.jpg)
http://www.youtube.com/watch?v=_bhxZjIqnIY
(Equipe Olhar Digital)
http://www.youtube.com/watch?v=U_9gtCrQpXA
(Teste de usabilidade do site Bilheteria Virtual)
![Page 7: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/7.jpg)
![Page 8: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/8.jpg)
![Page 9: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/9.jpg)
![Page 10: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/10.jpg)
![Page 11: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/11.jpg)
![Page 12: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/12.jpg)
Ícone, para a Semiologia e a Semiótica, é um signo visual (uma imagem) que representa outro objeto por força de semelhança. Ícones são signos substitutivos (podem ser usados no lugar da coisa representada) de conteúdo derivativo.
![Page 13: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/13.jpg)
É possível influenciar na velocidade de leitura dos usuários de acordo com o uso de alguns recursos tipográficos e é importante se atentar para que todos os outros elementos estejam em harmonia com a tipografia utilizada.
![Page 14: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/14.jpg)
![Page 15: Usabilidade de Interfaces Gráficas na Web apresentação](https://reader036.vdocuments.pub/reader036/viewer/2022062312/55617e16d8b42ade208b53b4/html5/thumbnails/15.jpg)