Il ruolo di UX Engineer rappresenta la sintesi fra design e sviluppo. Nella presentazione ho prima analizzato quali sono le responsabilità e gli strumenti di questa nuova figura professionale, per poi scendere nel pratico con consigli su come utilizzare Angular JS come strumento di prototipazione rapida.
7. User Experience Engineers (UXE) are the synthesis of
design and development. They take Google's most
innovative product concepts and bring them to life in
an effort to push the boundaries of user interface
design.
8. Il ruolo dello
UXE nel team
di design
Creare nuovi
strumenti di
progettazione
Supportare la
progettazione tramite
prototipazione ad alta
fedeltà
Aggiungere
intelligenza ed
automazione al
flusso di lavoro
15. La community è enorme e si
trova qualsiasi tipo di
estensione.
Integra nativamente la
maggior parte degli strumenti
necessari, non si occupa solo
della “view”.
Flessibile
La struttura non è vincolante
al 100% ma è molto facile
scalare.
CompletoDiffuso
01. 02. 03.
Perché Angular?
17. Routing
Poter testare in modo veloce il framework di navigazione è
fondamentale, e UI Router rappresenta il miglior strumento
per la gestione degli stati dell’applicativo. L’uso base non
comporta un overhead rispetto al routing di Angular, un uso
avanzato rende semplice anche applicazioni molto
complesse.
https://github.com/angular-ui/ui-router
18. Contenuti
Il contenuto è un elemento chiave in ogni tipologia di
progetto digitale. Di base si può simulare una base dati
statica all’interno dell’applicativo stesso.Nel caso di
esigenze più complesse, consente in pochi
minuti di avere un database non relazionale integrato e
funzionante.
https://www.firebase.com/
19.
20. # Tip 0
Ricordati che è un prototipo. Performance, eleganza del
codice e scalabilità dell’applicativo non sono importanti.
Non cercare di simulare il risultato finale al 100%. Simula
solo quelle che consente di validare gli assunti di design.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
21. # Tip 1
Non fidarti di $broadcast. Utilizza un servizio per la
comunicazione di dati fra controller e direttive.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
22. # Tip 2
Utilizza un servizio specifico per gli eventi di UI comuni a
tutto l’artefatto (es. menu, loading, logout…)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23. # Tip 3
Padroneggia $q e la gestione degli eventi asincroni.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
24. # Tip 4
Usa uno strumento di scaffolding come Yeoman. Non c’è
bisogno di scoprire l’acqua calda ogni volta.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
25. Usa le tue competenze a
supporto del team,
aiutando a ridurre il lavoro
inutile.