aula crp-0420-2016-09-ux (2)
TRANSCRIPT
![Page 1: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/1.jpg)
COMUNICAÇÃODIGITAL
CRP-0420
AULA 09: EXPERIÊNCIA DO USUÁRIO (2)
![Page 2: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/2.jpg)
TRABALHO FINAL:2100: RETROSPECTIVA DO SÉCULO 21.
INVENTÁRIO DOS PRINCIPAIS OBJETOS
E SERVIÇOS QUE MUDARAM O SÉCULO.
![Page 3: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/3.jpg)
SUA IDEIA:PROPOSTA DE ANO
CONTEXTO / PROBLEMA A ABORDAR
HARDWARE, SOFTWARE E SERVIÇOS;
PITCH DE EXPLICAÇÃO
![Page 4: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/4.jpg)
TIMELINE
![Page 5: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/5.jpg)
UX/UI
![Page 6: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/6.jpg)
EXERCÍCIO:IMAGINE PERSONAS, AÇÕES E
INTERFACES PARA UM APLICATIVO
SIMPLES DE GRAVAÇÃO DE ÁUDIO NO
SMARTPHONE. USE A PLATAFORMA
QUE VOCÊ ACHAR ADEQUADA.
![Page 7: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/7.jpg)
![Page 8: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/8.jpg)
![Page 9: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/9.jpg)
![Page 10: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/10.jpg)
![Page 11: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/11.jpg)
![Page 12: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/12.jpg)
![Page 13: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/13.jpg)
![Page 14: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/14.jpg)
![Page 15: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/15.jpg)
![Page 16: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/16.jpg)
![Page 17: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/17.jpg)
![Page 18: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/18.jpg)
![Page 19: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/19.jpg)
![Page 20: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/20.jpg)
![Page 21: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/21.jpg)
COMUNICA MAL. O PROBLEMA DO “MAU DESIGN”:
COMO A MÁ MÚSICA OU COZINHA.
![Page 22: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/22.jpg)
O PROCESSO DE DESIGN DE
INTERAÇÃO E SUAS ETAPAS:
1. PESQUISAR USUÁRIOS E SEU AMBIENTE;
2. MODELAR INTERAÇÕES E SEU CONTEXTO;
3. DEFINIR OBJETIVOS E DEMANDAS DE TODOS;
4. DETERMINAR ESTRUTURA E FLUXO DE
INTERAÇÃO;
5. REFINAR COMPORTAMENTOS, FORMATOS E
CONTEÚDOS;
6. DAR SUPORTE A DEMANDAS E NECESSIDADES.
![Page 23: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/23.jpg)
PERSONAS
![Page 24: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/24.jpg)
PERSONASARQUÉTIPOS DE USUÁRIOS:
A MELHOR FORMA DE ACOMODAR UM
GRANDE NÚMERO DE USUÁRIOS É
DESENHAR PARA TIPOS DEFINIDOS
POR ATITUDES E COMPORTAMENTOS.
![Page 25: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/25.jpg)
![Page 26: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/26.jpg)
USUÁRIO:A JORNADA DO
![Page 27: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/27.jpg)
![Page 28: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/28.jpg)
![Page 29: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/29.jpg)
Pontos de
ACESSO:• CADA ELEMENTO DA INTERFACE - IMAGEM, TEXTO,
CABEÇALHO, ÍCONE, LINK - É UM PONTO DE
ACESSO A NOVAS INFORMAÇÕES.
• O USUÁRIO NÃO PRECISA SABER O QUE O TEXTO
VAI DIZER, O QUE A BARRA DE NAVEGAÇÃO
CONTERÁ, OU O QUE OS GRÁFICOS DIRÃO.
• CADA ELEMENTO REQUER DEBATE E EXPLORAÇÃO
• QUE NOVAS FUNCIONALIDADES PODEM EXPANDIR
O PRODUTO E SEUS SERVIÇOS?
![Page 30: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/30.jpg)
CARD SORTING:TÉCNICA DE CRIAR NAVEGAÇÃO
ATRAVÉS DE PROTÓTIPOS DE PAPEL.
![Page 31: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/31.jpg)
![Page 32: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/32.jpg)
![Page 33: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/33.jpg)
![Page 34: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/34.jpg)
![Page 35: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/35.jpg)
![Page 36: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/36.jpg)
PROTÓTIPOS
![Page 37: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/37.jpg)
PROTOTIPAÇÃO:• REDUZ INTERPRETAÇÕES EQUIVOCADAS
• PROPORCIONA EXPERIÊNCIAS REAIS
• GERA NOVAS EXPERIÊNCIAS
• COMUNICA SEUS OBJETIVOS AO MOSTRAR E
CONTAR
• ECONOMIZA TEMPO, ESFORÇO E DINHEIRO
• FACILITA O FEEDBACK RÁPIDO
• REDUZ O RISCO
![Page 38: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/38.jpg)
Finalidades mais comuns de
PROTÓTIPOS:• CRIAR COMUNICAÇÃO COMPARTILHADA
• TRABALHAR COM PROJETOS COMUNS
• VENDER IDEIAS INTERNAMENTE E PARA CLIENTES
• TESTAR INTERAÇÕES E USABILIDADE
• AFERIR DE VIABILIDADE TÉCNICA E VALOR
![Page 39: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/39.jpg)
![Page 40: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/40.jpg)
![Page 41: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/41.jpg)
![Page 42: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/42.jpg)
![Page 43: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/43.jpg)
![Page 44: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/44.jpg)
QUANTIDADECOMECE COM UMA GRANDE
DE IDEIAS. A QUALIDADE VEM COM O
TEMPO.
![Page 45: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/45.jpg)
Painéis de
CONTROLE:• APRESENTAM AS INFORMAÇÕES MAIS
IMPORTANTES, NECESSÁRIAS PARA ATINGIR OS
OBJETIVOS
• SÃO GRÁFICOS NÃO PELA BELEZA, MAS PARA
FACILITAR A COMPREENSÃO, MANIPULAÇÃO E
CONTEXTO.
• DEVEM DETERMINAR PRIORIDADES, CONSOLIDAR E
ORGANIZAR A INFORMAÇÃO EM UMA ÚNICA TELA,
PARA QUE SEJA FACILMENTE MONITORADA
• NEM TODAS AS INFORMAÇÕES SÃO
QUANTIFICÁVEIS
![Page 46: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/46.jpg)
![Page 47: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/47.jpg)
![Page 48: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/48.jpg)
![Page 49: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/49.jpg)
![Page 50: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/50.jpg)
![Page 51: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/51.jpg)
![Page 52: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/52.jpg)
![Page 53: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/53.jpg)
![Page 54: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/54.jpg)
![Page 55: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/55.jpg)
![Page 56: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/56.jpg)
Erros
COMUNS:• EXCEDER OS LIMITES DE UMA TELA (SCROLL)
• FALTA DE CONTEXTO
• EXCESSO DE DETALHES
• MÍDIAS INADEQUADAS
• TELA CONGESTIONADA
• DECORAÇÃO INÚTIL
• MAU USO DE COR
• MÉTRICAS RUINS
• DADOS DESORGANIZADOS
• CODIFICAÇÃO IMPRECISA
Só esses elementos
são técnicos.
![Page 57: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/57.jpg)
UI KITS
Ajudam a compor o layout
![Page 58: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/58.jpg)
![Page 59: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/59.jpg)
![Page 60: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/60.jpg)
![Page 61: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/61.jpg)
![Page 62: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/62.jpg)
![Page 63: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/63.jpg)
![Page 64: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/64.jpg)
![Page 65: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/65.jpg)
![Page 66: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/66.jpg)
![Page 67: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/67.jpg)
![Page 68: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/68.jpg)
![Page 69: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/69.jpg)
![Page 70: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/70.jpg)
WIREFRAMES
![Page 71: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/71.jpg)
Planejamento estrutural:
WIREFRAMES• NÃO SÃO RASCUNHOS DO LAYOUT FINAL.
• COMO PLANTAS BAIXAS DE ARQUITETURA,
INTERMEDIÁRIOS ENTRE A TÉCNICA E A
COMUNICAÇÃO.
• CRIAM ARGUMENTOS RACIONAIS PARA A
DISCUSSÃO DO LAYOUT, AUMENTANDO A
USABILIDADE E CONSISTÊNCIA.
• COMEÇAM SIMPLES, SE TORNAM MAIS
DETALHADOS À MEDIDA QUE AUMENTA SUA
FUNCIONALIDADE.
![Page 72: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/72.jpg)
![Page 73: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/73.jpg)
![Page 74: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/74.jpg)
![Page 75: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/75.jpg)
![Page 76: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/76.jpg)
![Page 77: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/77.jpg)
![Page 78: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/78.jpg)
![Page 79: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/79.jpg)
![Page 80: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/80.jpg)
![Page 81: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/81.jpg)
![Page 82: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/82.jpg)
![Page 83: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/83.jpg)
Construindo
WIREFRAMES:1. DEIXE O OBJETIVO BEM CLARO
2.SEJA FUNCIONAL, NÃO BONITO
3.TENHA O MÍNIMO DE ELEMENTOS
4.DESENHE TODAS AS AÇÕES
5.ORGANIZE-O POR PERSONAS
6.PROCURE ELEMENTOS REPETITIVOS
7.TESTE HIERARQUIAS E SENTIDO
![Page 84: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/84.jpg)
DESIGN GRÁFICO
![Page 85: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/85.jpg)
Questões para o
DESIGN:• QUEM USARÁ O PRODUTO?
• QUAIS SÃO AS PRINCIPAIS TAREFAS?
• QUE TECNOLOGIA DE COMUNICAÇÃO SERÁ
UTILIZADA?
• HÁ ALGUMA LIMITAÇÃO A CONSIDERAR?
• POR QUE USAR O PRODUTO E SEU PAINEL DE
CONTROLE EM UM LUGAR E NÃO EM OUTRO?
• COMO ESTIMULAR O USO?
• COMO DAR SUPORTE?
![Page 86: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/86.jpg)
![Page 87: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/87.jpg)
![Page 88: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/88.jpg)
![Page 89: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/89.jpg)
![Page 90: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/90.jpg)
![Page 91: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/91.jpg)
![Page 92: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/92.jpg)
Questões para o
REDESIGN:• ONDE PEGA? QUAIS SÃO AS CARACTERÍSTICAS OU
COMPLEXIDADES EXISTENTES QUE PREJUDICAM
OU ATRAPALHAM A EXPERIÊNCIA DO USUÁRIO?
• QUAIS SÃO AS CARACTERÍSTICAS ADICIONAIS QUE
O USUÁRIO GOSTARIA DE VER?
• QUE NOVAS FUNCIONALIDADES PODEM EXPANDIR
O PRODUTO E SEUS SERVIÇOS?
• HÁ PROBLEMAS DE COMPATIBILIDADE OU
RESTRIÇÕES DE USO?
![Page 93: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/93.jpg)
![Page 94: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/94.jpg)
![Page 95: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/95.jpg)
![Page 96: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/96.jpg)
![Page 97: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/97.jpg)
![Page 98: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/98.jpg)
![Page 99: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/99.jpg)
![Page 100: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/100.jpg)
Identifique os elementos
PRINCIPAIS:• COMECE A ESTRUTURA PELOS ELEMENTOS MAIS
IMPORTANTES PARA A EXPERIÊNCIA DO
USUÁRIO.
• QUAL É SUA PRINCIPAL FINALIDADE?
• COMO GARANTIR QUE ESTEJA VISÍVEL E SEJA
FÁCIL DE ENCONTRAR?
• O QUE SE ESPERA QUE ELE FAÇA DEPOIS DE
ATINGIR SEU OBJETIVO?
• COMO TORNAR CLARA A AÇÃO?
• ESSA DIVISÃO DEVE SER FEITA POR PERSONA.
![Page 101: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/101.jpg)
![Page 102: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/102.jpg)
![Page 103: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/103.jpg)
![Page 104: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/104.jpg)
![Page 105: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/105.jpg)
![Page 106: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/106.jpg)
Foco na
COMUNICAÇÃO:• INTERFACES SÃO MUITO VARIÁVEIS.
• É IMPORTANTE EVIDENCIAR OS PONTOS MAIS
IMPORTANTES E COMO CHEGAR A ELES.
• APRESENTE OS ELEMENTOS MAIS IMPORTANTES
EM UM PONTO VISÍVEL PARA QUE NÃO SEJA
PRECISO USAR MÚLTIPLAS TELAS OU BARRAS DE
ROLAGEM.
• NUNCA DEIXE QUE A ESTRUTURA SE
SOBREPONHA AO CONTEÚDO.
• SEMPRE QUE POSSÍVEL, CONDUZA A AÇÃO.
![Page 107: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/107.jpg)
![Page 108: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/108.jpg)
![Page 109: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/109.jpg)
![Page 110: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/110.jpg)
GRÁFICO:PROJETO
REPRODUZA ELEMENTOS USADOS EM
TODO O SITE NA MESMA POSIÇÃO, PARA
QUE NÃO “PULEM” QUANDO TROCAM DE PÁGINA.
CUIDADO COM ELEMENTOS FLUTUANTES.
![Page 111: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/111.jpg)
BRANCOO ESPAÇO EM
FACILITA A COMPREENSÃO.
![Page 112: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/112.jpg)
![Page 113: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/113.jpg)
![Page 114: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/114.jpg)
![Page 115: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/115.jpg)
MOOD BOARDSCOMO SÃO AS REFERÊNCIAS VISUAIS
DE SUAS PERSONAS?
![Page 116: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/116.jpg)
![Page 117: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/117.jpg)
![Page 118: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/118.jpg)
![Page 119: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/119.jpg)
![Page 120: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/120.jpg)
![Page 121: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/121.jpg)
![Page 122: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/122.jpg)
![Page 123: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/123.jpg)
![Page 124: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/124.jpg)
![Page 125: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/125.jpg)
![Page 126: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/126.jpg)
PERGUNTAS:1. QUAL É A MOTIVAÇÃO PARA O PRODUTO?
2. QUE NECESSIDADE ELE SUPRE?
3. QUAL É SUA MECÂNICA, DINÂMICA E ESTÉTICA?
4. QUE PERSONAS O UTILIZARIAM, COMO SERIAM OS
CENÁRIOS E JORNADAS DE USUÁRIO?
5. COMO É A CURVA DE APRENDIZADO (INICIANTE A
EXPERT) POR PERSONA?
6. QUE INTERFACE(S) O PRODUTO USA? QUANDO E COMO?
7. ELE TEM PAINEL DE CONTROLE? QUAL É O WIREFRAME?
![Page 127: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/127.jpg)
FIM
![Page 128: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/128.jpg)
TAREFAS:
![Page 129: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/129.jpg)
GDOCSATUALIZE SEU PROJETO, “CALIBRADO”
PELA CLASSE. DESCREVA SUA PROPOSTA
DE ANO, QUAL O CONTEXTO E PROBLEMA
A ABORDAR. FUNDAMENTE COM
BIBLIOGRAFIAS DE AULAS ANTERIORES
OU PAPERS.
FONTES PODEM SER BUSCADAS EM
SCHOLAR.GOOGLE.COM
![Page 130: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/130.jpg)
GDOCSDE ONDE VIRÃO SEUS DADOS? QUE APIS
VOCÊ PRETENDE USAR, E QUE DADOS
VOCÊ PRETENDE USAR DE CADA API?
FONTES PODEM SER BUSCADAS EM
PROGRAMMABLEWEB.COM/APIS
![Page 131: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/131.jpg)
PALESTRAS TED:HANNAH FRY: THE MATHEMATICS OF LOVE
AARON KOBLIN: VISUALIZING OURSELVES WITH
CROWD-SOURCED DATA
NOREENA HERTZ: HOW TO USE EXPERTS
KEVIN ALLOCCA: WHY VIDEOS GO VIRAL
STEVEN LEVITT: FREAKONOMICS OF CRACK DEALING
AL GORE: AVERTING THE CLIMATE CRISIS
![Page 132: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/132.jpg)
DOCUMENTÁRIOS:EVERYTHING IS A REMIX
FORECASTING, PHILIP TETLOCK
FUTURESCAPE - S01 E01, 03 E 04
![Page 133: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/133.jpg)
LEITURASTHE NEXT 100 YEARS - CAPS 7 E 8
WHAT TECHNOLOGY WANTS - CAPS 13 E 14
THE FUTURE: 6 DRIVERS OF CHANGE - CAPS
FUTURE PERFECT - CAP 6
FUTURE, DECLASSIFIED - CAPS 3 E 4
THE NEW DIGITAL AGE - CAPS 1 E 2
THE NEXT DECADE - CAPS 1 E 3
PRESENT SHOCK - CAPS 1 E 4
![Page 134: Aula CRP-0420-2016-09-UX (2)](https://reader031.vdocuments.net/reader031/viewer/2022030304/5877353d1a28ab342e8b46cb/html5/thumbnails/134.jpg)
PENSADOR DO TEMA:GEORGE FRIEDMAN - BIT.LY/CD08-1
DOUGLAS RUSHKOFF - HTTPS://
YOUTU.BE/DQKQKCE1XL0