1.
Framer by Framer
Un viaggio step by step nel flusso di lavoro di un designer
THESIGNOF - Vincenzo Petito

2.
Cos’è Framer?

3.
The design tool that does it all.
Design. Prototype. Collaborate.
Framer powers the product teams at
Dropbox, Pinterest, Twitter, and
thousands more.
Framer Website

4.
E sticazzi?

5.
Design
Nesting, Auto-Responsive, SVG, Effetti, Export, Gradienti CSS

6.
Prototype
Auto-Code, Componenti, Animazioni, Documentazione In-App, Editor visuale

7.
Collaboration
Share, Handoff, Live preview, Framer Cloud

8.
Extra

9.
Extra
Integrazione Sketch, Moduli, UI Kit, Gruppo Facebook, Canale Slack

10.
Perchè uso Framer?

11.
Per caso…

12.
Come uso Framer?

13.
Perchè no?
Performance Tab design
> 20 artboard soffre
Mancano i simboli (ancora per poco)
don’t worry, ci sono i moduli
No file ma cartella progetto
Illustrator -> Crea pacchetto
Addio Plugin di Sketch
Runner, Craft, Measure ecc

14.
Prototipare

15.
Perchè si?
High fidelity
feeling di un prodotto (quasi) reale
Utilizzo dei dati
rompere il tuo design prima di iniziare
Poca spesa, massima resa
a volte tanta spesa, poca resa
Design tab
cosi dimentichi di aggiornare il file Sketch
Versioning automatico
giusto per rimuginare sul passato

16.
Testing

17.
I ferri del mestiere
Utenti
colleghi, familiari, cani, gatti, uccelli e topi
Prototipo
cartaceo, high fidelity, col pongo
Meeting room
va bene anche uno sgabuzzino
Webcam
se volete fare lo streaming/registrare
Note.app
se non registrate i test

18.
Struttura
Ogni 2 settimane
se faccio in tempo
3/4 Utenti
meglio 4 tanto uno sarà sicuro uno svampito
30 Minuti/Utente
oltre vi abbioccate
1/2 Moderatori
se ci state nello sgabuzzino

19.
Testare, testare,
testare, testare,
testare…
Non ci resta che piangere - 1984

20.
Essere sicuri del successo di un’idea
senza averla testata è il primo passo
verso il fallimento.

21.
Grazie
THESIGNOF - Vincenzo Petito
Twitter: @vincenzo_petito
Facebook: Vincenzo Petito