DESIGN + USABILIDADE = SUCESSO
                           Interfaces efetivas na web.




                                                     Thiago B. Joaquim
quarta-feira, 3 de abril de 13
Quem?       DESIGNER
                                 ILUSTRADOR
                                 PROFESSOR
                                  LOUCO



quarta-feira, 3 de abril de 13
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
ERGONOMIA   + IHC =
                                 USABILIDADE


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




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




quarta-feira, 3 de abril de 13
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
ESTRUTURA DO PROJETO
                                    Arquitetura da informação




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




quarta-feira, 3 de abril de 13
WIREFRAMES




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




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




quarta-feira, 3 de abril de 13
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
OBRIGADO!
                       thiagobalero@gmail.com - facebook.com/thiagobalero




quarta-feira, 3 de abril de 13

Mais conteúdo relacionado

PPTX
ROI no front end - vamos pensar em lucro?
PDF
Usabilidade 3 - Personas ágeis
PPT
Como montar um projeto de usabilidade
PPT
Análise Heuristica
PDF
Hype vs. Reality: The AI Explainer
PDF
2024 Trend Updates: What Really Works In SEO & Content Marketing
PDF
Storytelling For The Web: Integrate Storytelling in your Design Process
PDF
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...
ROI no front end - vamos pensar em lucro?
Usabilidade 3 - Personas ágeis
Como montar um projeto de usabilidade
Análise Heuristica
Hype vs. Reality: The AI Explainer
2024 Trend Updates: What Really Works In SEO & Content Marketing
Storytelling For The Web: Integrate Storytelling in your Design Process
Artificial Intelligence, Data and Competition – SCHREPEL – June 2024 OECD dis...

Último (19)

PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
Visão geral da SAP, SAP01 Col18, Introdução sistema SAP,
PDF
Jira Software projetos completos com scrum
PDF
Banco de Dados 2atualização de Banco de d
PDF
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PPT
Aula de Engenharia de Software principais caracteristicas
PDF
Processamento da remessa no SAP ERP, SCM610 Col15
PPTX
Tipos de servidor em redes de computador.pptx
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
PPT
Conceitos básicos de Redes Neurais Artificiais
PPTX
ccursoammaiacursoammaiacursoammaia123456
PDF
SEMINÁRIO DE IHC - A interface Homem-Máquina
PPTX
3b - Bradesco Lean Agile Training Plan - Ritos Operacionais (1).pptx
PPTX
Aula 7 - Listas em Python (Introdução à Ciencia da Computação)
PDF
Aula 9 - Funções 202yttvrcrg5-1.pptx.pdf
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PDF
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
PDF
Customizing básico em SAP Extended Warehouse Management, EWM110 Col26
Analise Estatica de Compiladores para criar uma nova LP
Visão geral da SAP, SAP01 Col18, Introdução sistema SAP,
Jira Software projetos completos com scrum
Banco de Dados 2atualização de Banco de d
ASCENSÃO E QUEDA DO SOFTWARE LIVRE NO ESTADO BRASILEIRO
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Aula de Engenharia de Software principais caracteristicas
Processamento da remessa no SAP ERP, SCM610 Col15
Tipos de servidor em redes de computador.pptx
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
Conceitos básicos de Redes Neurais Artificiais
ccursoammaiacursoammaiacursoammaia123456
SEMINÁRIO DE IHC - A interface Homem-Máquina
3b - Bradesco Lean Agile Training Plan - Ritos Operacionais (1).pptx
Aula 7 - Listas em Python (Introdução à Ciencia da Computação)
Aula 9 - Funções 202yttvrcrg5-1.pptx.pdf
Processos no SAP Extended Warehouse Management, EWM100 Col26
Metodologia Scrumban-XP - Um Guia Rápido (MrSomebody19).pdf
Customizing básico em SAP Extended Warehouse Management, EWM110 Col26
Anúncio
Anúncio

Design + Usabilidade = Sucesso