follow-app day 4 - strumenti per la prototipazione
TRANSCRIPT
![Page 1: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/1.jpg)
www.follow-app.it
www.follow-app.it
Follow-App è un'attività sperimentale realizzata da ARTI e QIRIS in collaborazione con la Regione Puglia - programma Bollenti Spiriti nell'ambito dell'iniziativa Innovazione per l’Occupabilità – Azioni a supporto del Piano Straordinario per il Lavoro 2011. PO FSE, Asse VII "Capacità Istituzionale".
PROTOTYPING TOOLS
NICHOLAS CAPORUSSO
![Page 2: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/2.jpg)
www.follow-app.it /33
IL PROCESSO DELLA PROTOTIPAZIONE
Prototyping tools
Dal concept al prototipo al prodotto 2
![Page 3: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/3.jpg)
www.follow-app.it /33
1. progettazione del diagramma dell’interazione
2. disegno dei bozzetti dell’interfaccia (storyboard)
3. implementazione del mock-up
4. test su dispositivo
IL PROCESSO DELLA PROTOTIPAZIONE
Dal concept al prototipo al prodotto 3
![Page 4: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/4.jpg)
www.follow-app.it /33
DIAGRAMMA DELL’INTERAZIONE
Dal concept al prototipo al prodotto 4
![Page 5: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/5.jpg)
www.follow-app.it /33
DISEGNO DEI BOZZETTI (WIREFRAMING)
Dal concept al prototipo al prodotto 5
![Page 6: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/6.jpg)
www.follow-app.it /33
IMPLEMENTAZIONE DEL MOCK-UP
Dal concept al prototipo al prodotto 6
![Page 7: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/7.jpg)
www.follow-app.it /33
TEST SUL DISPOSITIVO
Dal concept al prototipo al prodotto 7
![Page 8: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/8.jpg)
www.follow-app.it /33
STRUMENTI DI PROTOTIPAZIONE
Prototyping tools
Dal concept al prototipo al prodotto 8
![Page 9: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/9.jpg)
www.follow-app.it /33
• Carta e penna
• Grafica per presentazioni
• Elementi vettoriali per programmi di grafica
• Software per il disegno dell’UI
• Software per la generazione di interfacce
• Sistemi di sviluppo collaborativi
STRUMENTI DI PROTOTIPAZIONE
Dal concept al prototipo al prodotto 9
LOW TECH
HIGH TECH
![Page 10: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/10.jpg)
www.follow-app.it /33
CARTA E PENNA
Prototyping tools
Dal concept al prototipo al prodotto 10
![Page 11: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/11.jpg)
www.follow-app.it /33
APPSKETCHBOOK.COM
Dal concept al prototipo al prodotto 11
![Page 12: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/12.jpg)
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 12
![Page 13: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/13.jpg)
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 13
![Page 14: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/14.jpg)
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 14
![Page 15: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/15.jpg)
www.follow-app.it /33
UISTENCILS.COM
Dal concept al prototipo al prodotto 15
![Page 16: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/16.jpg)
www.follow-app.it /33
GRAFICA PER PRESENTAZIONI
Prototyping tools
Dal concept al prototipo al prodotto 16
![Page 17: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/17.jpg)
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 17
![Page 18: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/18.jpg)
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 18
![Page 19: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/19.jpg)
www.follow-app.it /33
KEYNOTOPIA.COM/MEGA-PROTOTYPING-LIBRARY
Dal concept al prototipo al prodotto 19
![Page 20: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/20.jpg)
www.follow-app.it /33
MOCKAPP.COM/M/HOME.HTML
Dal concept al prototipo al prodotto 20
![Page 21: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/21.jpg)
www.follow-app.it /33
UI GRAPHIC ELEMENTS
Prototyping tools
Dal concept al prototipo al prodotto 21
![Page 22: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/22.jpg)
www.follow-app.it /33
BLOG.METASPARK.COM/2009/02/FIREWORKS-TOOLKIT-FOR-CREATING-
IPHONE-UI-MOCKUPS
Dal concept al prototipo al prodotto 22
![Page 23: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/23.jpg)
www.follow-app.it /33
320480.COM
Dal concept al prototipo al prodotto 23
![Page 24: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/24.jpg)
www.follow-app.it /33
FIREWORKS PLUG-INS
Prototyping tools
Dal concept al prototipo al prodotto 24
![Page 25: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/25.jpg)
www.follow-app.it /33
UNITID.NL/2009/04/PROTOTYPING-FOR-THE-IPHONE-USING-FIREWORKS-
CS3/
Dal concept al prototipo al prodotto 25
![Page 26: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/26.jpg)
www.follow-app.it /33
TOOL WEB BASED
Prototyping tools
Dal concept al prototipo al prodotto 26
![Page 27: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/27.jpg)
www.follow-app.it /33
GOMOCKINGBIRD.COM
Dal concept al prototipo al prodotto 27
![Page 28: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/28.jpg)
www.follow-app.it /33
HTTPS://PIDOCO.COM/EN
Dal concept al prototipo al prodotto 28
![Page 29: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/29.jpg)
www.follow-app.it /33
IPHONEMOCKUP.LKMC.CH
Dal concept al prototipo al prodotto 29
![Page 30: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/30.jpg)
www.follow-app.it /33
SISTEMI PER LO SVILUPPO
Prototyping tools
Dal concept al prototipo al prodotto 30
![Page 31: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/31.jpg)
www.follow-app.it /33
IPLOTZ.COM/WHATISIPLOTZ.PHP
Dal concept al prototipo al prodotto 31
![Page 32: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/32.jpg)
www.follow-app.it /33
WWW.BALSAMIQ.COM/PRODUCTS
Dal concept al prototipo al prodotto 32
![Page 33: follow-app DAY 4 - Strumenti per la prototipazione](https://reader034.vdocumenti.com/reader034/viewer/2022052622/558e99151a28ab87708b46c3/html5/thumbnails/33.jpg)
www.follow-app.it /33
WWW.JUSTINMIND.COM/PROTOTYPER/LEARN-COMMUNICATE
Dal concept al prototipo al prodotto 33