SlideShare ist ein Scribd-Unternehmen logo
1 von 27
UX Engineering: il ruolo
dello sviluppo nel design
dell’esperienza utente.
Aprile 2016
FE Ticino
@marcopesani
#uxdev #uxe
10 anni di esperienza nel design
attualmente UX Architect @ Sketchin
Non esistono
compartimenti
stagni
01
Ogni persona
è sempre
coinvolta
02
Tutti sono
responsabili della
qualità finale
03
Non esistono
compartimenti
stagni
01
Ogni persona
è sempre
coinvolta
02
Tutti sono
responsabili della
qualità finale
03
Non esistono
compartimenti
stagni
01
Ogni persona
è sempre
coinvolta
02
Tutti sono
responsabili della
qualità finale
03
Esperienza & Tecnologia
Abbiamo bisogno di persone in grado di pensare a
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.
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
Tools & Frameworks
Software di design con
possibilità di scripting ed
esportazione automatica
Task runner diffuso,
facilmente estendibile e ricco
di librerie ben documentate
Linguaggio standard,
ampiamente supportato su
qualsiasi categoria di dispositivi
UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utente
Angular per la
prototipazione rapida
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?
01 Framework di navigazione
02 Content flow
03 Layout
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
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/
UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utente
# 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
# 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
# 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
# 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
# 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
Usa le tue competenze a
supporto del team,
aiutando a ridurre il lavoro
inutile.
Sfrutta i tuoi strumenti per
dare vita alle idee.
evolving experience over people expectations
Contact us at +41 91.600.26.60 or info@sketchin.ch

Weitere ähnliche Inhalte

Andere mochten auch

How brands are using the PhotoCloud
How brands are using the PhotoCloud How brands are using the PhotoCloud
How brands are using the PhotoCloud David Rose
 
Introducing Ditto, a photo analytics tool for brands
Introducing Ditto, a photo analytics tool for brandsIntroducing Ditto, a photo analytics tool for brands
Introducing Ditto, a photo analytics tool for brandsDavid Rose
 
How Moore’s Law is Influencing Design - from Roadmap 2013
How Moore’s Law is Influencing Design - from Roadmap 2013How Moore’s Law is Influencing Design - from Roadmap 2013
How Moore’s Law is Influencing Design - from Roadmap 2013Gigaom
 
The Integrated Marketing Playbook: How to Create Simplicity from Complexity
The Integrated Marketing Playbook: How to Create Simplicity from ComplexityThe Integrated Marketing Playbook: How to Create Simplicity from Complexity
The Integrated Marketing Playbook: How to Create Simplicity from ComplexityScott Valentine, MBA, CSPO
 
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...SDDMilan
 
The laws of simplicity
The laws of simplicityThe laws of simplicity
The laws of simplicitySandeep Jagtap
 
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity Index
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity IndexSiegel+Gale's BRITE Conference Presentation - Global Brand Simplicity Index
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity IndexSiegel+Gale
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of InteractionMike Kruzeniski
 
バズワード大戦2015~この先生きのこる~
バズワード大戦2015~この先生きのこる~バズワード大戦2015~この先生きのこる~
バズワード大戦2015~この先生きのこる~Masahito Zembutsu
 
19 CMOs/CEOs Reveal Big Changes in B2B Marketing
19 CMOs/CEOs Reveal Big Changes in B2B Marketing19 CMOs/CEOs Reveal Big Changes in B2B Marketing
19 CMOs/CEOs Reveal Big Changes in B2B MarketingSiegel+Gale
 
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...Tomohiro Suzuki
 
2008 Benefit St RISD Fair
2008 Benefit St RISD Fair2008 Benefit St RISD Fair
2008 Benefit St RISD FairJohn Maeda
 
Influencers - Don't Find 'em. Make 'em
Influencers - Don't Find 'em. Make 'emInfluencers - Don't Find 'em. Make 'em
Influencers - Don't Find 'em. Make 'emIan Lurie
 
SONCOS breakfast session
SONCOS breakfast sessionSONCOS breakfast session
SONCOS breakfast sessionLucien Engelen
 
Laws of Simplicity, Revisited
Laws of Simplicity, RevisitedLaws of Simplicity, Revisited
Laws of Simplicity, RevisitedJohn Maeda
 

Andere mochten auch (19)

Verum Factum: making the world with language | Andrew Hinton #IIAS15
Verum Factum: making the world with language | Andrew Hinton #IIAS15Verum Factum: making the world with language | Andrew Hinton #IIAS15
Verum Factum: making the world with language | Andrew Hinton #IIAS15
 
