22
Comment designer Sylvain Rousseau, CTO chez Mr Gabriel, @sylrouss 1 sur l'Apple Watch Dépucelage

"Comment designer sur l'Apple Watch" par Sylvain Rousseau

Embed Size (px)

Citation preview

Page 1: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

La promesse2

Page 3: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

3

Page 4: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

L’inconnu4

Page 5: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Alerter5

Page 6: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

L’intuition6

Page 7: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

Besoins

• Accès rapide

• Minimiser les fausses alertes

• Pouvoir annuler facilement

8

Page 9: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

10

Page 11: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Et en dev ça donne quoi ?

11

Page 12: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Les modes12

Page 13: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Besoins

• Visible

• Accès rapide

• Setup intuitif

• Feedback visuel lorsque activé

13

Page 14: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Navigation hiérarchique

14

Page 15: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Navigation page-based15

Page 16: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

17

Page 18: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

Et en dev ça donne quoi ?

18

Page 19: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

Les coups d’oeil20

Page 21: "Comment designer sur l'Apple Watch" par Sylvain Rousseau

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

Merci à tous et en particulier à Joël

Schillio !

22