O documento discute a importância da usabilidade no design de interfaces na web. A usabilidade é definida como uma experiência de operação agradável, simples e fácil para o usuário. Várias técnicas de design como wireframes, layout e boas práticas são apresentadas para garantir a usabilidade.

1. DESIGN + USABILIDADE = SUCESSO
Interfaces efetivas na web.
Thiago B. Joaquim
quarta-feira, 3 de abril de 13

2. Quem? DESIGNER
ILUSTRADOR
PROFESSOR
LOUCO
quarta-feira, 3 de abril de 13

3. O QUE É USABILIDADE ?
“Quando um sistema interativo oferece ao
usuário uma experiência de operação
agradável, simples e fácil.”
quarta-feira, 3 de abril de 13

4. ERGONOMIA + IHC =
USABILIDADE
quarta-feira, 3 de abril de 13

5. QUAL O OBJETIVO ?
O Usuário utiliza.
O Usuário volta a utilizar.
quarta-feira, 3 de abril de 13

6. PENSANDO NO PROJETO!
quarta-feira, 3 de abril de 13

7. ALGUMAS TÉCNICAS
• Benchmarking
• Benchmarking
• Análise heurística
• Análise heurística
• Teste de usabilidade
• Card sorting
• Card sorting
quarta-feira, 3 de abril de 13

8. ESTRUTURA DO PROJETO
Arquitetura da informação
quarta-feira, 3 de abril de 13

9. • Inventário de conteúdo
• checklist
• Palavras chaves
• Funcionalidades
•Diagrama e fluxo
quarta-feira, 3 de abril de 13

10. WIREFRAMES
quarta-feira, 3 de abril de 13

11. quarta-feira, 3 de abril de 13

12. LAYOUT DA INTERFACE
quarta-feira, 3 de abril de 13

13. quarta-feira, 3 de abril de 13

14. BOAS PRÁTICAS
quarta-feira, 3 de abril de 13

15. Não utilize janelas Pop-up
Mantenha um padrão estético e estrutural
Legibilidade
Urls amigáveis
Evite links abrindo em novas janelas
Não utilize plugins
quarta-feira, 3 de abril de 13

16. OBRIGADO!
thiagobalero@gmail.com - facebook.com/thiagobalero
quarta-feira, 3 de abril de 13