Woody guthrie
Woody guthrieWoody guthrie
Woody guthrie
 
Tragic Design
Tragic DesignTragic Design
Tragic Design
 
How brands are using the PhotoCloud
How brands are using the PhotoCloud How brands are using the PhotoCloud
How brands are using the PhotoCloud
 
Introducing Ditto, a photo analytics tool for brands
Introducing Ditto, a photo analytics tool for brandsIntroducing Ditto, a photo analytics tool for brands
Introducing Ditto, a photo analytics tool for brands
 
How Moore’s Law is Influencing Design - from Roadmap 2013
How Moore’s Law is Influencing Design - from Roadmap 2013How Moore’s Law is Influencing Design - from Roadmap 2013
How Moore’s Law is Influencing Design - from Roadmap 2013
 
The Integrated Marketing Playbook: How to Create Simplicity from Complexity
The Integrated Marketing Playbook: How to Create Simplicity from ComplexityThe Integrated Marketing Playbook: How to Create Simplicity from Complexity
The Integrated Marketing Playbook: How to Create Simplicity from Complexity
 
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...
Service Design Drinks Milan #4 - Sketchin - Service design for journalism and...
 
The laws of simplicity
The laws of simplicityThe laws of simplicity
The laws of simplicity
 
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity Index
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity IndexSiegel+Gale's BRITE Conference Presentation - Global Brand Simplicity Index
Siegel+Gale's BRITE Conference Presentation - Global Brand Simplicity Index
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of Interaction
 
バズワード大戦2015~この先生きのこる~
バズワード大戦2015~この先生きのこる~バズワード大戦2015~この先生きのこる~
バズワード大戦2015~この先生きのこる~
 
JavaScript
JavaScriptJavaScript
JavaScript
 
19 CMOs/CEOs Reveal Big Changes in B2B Marketing
19 CMOs/CEOs Reveal Big Changes in B2B Marketing19 CMOs/CEOs Reveal Big Changes in B2B Marketing
19 CMOs/CEOs Reveal Big Changes in B2B Marketing
 
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...
「新規事業の立ち上げにおけるチームビルディングの前提」Service Design Night vol.3 〜 新規事業立ち上げ時のチームビルディ...
 
2008 Benefit St RISD Fair
2008 Benefit St RISD Fair2008 Benefit St RISD Fair
2008 Benefit St RISD Fair
 
Influencers - Don't Find 'em. Make 'em
Influencers - Don't Find 'em. Make 'emInfluencers - Don't Find 'em. Make 'em
Influencers - Don't Find 'em. Make 'em
 
SONCOS breakfast session
SONCOS breakfast sessionSONCOS breakfast session
SONCOS breakfast session
 
Laws of Simplicity, Revisited
Laws of Simplicity, RevisitedLaws of Simplicity, Revisited
Laws of Simplicity, Revisited
 

Ähnlich wie UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utente

La prototipazione
La prototipazioneLa prototipazione
La prototipazioneOana Tatar
 
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023AndreaStagi3
 
GianlucaBonifacioCV_ITA_240117
GianlucaBonifacioCV_ITA_240117GianlucaBonifacioCV_ITA_240117
GianlucaBonifacioCV_ITA_240117Gianluca Bonifacio
 
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...DrupalDay
 
Generazione automatica diagrammi di rete con template pptx
Generazione automatica diagrammi di rete con template pptxGenerazione automatica diagrammi di rete con template pptx
Generazione automatica diagrammi di rete con template pptxGiacomoZorzin
 
Cloud & No-Coding: come fare su Azure?
Cloud & No-Coding: come fare su Azure?Cloud & No-Coding: come fare su Azure?
Cloud & No-Coding: come fare su Azure?Andrea Carratta
 
Caso di successo: Gruppo Zucchetti e Micro Focus
Caso di successo: Gruppo Zucchetti e Micro FocusCaso di successo: Gruppo Zucchetti e Micro Focus
Caso di successo: Gruppo Zucchetti e Micro FocusMicrofocusitalia
 
Agile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAgile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAlberto Mucignat
 
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRLuca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRPMexpo
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTMirko Compagno
 
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili Native
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili NativeUn Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili Native
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili NativeGregorio Perego
 
Develer - Qt Embedded - Introduzione
Develer - Qt Embedded - Introduzione Develer - Qt Embedded - Introduzione
Develer - Qt Embedded - Introduzione Develer S.r.l.
 
