"comment designer sur l'apple watch" par sylvain rousseau
TRANSCRIPT
![Page 1: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/1.jpg)
Comment designer
Sylvain Rousseau, CTO chez Mr Gabriel, @sylrouss
1
sur l'Apple WatchDépucelage
![Page 2: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/2.jpg)
La promesse2
![Page 3: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/3.jpg)
3
![Page 4: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/4.jpg)
L’inconnu4
![Page 5: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/5.jpg)
Alerter5
![Page 6: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/6.jpg)
L’intuition6
![Page 7: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/7.jpg)
Apple GuidelineForce Touch “…You can use a menu to present relevant actions
to the wearer without taking space away from the current screen.”7
![Page 8: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/8.jpg)
Besoins
• Accès rapide
• Minimiser les fausses alertes
• Pouvoir annuler facilement
8
![Page 9: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/9.jpg)
Comment ?
• Lancer une alerte en 1 clic
• Annuler l’envoi d’une alerte en 1 clic
• De l’importance des Guidelines d’Apple et de l’usage des animations et des groupes
9
![Page 10: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/10.jpg)
10
![Page 11: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/11.jpg)
Et en dev ça donne quoi ?
11
![Page 12: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/12.jpg)
Les modes12
![Page 13: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/13.jpg)
Besoins
• Visible
• Accès rapide
• Setup intuitif
• Feedback visuel lorsque activé
13
![Page 14: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/14.jpg)
Navigation hiérarchique
14
![Page 15: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/15.jpg)
Navigation page-based15
![Page 16: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/16.jpg)
Et après ?
• Pas de composants spécifiques
• Utiliser les composants disponibles: tables, timer, bouton, labels, …
• Avec des animations !
16
![Page 17: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/17.jpg)
17
![Page 18: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/18.jpg)
Et en dev ça donne quoi ?
18
![Page 19: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/19.jpg)
Tout le monde dans le même
sac !Les états de la vue et la
gestion des erreurs
19
![Page 20: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/20.jpg)
Les coups d’oeil20
![Page 21: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/21.jpg)
Les recommandations des Dev Evangelists Apple
• Utiliser les Darwin Notification
• Utiliser le Handoff
• Les données partagées en read-only du côté montre et read-write du côté téléphone
21
![Page 22: "Comment designer sur l'Apple Watch" par Sylvain Rousseau](https://reader034.vdocument.in/reader034/viewer/2022042818/55b6bc50bb61eb064a8b4611/html5/thumbnails/22.jpg)
Merci à tous et en particulier à Joël
Schillio !
22