design + usabilidade = sucesso

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

Upload: thiago-balero-joaquim

Post on 18-Jun-2015

328 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Design + Usabilidade = Sucesso

DESIGN + USABILIDADE = SUCESSO

Interfaces efetivas na web.

Thiago B. Joaquimquarta-feira, 3 de abril de 13

Page 2: Design + Usabilidade = Sucesso

Quem? DESIGNER

ILUSTRADOR

PROFESSOR

LOUCO

quarta-feira, 3 de abril de 13

Page 3: Design + Usabilidade = Sucesso

“Quando um sistema interativo oferece ao usuário uma experiência de operação agradável, simples e fácil.”

O QUE É USABILIDADE ?

quarta-feira, 3 de abril de 13

Page 4: Design + Usabilidade = Sucesso

ERGONOMIA IHC+ =USABILIDADE

quarta-feira, 3 de abril de 13

Page 5: Design + Usabilidade = Sucesso

QUAL O OBJETIVO ?O Usuário utiliza.O Usuário volta a utilizar.

quarta-feira, 3 de abril de 13

Page 6: Design + Usabilidade = Sucesso

PENSANDO NO PROJETO!

quarta-feira, 3 de abril de 13

Page 7: Design + Usabilidade = Sucesso

• Benchmarking• Análise heurística• Teste de usabilidade• Card sorting

• Benchmarking• Análise heurística• Teste de usabilidade• Card sorting

ALGUMAS TÉCNICAS

quarta-feira, 3 de abril de 13

Page 8: Design + Usabilidade = Sucesso

ESTRUTURA DO PROJETOArquitetura da informação

quarta-feira, 3 de abril de 13

Page 9: Design + Usabilidade = Sucesso

• Inventário de conteúdo• checklist• Palavras chaves• Funcionalidades•Diagrama e fluxo

quarta-feira, 3 de abril de 13

Page 10: Design + Usabilidade = Sucesso

WIREFRAMES

quarta-feira, 3 de abril de 13

Page 11: Design + Usabilidade = Sucesso

quarta-feira, 3 de abril de 13

Page 12: Design + Usabilidade = Sucesso

LAYOUT DA INTERFACE

quarta-feira, 3 de abril de 13

Page 13: Design + Usabilidade = Sucesso

quarta-feira, 3 de abril de 13

Page 14: Design + Usabilidade = Sucesso

BOAS PRÁTICAS

quarta-feira, 3 de abril de 13

Page 15: Design + Usabilidade = Sucesso

Não utilize janelas Pop-upMantenha um padrão estético e estruturalLegibilidadeUrls amigáveisEvite links abrindo em novas janelasNão utilize plugins

quarta-feira, 3 de abril de 13

Page 16: Design + Usabilidade = Sucesso

[email protected] - facebook.com/thiagobalero

quarta-feira, 3 de abril de 13