Happy Path, Sad Path

A journey through warnings, errors, complexity and 🎄 at Captain Train.

Transcript

2. A journey through warnings, errors and Happy Path, Sad Path
3. Captain Train Un site pour acheter des billets de train. Super rapidement.
4. Dans toute l’Europe Captain Train
5. Captain Train Comment conserver la rapidité malgré la complexité ?
6. Happy Path – La recherche
7. Happy Path – La recherche
8. Happy Path – Le Panier
9. Happy Path – Le paiement
10. Happy Path – Le billet
11. Happy Path Simple.
12. Sad Path Tout ne se passe pas toujours aussi bien.
13. Sad Path – La réservation
14. Sad Path – La réservation
15. Sad Path – La réservation
16. Sad Path – La réservation
17. Sad Path – La réservation
18. Sad Path – La réservation
19. Sad Path – La réservation
20. Sad Path – Le Panier
21. Sad Path – Le Panier
22. Sad Path – Le Panier
23. Sad Path – Le paiement
24. Sad Path – Le Paiement
25. Sad Path – Les Billets
26. Sad Path – Les Billets
27. Sad Path – Les Billets
28. Sad Path – Les Billets
29. Sad Path – Les Billets
30. Sad Path – Les Billets
31. Sad Path – Les Billets
32. Sad Path – Les Billets
33. Sad Path – Les Billets
34. Sad Path – Les Billets
35. Happy Path - Sad Path Contraintes métier Gérer la complexité
36. Happy Path - Sad Path • Collecter les informations progressivement Ce qu’on veut
37. Happy Path - Sad Path • Collecter les informations progressivement • Prévenir les confusions fréquentes Ce qu’on veut
38. Happy Path - Sad Path • Collecter les informations progressivement • Prévenir les confusions fréquentes • Informer en cas d’erreur Ce qu’on veut
39. Happy Path - Sad Path Ce qu’on pourrait faire
40. Happy Path - Sad Path Ce qu’on pourrait faire
41. Happy Path - Sad Path Ce qu’on veut vraiment Éviter de faire déteindre le Sad Path sur le Happy Path
42. Happy Path - Sad Path Ce qu’on peut faire à la place • Partir du cas optimiste
43. Happy Path - Sad Path Ce qu’on peut faire à la place • Partir du cas optimiste • Rajouter des étapes seulement si nécessaire
44. Happy Path - Sad Path Ce qu’on peut faire à la place • Partir du cas optimiste • Rajouter des étapes seulement si nécessaire • Contextualiser les messages
45. Happy Path - Sad Path Contextualiser les messages « Ce train ne part pas de la gare demandée. »
46. Happy Path - Sad Path Contextualiser les messages « Ce train ne part pas de la gare demandée. » « Ce train ne part pas de Paris, mais de Massy- Palaiseau, à 30km de Paris. »
47. Happy Path - Sad Path Contextualiser les messages « Pour faire cette opération, contactez votre administrateur. »
48. Happy Path - Sad Path Contextualiser les messages « Pour faire cette opération, contactez votre administrateur. » « Pour ajouter un passager, contactez Delphine ou Jean-Luc. »
49. Happy Path - Sad Path Quelques patterns • Chaîner les dialogues avec des Promesses • Tests d’intégration • Tests utilisateurs
50. Happy Path - Sad Path Chaîner des dialogues avec des promesses function addToCartClicked() { return luggagesDialog.prompt().then(() => {
 return birthdateDialog.prompt(); }).then(() => { return identificationDialog.prompt(); }).then(() => {
 return book(); }); }
51. Happy Path - Sad Path Chaîner des dialogues avec des promesses function payButtonClicked() { return similarTicketDialog.prompt().then(() => {
 return duplicateTicketDialog.prompt(); }).then(() => { return invalidCouponDialog.prompt(); }).then(() => {
 return payDialog.prompt(); }); }
52. Happy Path - Sad Path Tests d’intégration visit('/pay');
 click('Payer'); andThen(function() { assert.present('Le paiement a été refusé'); });
53. Happy Path - Sad Path Tests utilisateurs
54. Happy Path - Sad Path Tests utilisateur
55. Happy Path - Sad Path Tests utilisateur
56. Happy Path - Sad Path Tests utilisateur
57. Happy Path - Sad Path Tests utilisateur
58. Happy Path - Sad Path Tests utilisateur
59. Happy Path - Sad Path Bref • Maîtrisez vos contraintes métier • Simple ≃ rapide
60. Pierre de La Morinerie Frontend Developer — pierre@captaintrain.com
61. Merci ! Pierre de La Morinerie Frontend Developer — pierre@captaintrain.com