O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

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.

  • Seja o primeiro a comentar

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

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

×