Prototipagem de alta fidelidade
-
Upload
gabriel-climaco -
Category
Software
-
view
39 -
download
3
Transcript of Prototipagem de alta fidelidade
![Page 1: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/1.jpg)
Prototipagem de alta fidelidadeNão vou ensinar tudo, vou só dar uma ideia
Métodos de desenvolvimento de SoftwareSeptember 15, 2016
UnB - FGA
![Page 2: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/2.jpg)
Cronograma
1. Conceitos
2. Justinmind
3. Proto.io
4. InVision
5. Outros
6. Como escolher?
1
![Page 3: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/3.jpg)
Conceitos
![Page 4: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/4.jpg)
O que é
• Representação do produto• Detalhes• Funcionalidades• Usabilidade• UI e UX
2
![Page 5: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/5.jpg)
Quando
• Identidade Visual• Validação de ideia• Testar detalhes de UI• Feedback do usuário final• Ganhar ponto extra :)
3
![Page 6: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/6.jpg)
Por quê?
• Teste de usabilidade• Comunicar características• Agrega valor• Custeável (em termos de tempo e recursos)• Menos críticas desnecessárias• Ponto extra
4
![Page 7: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/7.jpg)
Vantagens e desvantagens
• Vantagens• Desvantagens
5
![Page 8: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/8.jpg)
Como
• O que importa
6
![Page 9: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/9.jpg)
Justinmind
![Page 10: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/10.jpg)
Características
• Como funciona• Preço: $29/mês - 30 dias trial• Vantagens• Desvantagens
7
![Page 11: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/11.jpg)
Quem usa
• Adobe• Google• Departamento de Defesa dos Estados Unidos• Internal Revenue Service (Receita Federal Americana)• Sistema de Reserva Federal dos Estados Unidos (Banco CentralAmericano)
• Verizon• Siemens
8
![Page 12: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/12.jpg)
Proto.io
![Page 13: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/13.jpg)
Características
• Como funciona• Preço: $24/mês - 15 dias trial• Vantagens• Desvantagens
9
![Page 14: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/14.jpg)
Quem usa
• Disney• BBC• ESPN• IDEO• Amazon• Evernote• Paypal
10
![Page 15: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/15.jpg)
InVision
![Page 16: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/16.jpg)
Características
• Como funciona• Preço: $22/mês (Ilimitado)• Grátis: 1 projeto• Vantagens• Desvantagens
11
![Page 17: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/17.jpg)
Quem usa
• Twitter• Uber• LinkedIn• Salesforce• Shopify• Evernote• Adobe• Sony• Nike• Zendesk• Soundclound• Huge
12
![Page 18: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/18.jpg)
Outros
![Page 19: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/19.jpg)
Outras ferranentas
• Pixate• Origami (Facebook)• Framer• Axure• Principle• Form• Adobe XD
13
![Page 20: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/20.jpg)
Como escolher?
![Page 21: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/21.jpg)
RÁ!
• https://www.cooper.com/prototyping-tools
14
![Page 22: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/22.jpg)
http://dontpad.com/mds-prototipagem
14
![Page 23: Prototipagem de alta fidelidade](https://reader033.fdocument.pub/reader033/viewer/2022051502/58ed26441a28ab156a8b45e1/html5/thumbnails/23.jpg)
Fim
14