Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Afterworkshop #3 : Les outils de prototypage

5,452 views

Published on

Découvrez tous les meilleurs outils de conception d'interface. Du sketching au prototype animé, vous verrez l'ensemble des outils favoris du designer en phase de conception

Published in: Design
  • Be the first to comment

  • Be the first to like this

Afterworkshop #3 : Les outils de prototypage

  1. 1. AFTERWORKSHOP #3 Bienvenue À l’afterworkshop
  2. 2. EXPERTSUX ESPACES FORMATIONS EVENEMENTS AGENCE UX RECRUTEMENT
  3. 3. Qu'est-ce que l’UX? et Ergonomie des interfaces Pauline Thomas et Jules Leclerc User research et user testing Raphael Yharrassary et Sebastien Tanguy Agile UX Nathaniel Richand Créativité Fabienne Silvestre et les artistes Gilles + Françoise Mentoring et Sketch Sebastien Bonneval et Samuel Rousselier —— Les cours et intervenants ——
  4. 4. LE DESIGN SPRINT EN 5 JOURS + 1 JOUR
  5. 5. Pendant 3 jours, 20 stagiaires ont travaillé sur 5 prototypes, à partir de • la découverte et qualification du Brief • des interviews utilisateurs • les ateliers d’idéation • les ateliers de conception • le prototypage et les tests utilisateurs Sensibiliser les 35-45 ans aux enjeux de la retraite
  6. 6. HMW rassurer sans contrainte et être rassurer sans fliquer ?
  7. 7. Pendant 3 jours, 18 stagiaires ont travaillé sur 1 prototype, à partir de • la découverte et qualification du Brief • la recherche utilisateur • les ateliers d’idéation • les ateliers de conception • le prototypage et les tests utilisateurs Donner envie de souscrire à une offre claire et évolutive à travers la consultation des contenus fiables et attractifs
  8. 8. Donner envie de découvrir les … régions de France grâce à un service fiable et flexible qui combine les moyens de transport les plus adaptés à vos besoins où que vous soyez. Pendant 5 jours, 17 stagiaires ont travaillé sur 1 prototype, à partir de • la découverte et qualification du Brief • la recherche utilisateur • les ateliers d’idéation • les ateliers de conception • le prototypage et les tests utilisateurs
  9. 9. Formation UX + Design Sprint 11 au 19 mai 13 au 24 juin Good morning UX 14 Avril / 13 juin Good evening UX 31 Mai Afterworkshop 26 Avril / 1 Juin / 3 Août PROCHAINS ÉVÈNEMENTS UX http://www.meetup.com/fr-FR/Le-Meetup-du-Laptop-UX-Creation/
  10. 10. #afterworkshop @le_laptop @newflux_fr
  11. 11. Les outils de conception d’interface AFTER WORKSHOP #3
  12. 12. Conception d’interface Nouveau Workflow = Depuis quelques petites années…
  13. 13. Il y a quelques années…
  14. 14. La phase de prototypage
  15. 15. Un outil pour chaque étape du process…
  16. 16. Le sketching
  17. 17. Gridprint https://gridprint.in
  18. 18. Sneakpeekit http://sneakpeekit.com
  19. 19. Le design d’interface
  20. 20. Adobe XD http://www.adobe.com/fr/products/experience-design.html BETA VER SIO N
  21. 21. Affinity designer https://affinity.serif.com/fr/designer/
  22. 22. Sketch https://affinity.serif.com/fr/designer/
  23. 23. Un kit UI
  24. 24. http://www.xdguru.com/free-xd-ui-kits/
  25. 25. https://https://www.sketchappsources.com/category/ui.html
  26. 26. Newflux https://newflux.fr/ressources/
  27. 27. Le prototype
  28. 28. Comparatif de prototypes http://www.prototypr.io/prototyping-tools/
  29. 29. Presentator (gratuit) https://presentator.io/fr
  30. 30. evrybo (gratuit) http://evrybo.com
  31. 31. Zoom prototype sketch 1 - les plugins et le workflow
  32. 32. https://www.invisionapp.com/craft
  33. 33. User Flows https://abynim.github.io/UserFlows/
  34. 34. https://animaapp.github.io/Auto-Layout/
  35. 35. https://www.contentsync.io/home
  36. 36. https://zeroheight.com
  37. 37. Zoom prototype sketch 2 - animation et interaction
  38. 38. Principle http://principleformac.com
  39. 39. Framer http://principleformac.com
  40. 40. Flinto https://www.flinto.com
  41. 41. Origami (gratuit) http://origami.design
  42. 42. BONUS des outils pour vos protos
  43. 43. Little Ipsum https://itunes.apple.com/fr/app/littleipsum/id405772121?mt=12 Images libres de droits https://www.pexels.com
  44. 44. Gyphy capture https://giphy.com/apps/giphycapture Bukketapp plugin http://bukketapp.com/
  45. 45. Skich https://evernote.com/intl/fr/skitch/
  46. 46. Le mot de la fin
  47. 47. Est-il facile à prendre en main ? Quelle est sa durée de vie dans le process ? Fait-il partit d’un écosystème ? Quelles sont ses capacités et features ? Quel est le délivrable final ? Sur quelle plateforme ? Quel est son prix ? Ai-je un feeling avec cet outil ? Puis-je travailler en équipe ? Mon équipe est elle prête à s’ouvrir pour ce type d’outil ?
  48. 48. BONUS quelques liens d’inspiration pour vos protos
  49. 49. https://uidb.io/ http://www.checkoutpages.xyz http://www.storepages.xyz http://productpages.xyz http://calltoidea.com http://collectui.com http://www.uiparade.com http://uiohmy.com http://zurb.com/patterntap http://useyourinterface.com http://www.elasticode.com/allapps.php https://capptivate.co http://uimovement.com https://uiinteractions.com http://app-ealing.com
  50. 50. @gentlestache @le_laptop @newflux_fr Rejoignez nous Merci !

×