Download - Aula 04 - Prototipação
![Page 1: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/1.jpg)
MATERIAIS E PROCESSOS III ELEMENTOS BÁSICOS DO DESIGN DIGITAL
Professor: Alan Vasconcelos
![Page 2: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/2.jpg)
PROTOTIPAÇÃO EM PAPEL
Exercício em sala
![Page 3: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/3.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação em papel
= Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
interface de um sistema (web, app, game, etc...).
![Page 4: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/4.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação em papel
= Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
interface de um sistema (web, app, game, etc...).
• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)
![Page 5: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/5.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação em papel
= Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
interface de um sistema (web, app, game, etc...).
• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)
• É mais legal! (envolve mais pessoas. Além de engajar a equipe,
rabiscar é sempre bom!)
![Page 6: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/6.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação em papel
= Prototipação rápida
• É um método que permite delinear de forma ágil e barata, a
interface de um sistema (web, app, game, etc...).
• É bem barato! (gasta-se, basicamente, papel, lápis e tempo)
• É mais legal! (envolve mais pessoas. Além de engajar a equipe,
rabiscar é sempre bom!).
• Não precisa ser bonito! (Aliás, a proposta é ser ágil. O foco é na
experiência de uso)
![Page 7: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/7.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação é uma disciplina de UX
• UX é a sigla que o mercado adota para User Experience.
Mais detalhes em (http://uxmag.com/)
• Esse assunto será melhor elucidado em Prática Projetual.
• Portanto, não abordaremos questões ligadas à UX em
profundidade, ok?
![Page 8: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/8.jpg)
ALGUNS EXEMPLOS
Baixando as expectativas! :p
![Page 9: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/9.jpg)
![Page 10: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/10.jpg)
![Page 11: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/11.jpg)
![Page 12: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/12.jpg)
![Page 13: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/13.jpg)
PROTOTIPAÇÃO EM PAPEL
Prototipação ajuda o design da interface
• Em alguns escritórios, Design de interface e UX são realizados por
profissionais distintos.
![Page 14: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/14.jpg)
Home
![Page 15: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/15.jpg)
Lista de produtos
![Page 16: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/16.jpg)
Página de conteúdo textual
![Page 17: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/17.jpg)
![Page 18: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/18.jpg)
Home
![Page 19: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/19.jpg)
![Page 20: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/20.jpg)
Lista de produtos
![Page 21: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/21.jpg)
![Page 22: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/22.jpg)
Página de conteúdo textual
![Page 23: Aula 04 - Prototipação](https://reader033.vdocuments.site/reader033/viewer/2022052622/5590b1561a28abdf058b467e/html5/thumbnails/23.jpg)
?