design de interação e usabilidade

DESIGN INTERAÇÃO, USABILIDADE, USER EXPERIENCE, INTEFACES, ...

quinta-feira, 17 de novembro de 2011

DESIGN W T F ?


DESIGN É U M A C A I X A P R E TA .


DESIGN E U Q U E R O U M A D E S S A .

C O N H E C E M O S S O M E N T E O R E S U LTA D O D O D E S I G N


DESIGN O QUE NÃO É!


DESIGN DE QUE? ABRINDO A CAIXA.


DESIGN ESTUDA O QUE?



O que o design estuda?

analíticas (compreender)

pesquisa

metodologia

perceptivas (observar)

filosofia

arte

fotografia

projetar livremente

associativas (relacionar)


DESIGN FILOSOFIA DAS COISAS

MOST PEOPLE THINK IT`S HOW THEY LOOK,BUT IT`S NOT REALLY HOW THEY LOOK, ITS HOW THEY WORK.

DESIGN


DESIGN FILOSOFIA DAS COISAS


DESIGN HOW IT WORKS?


DESIGN QUANDO É BOM?

INOVADOR ÚTIL ESTÉTICO INTELIGÍVEL INOBSTRUSIVO

HONESTO DURÁVEL PRECISO ECO-FRIENDLY LESS BUT BETTER

( DIETER RAMS - TEN PRINCIPAL OF GOOD DESIGN )


DESIGN WHO THE FUK IS? ( DIETER RAMS - TEN PRINCIPAL OF GOOD DESIGN )

1960

2005

JONATHAN IVE

DIETER RAMS


DESIGN PARA QUEM?

PESSOAS DE TODOS OS TIPOS


DESIGN USER CENTERED DESIGN

O DESIGNER NÃO É O USUÁRIO



O SEU CHEFE NÃO É O USUÁRIO



O CLIENTE NÃO É O USUÁRIO



O DESENVOLVEDOR NÃO É O USUÁRIO



ENVOLVIMENTO DO USUÁRIO NO PROCESSO DE DESIGNINFORMATIVO

CONSULTIVOPARTICIPATIVO

DESCUBRA QUEM SÃO SEUS USUÁRIOS


DESIGN USABILIDADE

EFICÁCIA,USABILIDADE

EFICIÊNCIA E SATISFAÇÃO

COMPLETAR A TAREFA, COM O MENOR ESFORÇO POSSÍVEL, NO MENOR TEMPO E COM A MAIOR SATISFAÇÃO


DESIGN USABILIDADE SE CONQUISTA, NÃO SE FAZ.

EFICÁCIA E EFICIÊNCIA


DESIGN NAVEGAÇÃO

HEURÍSTICAS

CHECKLIST

Reduza as interrupções (use ajax)

Mostre somente o necessário naquele momento

Conduzir o caminho mínimo

Explicitar visualmente a estrutura do sistema

Respeitar a curva de aprendizagem

Possibilite caminhos alternativos

Se necessário seja redundante

Criar pontos de referências na interface

Feedback contínuo


DESIGN INTERAÇÃO

HEURÍSTICAS

CHECKLIST

Possibilite a colaboração do usuário

Use interações lógicas, metáfora do real

Proponha interações além da simulação

Ofereça atalhos para usuários experiêntes

Ofereça instruções para usuários iniciantes

O usuário controla o sistema

Falar a linguagem do usuário

Optar pela adaptabilidade e customização


DESIGN

HEURÍSTICAS

CHECKLIST

Error proofing

Beleza aumenta a tolerância a erros

Sempre possibilitar voltar

Emita bons erros

Leve em consideração a plataforma do usuário

Errar antes é errar melhor

ERROS

Faça o mínimo bem feito


DESIGN VISUAL

HEURÍSTICAS

CHECKLIST

Utilize a cor como sinalização

Scanning em cabeçalhos (letras grandes)

Leitura em parágrafos (letras pequenas)

Ações em botões

Navegação em links

Valorize o contraste para melhorar a legibilidade

Mantenha a consistência

Menos é mais (sintetisar)

Reconhecer em vez de relembrar

Distinguir os diferentes e agrupar os semelhantes


DESIGN CAMINHAR E NAVEGAR

PONTOS DE REFERÊNCIA