Un approccio Frameworkless per sviluppare la tua Single Page Application
Un approccio Frameworkless per sviluppare la tua Single Page ApplicationUn approccio Frameworkless per sviluppare la tua Single Page Application
Un approccio Frameworkless per sviluppare la tua Single Page Applicationextrategy
 
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...Davide Benvegnù
 
Presentazione Tamiazzo09
Presentazione Tamiazzo09Presentazione Tamiazzo09
Presentazione Tamiazzo09gueste37f39
 

Ähnlich wie UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utente (20)

La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
 
Microsoft Fast - Overview
Microsoft Fast - OverviewMicrosoft Fast - Overview
Microsoft Fast - Overview
 
GianlucaBonifacioCV_ITA_240117
GianlucaBonifacioCV_ITA_240117GianlucaBonifacioCV_ITA_240117
GianlucaBonifacioCV_ITA_240117
 
LucianoZu_CV
LucianoZu_CVLucianoZu_CV
LucianoZu_CV
 
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
 
Ux scrum e gilde...
Ux scrum e gilde...Ux scrum e gilde...
Ux scrum e gilde...
 
UX Scrum e... gilde
UX Scrum e... gildeUX Scrum e... gilde
UX Scrum e... gilde
 
Generazione automatica diagrammi di rete con template pptx
Generazione automatica diagrammi di rete con template pptxGenerazione automatica diagrammi di rete con template pptx
Generazione automatica diagrammi di rete con template pptx
 
Cloud & No-Coding: come fare su Azure?
Cloud & No-Coding: come fare su Azure?Cloud & No-Coding: come fare su Azure?
Cloud & No-Coding: come fare su Azure?
 
Caso di successo: Gruppo Zucchetti e Micro Focus
Caso di successo: Gruppo Zucchetti e Micro FocusCaso di successo: Gruppo Zucchetti e Micro Focus
Caso di successo: Gruppo Zucchetti e Micro Focus
 
Agile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAgile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioni
 
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VRLuca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
Luca Cresciullo | Progettazione e realizzazione di ambienti digitali in VR
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERT
 
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili Native
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili NativeUn Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili Native
Un Approccio Model-Driven per lo Sviluppo di Applicazioni Mobili Native
 
Develer - Qt Embedded - Introduzione
Develer - Qt Embedded - Introduzione Develer - Qt Embedded - Introduzione
Develer - Qt Embedded - Introduzione
 
Develer - Qt Embedded - Intro
Develer - Qt Embedded - IntroDeveler - Qt Embedded - Intro
Develer - Qt Embedded - Intro
 
Un approccio Frameworkless per sviluppare la tua Single Page Application
Un approccio Frameworkless per sviluppare la tua Single Page ApplicationUn approccio Frameworkless per sviluppare la tua Single Page Application
Un approccio Frameworkless per sviluppare la tua Single Page Application
 
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...
Real Solutions Day - Progetto e gestione del lavoro: ALM in breve con Visual ...
 
Presentazione Tamiazzo09
Presentazione Tamiazzo09Presentazione Tamiazzo09
Presentazione Tamiazzo09
 

UX Engineering: il ruolo dello sviluppo nel design dell'esperienza utente

  • 1. UX Engineering: il ruolo dello sviluppo nel design dell’esperienza utente. Aprile 2016 FE Ticino
  • 2. @marcopesani #uxdev #uxe 10 anni di esperienza nel design attualmente UX Architect @ Sketchin
  • 3. Non esistono compartimenti stagni 01 Ogni persona è sempre coinvolta 02 Tutti sono responsabili della qualità finale 03
  • 4. Non esistono compartimenti stagni 01 Ogni persona è sempre coinvolta 02 Tutti sono responsabili della qualità finale 03
  • 5. Non esistono compartimenti stagni 01 Ogni persona è sempre coinvolta 02 Tutti sono responsabili della qualità finale 03
  • 6. Esperienza & Tecnologia Abbiamo bisogno di persone in grado di pensare a
  • 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
  • 10. Software di design con possibilità di scripting ed esportazione automatica
  • 11. Task runner diffuso, facilmente estendibile e ricco di librerie ben documentate
  • 12. Linguaggio standard, ampiamente supportato su qualsiasi categoria di dispositivi
  • 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?
  • 16. 01 Framework di navigazione 02 Content flow 03 Layout
  • 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/
  • 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.
  • 26. Sfrutta i tuoi strumenti per dare vita alle idee.
  • 27. evolving experience over people expectations Contact us at +41 91.600.26.60 or info@sketchin.ch