Escolar Documentos
Profissional Documentos
Cultura Documentos
APRENDIZAGEM EM FOCO
INTRODUÇÃO UX/UI
APRESENTAÇÃO DA DISCIPLINA
Autoria: Eduardo Eiji Ono
Leitura crítica: Patrícia Duarte Gonçalves
2
INTRODUÇÃO
3
TEMA 1
Introdução ao UX e design de
produtos
INÍCIO
______________________________________________________________
Autoria: Eduardo Eiji Ono
Leitura crítica: Patrícia Duarte Gonçalves
TEMA 1
TEMA 2
TEMA 3
TEMA 4
DIRETO AO PONTO
5
Figura 1 – Linha do tempo da evolução do design
6
Já o design da experiência do usuário (UX design) trabalha
com o processo de estruturação da interação humano-
computador e busca o melhor desempenho na usabilidade,
acessibilidade e prazer na manipulação do produto ou serviço
desenvolvido.
Referências bibliográficas
7
PARA SABER MAIS
8
Referências bibliográficas
TEORIA EM PRÁTICA
LEITURA FUNDAMENTAL
Indicações de leitura
9
Lorem ipsum dolor sit amet
Indicação 1
Indicação 2
QUIZ
10
Para as avaliações virtuais e presenciais, as questões serão
elaboradas a partir de todos os itens do Aprendizagem em
Foco e dos slides usados para a gravação das videoaulas,
além de questões de interpretação com embasamento no
cabeçalho da questão.
a. Web.
b. De produto.
c. De interface do usuário.
d. Gráfico.
e. De software.
a. De aplicativo.
b. De games.
c. Virtual.
d. De experiência do usuário.
e. De programação.
11
GABARITO
Questão 1 - Resposta C
Resolução: O design de interface do usuário é a área
responsável pela interação gráfica entre o dispositivo e quem
o utiliza.
Questão 2 - Resposta D
Resolução: O design de experiência do usuário avalia
e estrutura a interação homem-computador buscando
melhores resultados na usabilidade, acessibilidade e
experiência do dispositivo.
12
TEMA 2
INÍCIO
______________________________________________________________
Autoria: Eduardo Eiji Ono
Leitura crítica: Patrícia Duarte Gonçalves
TEMA 1
TEMA 2
TEMA 3
TEMA 4
DIRETO AO PONTO
14
Quadro 1 – Tabela com os sete princípios do Design Universal
Princípio Descrição
Equidade. Acessibilidade universal.
Diminuição de barreiras. Design é comunicação.
Flexibilidade. Princípios não são regras fixas.
Tamanho e espaço Responsividade de conteúdos
apropriado para o uso. em diversos dispositivos.
Uso simples e intuitivo. “Menos é mais”1.
Informação perceptível. O conteúdo deve estar
disposto de maneira clara.
Tolerância ao erro. A experiência importa.
Fonte: elaborada pelo autor.
1
Ludwig Mies van der Rohe, 1947.
15
Portanto, conceitos de usabilidade, interação e de experiência do
usuário são e serão princípios utilizados nestas inovações, dando
ao UX e UI designer amplas possibilidades de atuação.
Referências bibliográficas
16
públicos. Esta interação poderá ocorrer por meio do celular, em
totens espalhados em espaços públicos, etc.
Referências bibliográficas
TOWNSEND, A. Smart cities: Big Data, Civic Hackers and the quest
for a New Utopia. Nova York: W. W. Norton Inc., 2013.
TEORIA EM PRÁTICA
17
Para conhecer a resolução comentada proposta pelo
professor, acesse a videoaula deste Teoria em Prática no
ambiente de aprendizagem.
LEITURA FUNDAMENTAL
Indicações de leitura
Indicação 1
Indicação 2
18
QUIZ
Prezado aluno, as questões do Quiz têm como propósito a
verificação de leitura dos itens Direto ao Ponto, Para Saber
Mais, Teoria em Prática e Leitura Fundamental, presentes
neste Aprendizagem em Foco.
a. A acessibilidade universal.
b. A tolerância universal.
c. A universalidade geral.
d. A totalidade.
e. A melhor experiência do usuário.
19
GABARITO
Questão 1 - Resposta C
Resolução: As casas inteligentes possuem um sistema de
monitoramento integrado que pode controlar funções da
casa como o ar condicionado, luz, sistemas de segurança, etc.
Questão 2 - Resposta A
Resolução: O princípio da equidade propõe a acessibilidade
universal, isto é, o designer tem como premissa o
desenvolvimento de projetos para o maior número de
usuários.
20
TEMA 3
Metodologias de pesquisa
INÍCIO
______________________________________________________________
Autoria: Eduardo Eiji Ono
Leitura crítica: Patrícia Duarte Gonçalves
TEMA 1
TEMA 2
TEMA 3
TEMA 4
DIRETO AO PONTO
22
Prevenção de erros. É necessário haver uma interface que
evite ou previna erros do usuário.
Reconhecimento em vez O usuário não tem obrigação de
de memorização. decorar os elementos de um site.
Flexibilidade e eficiência de uso. Eficiência de uso para todos
os tipos de usuário.
Estética e design minimalista. Uma interface digital deve
apresentar simplicidade na
navegação e conteúdo direto.
Reconhecimento, diagnóstico Mensagens de erros devem ser claras.
e recuperação de erros.
Ajuda e documentação. Apesar do cuidado em seguir todas
as recomendações acima, um sistema
ainda pode gerar dúvidas. Por isso, é
necessário implementar documentação.
.
Referências bibliográficas
23
No site corporativo da empresa NN/g Nielsen Norman Group, é
possível ter acesso a textos, vídeos e assuntos afins. Na seção
“Artigos” e “Textos e livros”, há diversas publicações do próprio
Norman e Nielsen além de seus consultores e associados.
Referências bibliográficas
24
NORMAN, D. A. Design emocional: por que adoramos (ou
detestamos) os objetos do dia a dia. 1. ed. Rio de Janeiro: Rocco,
2008.
TEORIA EM PRÁTICA
25
LEITURA FUNDAMENTAL
Indicações de leitura
Indicação 1
Indicação 2
26
QUIZ
27
b. O designer tem que explorar sua criatividade e criar
identidades visuais, imagens e ícones sempre diferentes.
c. A correspondência entre o sistema e o mundo real serve
somente para usuários não nativos de plataformas digitais.
d. A correspondência entre o sistema e o mundo real serve
somente para ícones que correspondam a aparelhos físicos,
como o telefone.
e. A correspondência entre o sistema e o mundo real serve
somente para usuários que vivam em ambos os mundos:
digital e real.
GABARITO
Questão 1 - Resposta C
Resolução: O princípio do feedback estabelece que é
responsabilidade do sistema informar o que o usuário está
fazendo, pois o usuário deve ter segurança para saber onde
ele se encontra e o que pode fazer dentro dessa interface.
Questão 2 - Resposta A
Resolução: O princípio da correspondência entre o sistema
e o mundo real estabelece que é aconselhável que o sistema
apresente elementos como imagens e sons que possuam
relação com o mundo real, pois facilita a identificação das
funções de elementos do sistema com as imagens que a
representam.
28
TEMA 4
INÍCIO
______________________________________________________________
Autoria: Eduardo Eiji Ono
Leitura crítica: Patrícia Duarte Gonçalves
TEMA 1
TEMA 2
TEMA 3
TEMA 4
DIRETO AO PONTO
30
Quadro 1 – Tabela pensamento analítico versus intuitivo
proposto por Roger Martin
Referências bibliográficas
31
PARA SABER MAIS
32
Referências bibliográficas
TEORIA EM PRÁTICA
33
Para conhecer a resolução comentada proposta pelo
professor, acesse a videoaula deste Teoria em Prática no
ambiente de aprendizagem.
LEITURA FUNDAMENTAL
Indicações de leitura
Indicação 1
Indicação 2
34
QUIZ
35
2. Em um primeiro momento, pensar em metodologias de
_____________ utilizando processos de _________, como
_________, colagem e outras técnicas, pode parecer pouco
eficaz, uma perda de tempo ou até mesmo uma atividade
para relaxar, porém metodologias como o Design Thinking
comprovam sua eficácia.
Assinale a alternativa que complete corretamente as lacunas:
GABARITO
Questão 1 - Resposta C
Resolução: O desenho e outras técnicas visuais podem ser
ferramentas de construção não lineares de processos de
inovação dentro do Design Thinking.
Questão 2 - Resposta D
Resolução: Em um primeiro momento, pensar em
metodologias de inovação utilizando processos de design
como desenho, colagem e outras técnicas pode parecer
pouco eficaz, uma perda de tempo ou até mesmo uma
atividade para relaxar, porém, os relatos de Tim Brown em
sua empresa IDEO comprovam sua eficácia.
36
BONS ESTUDOS!