COMPLETAM A COGNIÇÃO

SENSAÇÃO DE NAVEGAR

COMPREENDER A ESTRUTURA DO SISTEMA

SEGURANÇA NAS AÇÕES (FEEDBACK)

FUNDAMENTAL PARA A TOMADA DE DECISÃO


DESIGN COGNIÇÃO

MEMÓRIA

ATENÇÃO

COGNIÇÃO DISTRIBUÍDA

DURANTE

NO PERCURSO

RECURSOS INTERNOS

ESTÍMULOS EXTERNOS

PERCEPÇÃO

MODELO MENTAL

VIGILÂNCIA (FILTRAR)

EMOÇÕES

MAPA COGNITIVO

A INTERFACE É UMA EXTENSÃO DO CÉREBRO


DESIGN

POR QUE ESSA #%$#@ NÃO FUNCIONA!?

WTF?

E AGORA? COMO FAÇO?

PROBLEMAS DE USABILIDADE


DESIGN PROBLEMAS DE USABILIDADE

POR QUE ESSA #%$#@ NÃO FUNCIONA!?

WTF?

E AGORA? COMO FAÇO?

Baixa produtividade

Irritação, stresse

Decepções, desistência

Reduz o ROI

Subutilização da ferramenta

Fadiga mental, fadiga motora


DESIGN MÉTODOS

PESQUISA ETNOGRÁFICA

ANÁLISE DA TAREFA

BENCHMARK

ENTREVISTA STORYBOARD

PERSONASCENÁRIOS

PS3 (PROBLEMA / SOLUÇÃO)

THE BRIDGE

TAG ART (TAGS E SORTEIO)

TAXONOMIA (BRAINSTORM, TAGS E HIERARQUIA)

WIREFRAME

PAPER PROTOTYPE

MÉTODOS CONCEPTIVOS


DESIGN MÉTODOS

Premo

Feature Checklist

Observação de campo

Taxonomia

Moodboard Card Sorting

Icon Sorting

Paper Prototype Eye Tracking

Mouse tracking

Análise da tarefaWireframe

Wireflow

Avaliação heurística

MÉTODOS FORMATIVOS

PS3 (problema / solução)


DESIGN MÉTODOS

QUESTIONÁRIOS

CO-DISCOVERY DIÁRIO DE USO

OBSERVAÇÃO DE CAMPO

TAXONOMIA

CARD SORTING

ICON SORTING

EYE TRACKING

MOUSE TRACKING

ANÁLISE ESTATÍSTICAS DE USO

AVALIAÇÃO HEURÍSTICA

MODELAGEM DE EMOÇÕES

TESTE DE USABILIDADE

INVENTÁRIO DE CONTEÚDOS

MÉTODOS AVALIATIVOS


DESIGN MÉTODOS


DESIGN HOW IT WORKS?


DESIGN USER EXPERIENCE


DESIGN USER EXPERIENCE FAIL


DESIGN

DESEJO DO USUÁRIO PRODUTO VENDIDO AO USUÁRIO

USER EXPERIENCE FAIL


DESIGN PARA QUEM?


DESIGN ERS

ANALISTA DE USABILIDADE

DESIGNER DE INTERFACES

DESIGNER DE INTERAÇÃO

UX DESIGNER

VERIFICAR PADRÕES DE USO (HEURÍSTICAS)

PROJETAR <INTERFACES>

CRIAR NOVAS FORMAS DE <INTERAÇÃO>

CRIAR EXPERIÊNCIAS EMOCIONAIS


DESIGN PROCESSO ITERATIVO - CONSTANTE DE REFLEXÃO SOBRE O OBJETO.


DESIGN POR QUE?

AUMENTA A CONVERSÃO

FACILITA O USO

REDUZ O TEMPO DE DESENV

REDUZ CUSTOS DE PUBLICIDADE

AGREGA USUÁRIOS E ROI

VALORIZA A FERRAMENTA

DIMINUI A REFAÇÃO (ERRAR ANTES)

O PRODUTO BOM SE VENDE

PRODUTO POLÍDO APRIMORAMENTO CONTÍNUO

BASE FORTE CONCEITOS CONSISTENTES


DESIGN FINALMENTE.

[email protected]


mailto:[email protected]

mailto:[email protected]

design de interação e usabilidade

Documents