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

2. AFTERWORKSHOP #3
Bienvenue
À l’afterworkshop

4. EXPERTSUX
ESPACES
FORMATIONS
EVENEMENTS
AGENCE UX
RECRUTEMENT

5. 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
——

6. LE DESIGN SPRINT EN 5 JOURS + 1
JOUR

7. 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

8. HMW rassurer sans contrainte et être rassurer sans fliquer ?

9. 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

11. 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

12. 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/

14. #afterworkshop @le_laptop @newflux_fr

15. Les outils de conception
d’interface
AFTER WORKSHOP #3

16. Conception
d’interface
Nouveau
Workflow
=
Depuis quelques petites années…

17. Il y a quelques années…

20. La phase de prototypage

21. Un outil pour chaque étape du process…

22. Le sketching

23. Gridprint
https://gridprint.in

24. Sneakpeekit
http://sneakpeekit.com

25. Le design d’interface

26. Adobe XD
http://www.adobe.com/fr/products/experience-design.html
BETA
VER
SIO
N

27. Affinity designer
https://affinity.serif.com/fr/designer/

28. Sketch
https://affinity.serif.com/fr/designer/

29. Un kit UI

30. http://www.xdguru.com/free-xd-ui-kits/

31. https://https://www.sketchappsources.com/category/ui.html

32. Newflux
https://newflux.fr/ressources/

33. Le prototype

34. Comparatif de prototypes
http://www.prototypr.io/prototyping-tools/

35. Presentator (gratuit)
https://presentator.io/fr

36. evrybo (gratuit)
http://evrybo.com

37. Zoom prototype sketch
1 - les plugins et le workflow

38. https://www.invisionapp.com/craft

39. User Flows
https://abynim.github.io/UserFlows/

40. https://animaapp.github.io/Auto-Layout/

41. https://www.contentsync.io/home

42. https://zeroheight.com

43. Zoom prototype sketch
2 - animation et interaction

45. Principle
http://principleformac.com

46. Framer
http://principleformac.com

47. Flinto
https://www.flinto.com

48. Origami (gratuit)
http://origami.design

49. BONUS
des outils pour vos protos

50. Little Ipsum
https://itunes.apple.com/fr/app/littleipsum/id405772121?mt=12
Images libres de droits
https://www.pexels.com

51. Gyphy capture
https://giphy.com/apps/giphycapture
Bukketapp plugin
http://bukketapp.com/

52. Skich
https://evernote.com/intl/fr/skitch/

53. Le mot de la fin

54. 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 ?

55. BONUS
quelques liens d’inspiration pour vos protos

56. 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

57. @gentlestache
@le_laptop @newflux_fr
Rejoignez nous
Merci !