Projeto de Interfaces - Aula 01
-
Upload
carlos-rosemberg-maia-de-carvalho -
Category
Design
-
view
10.618 -
download
5
description
Transcript of Projeto de Interfaces - Aula 01
![Page 1: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/1.jpg)
Projeto de Interfaces
Especialização em Engenharia de Software com Ênfase em Padrões de Software Universidade Estadual do Ceará
AULA 01
Carlos Rosemberg
![Page 3: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/3.jpg)
ExposiçãoInteraçãoTrabalhos em sala de aula
A metodologia que vamos usar
![Page 4: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/4.jpg)
Nosso tempo está dividido desta forma
Aula 1 Porque estamos aqui?Aula 2 Entendendo o problemaAula 3 Criando soluçõesAula 4 Avaliando o que foi criado
![Page 5: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/5.jpg)
Aula 1
Porque estamos aqui
...ou a importância da interface com o usuário nos dias de hoje
?
![Page 6: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/6.jpg)
Espere um minuto.
Interface com o usuário?
Antes, vamos falar um pouco de ...
![Page 7: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/7.jpg)
Experiência do Usuário
![Page 8: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/8.jpg)
óri
Como assim Experiência?
Vamos usar como exemplo as festas de aniversário...
![Page 9: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/9.jpg)
À moda antiga
Com os ingredientes
certos se faz um ótimo bolo!
![Page 10: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/10.jpg)
Aniversário prático
Para que se preocupar com ingredientes, se você pode
comprar o pó para bolo?
![Page 11: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/11.jpg)
Bolo em pó? Por que não encomendar o bolo na confeitaria?
Aniversário ainda mais prático
![Page 12: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/12.jpg)
Nada de bolo pronto. Vamos contratar é a festa completa!
Aniversário profissional
![Page 13: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/13.jpg)
Qual desses aniversários tem a maior probabiblidade de ser
inesquecível?
![Page 14: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/14.jpg)
O que proporcionaa melhor EXPERIÊNCIA.
![Page 15: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/15.jpg)
O que faz a pessoa...
Se sentir como gostaria;Se envolver, perder a noção do tempo;Entender que vale a pena estar ali...
... E não se incomodar em pagar um pouco a mais por isso. $
![Page 16: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/16.jpg)
Posição competitiva
Diferenciada
Sem diferenciação
PrecificaçãoMercado Premium
Necessidades das pessoas
Irrelevante
Relevante
ExtrairMercadorias
FabricarProdutos
FornecerServiços
DirigirExperiências
A progressão dos valores econômicos
![Page 17: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/17.jpg)
Ou seja, não venda o bolo. Venda a festa.
O bolo você dá de brinde.
![Page 18: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/18.jpg)
Mas nem tudo é aniversário.Os tipos de experiência podemvariar bastante...
![Page 19: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/19.jpg)
![Page 20: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/20.jpg)
![Page 21: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/21.jpg)
![Page 22: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/22.jpg)
![Page 23: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/23.jpg)
Agora está mais fácil entender o que é a tal deExperiência do Usuário
![Page 24: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/24.jpg)
User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design.
uxnet.org
“
”
![Page 25: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/25.jpg)
Ok, então como projetar experiências de sucesso?
![Page 26: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/26.jpg)
É quase impossível projetar experiências por completo
... visto que são eventos complexos, únicos e individuais.
![Page 27: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/27.jpg)
Mas, conhecendo bem os elementos que as compõem,
é possível viabilizá-las sob um certo controle, para gerar resultados pré-determinados.
![Page 28: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/28.jpg)
MEX Modelo Genérico de Experiência do Usuário
![Page 29: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/29.jpg)
Indivíduo
Quem é seu usuário? O que ele pensa? Do que gosta? O que sabe? Do que é capaz ou incapaz?
![Page 30: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/30.jpg)
AtividadesO que o usuário deseja ou necessita fazer?Quais seus objetivos?
![Page 31: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/31.jpg)
Artefatos
Quais as características dos objetos que compõem a experiência? Qual sua aparência, sua usabilidade?
![Page 32: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/32.jpg)
Interações
Como o usuário interage com os artefatos em sua volta?Quais estímulos ocorrem? Que sentidos são envolvidos?
![Page 33: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/33.jpg)
Momentos
Quais os estágios da experiência? Onde começa, onde termina?O usuário consegue se envolver de fato?
![Page 34: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/34.jpg)
ContextoQual a situação em curso?Em quais condições ambientais a experiência ocorre?
![Page 35: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/35.jpg)
Hora da prática!
Descreva 2 experiências marcantes, uma “boa” e outra “ruim”, envolvendo o uso de softwares ou equipamentos eletrônicos. Guie-se pelo MEX.
Vale 1 ponto para somar na nota final.
Os 2 melhores trabalhos ganham 3 pontos.
![Page 36: Projeto de Interfaces - Aula 01](https://reader030.fdocumentos.tips/reader030/viewer/2022020110/55669132d8b42a51558b4e7b/html5/thumbnails/36.jpg)
Obrigado e até quarta, pontualmente às 19:00, nesta sala.