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

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 )

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

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!?

E AGORA? COMO FAÇO?

PROBLEMAS DE USABILIDADE

DESIGN PROBLEMAS DE USABILIDADE

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

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

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.

ANDERSON.GOMES@INFORMANT.COM.BR

Design de interação e usabilidade

Documents

Transcript of Design de interação e usabilidade

Usabilidade, Design e Sustentabilidade

Curso design e usabilidade

Interação Humano Computador (Aula 7) - Engenharia de usabilidade

DESIGN DE INTERAÇÃO Lílian Simão Oliveira. Usabilidade Pra quê? 2.

Pesquisas em usabilidade de interfaces e interação - 2 bim

Processo e Qualidade. Temas Introdução sobre Usabilidade e Design Integração com a Engenharia de Software Importância do Design e Usabilidade.

Usabilidade em sistemas. Pré Design Design Inicial Desenvolvimento Interativo Pós Design Fases do Processo de Design para Usabilidade.

O design de interação dos equipamentos informatizados · O design de interação dos equipamentos informatizados: A usabilidade da máquina de auto-atendimento de informações

linhas de pesquisa · Fernando Sossai. guizaffari@gmail.com usabilidade, design de interação, design de interface, ... joao.vela1@gmail.com Design Desenho aplicado ao ensino da

Design e usabilidade - Fundamentos

Hipermidialidade e interação no design editorial de ... · senho que incorpore princípios de usabilidade, ... quatro princípios definidos por Williams (1995) como aspectos essenciais

Fundamentos de Design Web Usabilidade, Interatividade e

Design usabilidade- Curso Intensivo

Redalyc.DESIGN DE INTERAÇÃO, DESIGN EXPERIENCIAL E … · (IHC) e suas interfaces na participação do usuário como pressuposto para a usabilidade de sistemas computacionais interativos

Design de Experiência no processo de Usabilidade

Curso Design Usabilidade

Design da Interação

DESIGN DE INTERAÇÃO ENTRE USABILIDADE E …...ção ao design de interação no contexto dos sistemas com-putacionais. Desta forma, pretende-se tanto apresentar os últimos achados

4 Usabilidade e Interação Homem-Computador

UTILIZANDO ERGONOMIA, INTERFACE E DESIGN PARA … · INTERAÇÃO E A USABILIDADE DO AMBIENTE WEB ... de design de interfaces e de usabilidade nos processos ... importa se as ferramentas