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.
Comment concevoir une interface sur ma
montre connectée ?
16 juin - Cantine Numérique de Nantes
#UXDMeetup
Baptiste Rongie...
Qu’est ce qu’une smartwatch ?
#UXDMeetup
Qu’est ce qu’une smartwatch ?
#UXDMeetupSource : http://www.extremetech.com/computing/188828-samsung-unveils-standalone-ge...
Dans les imaginaires et la fiction
#UXDMeetup
Dans les imaginaires et la fiction
#UXDMeetup
Premières diffusions : 1983-1986
Inspecteur Gadget
Sa nièce Sophie utilise u...
Un peu d’histoire
#UXDMeetup
Un peu d’histoire
#UXDMeetup
1983 - Seiko Data 2000
Display text transferred to them from a keyboard dock via magnetic pul...
Un peu d’histoire
#UXDMeetup
Source : http://www.businessinsider.co.id/the-smartwatch-and-fitness-band-market-2015-1/#.VXw...
Pourquoi la smartwatch va envahir nos
quotidiens ?
#UXDMeetup
#UXDMeetup
#FOMO
#UXDMeetup
Un
monde
de notifications
#UXDMeetup
Exemples de smartwatch
#UXDMeetup
Exemples de smartwatch
#UXDMeetup
Comment concevoir une bonne
applications ?
#UXDMeetup
« Ne confondez pas une smartwatch avec un smartphone »
Quel contenu appartient à votre poignet et lequel ne lui appartient...
1 COMPRÉHENSIBLE AU PREMIER COUP D’ŒIL
Source : Onefootball
On jette souvent un petit coup d’œil à sa montre pour connaîtr...
2 LE CONTEXTE EST ROI
Source : GMail
Pousser les informations pertinentes au bon moment est la clé pour d’une grande
appli...
3 RESPECTER LA VIE PRIVÉE
Source : Android Wear
Un smartwatch est un dispositif très présent.
Comme il est porté toute la ...
4 RÉDUIRE L’UTILISATION DU SMARTPHONE
Source : Apple Passbook
Utiliser un smartphone peut exiger un certain effort, comme ...
5 EVITER LES INPUTS
Source : Apple SMS
La smartwatch est un affichage étendu du smartphone.
La taille d'une smarthwatch n’...
6 LESS IS MORE
Source : Trouver mon smartphone
Sur un écran d'ordinateur, les petits écrans comme les smartwatch apparaiss...
8 ETENDRE L’APPLICATION SMARTPHONE
Source: Lufthansa
Utiliser le contexte pour obtenir des informations spécifiques en un ...
Naturellement, cela conduit à une règle simple:
NE JAMAIS COPIER LES FONCTIONNALITÉS DE
L’APPLICATION SMARTPHONE
#UXDMeetu...
Avec quoi concevoir ?
#UXDMeetup
Guidelines
#UXDMeetup
Guidelines
#UXDMeetup
Templates papier
#UXDMeetup
http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
Templates papier
#UXDMeetup
http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
Template papier
#UXDMeetup
http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
Exemples d’applications
#UXDMeetup
Soundcloud
#UXDMeetup
Bankin’
#UXDMeetup
Voyage-sncf
#UXDMeetup
Amazon
#UXDMeetup
The 7 guidelines for greater smartwatch apps in #sketchnotes
Thanks @dolbydigger @FrauHoelle ! #uxce15
#UXDMeetup
Vu à l’U...
Retour d’expérience
Arnaud MALON - CIC
#UXDMeetup
MERCI :-)
Des questions ?
#UXDMeetup
Baptiste Rongier @brongier
Claire Gallic @clairette5
Upcoming SlideShare
Loading in …5
×

UXD #10 - Comment concevoir une interface sur une smartwatch

1,783 views

Published on

Au lendemain du lancement de l’Apple Watch, l’UXDMeetup se penche sur ce nouveau support avec la participation exceptionnelle du chef de projet des applications sur montre connectée au sein du CIC qui fera le déplacement de Paris. Cette session sera l’occasion certes, de mieux appréhender cet usage émergent, mais surtout de comprendre comment ce grand établissement bancaire s’est emparé du sujet et quels ont été les facteurs clés de ce projet.

Et juste avant d’écouter le retour d’expérience d’Arnaud MALON du CIC, notre équipe vous fera un rapide état de l’art de ce support et vous invitera à débattre autour de la question : comment concevoir une interface sur smartwatch?
Comme à l’accoutumé, un verre sera servi suite à notre présentation afin de poursuivre les échanges.

Published in: Technology
  • Be the first to comment

UXD #10 - Comment concevoir une interface sur une smartwatch

  1. 1. Comment concevoir une interface sur ma montre connectée ? 16 juin - Cantine Numérique de Nantes #UXDMeetup Baptiste Rongier @brongier Claire Gallic @clairette5
  2. 2. Qu’est ce qu’une smartwatch ? #UXDMeetup
  3. 3. Qu’est ce qu’une smartwatch ? #UXDMeetupSource : http://www.extremetech.com/computing/188828-samsung-unveils-standalone-gear-s-3g-smartwatch-awesome-until-the-battery-runs-out-after-an-hour
  4. 4. Dans les imaginaires et la fiction #UXDMeetup
  5. 5. Dans les imaginaires et la fiction #UXDMeetup Premières diffusions : 1983-1986 Inspecteur Gadget Sa nièce Sophie utilise une montre pour - passer des appels en visio - se géo-localiser - utiliser la commande vocal Diffusions : années 80 K2000 Utilisation de la montre pour appeler sa voiture Création : 1995 Toy Story Utilisation de la montre pour contacter sa base
  6. 6. Un peu d’histoire #UXDMeetup
  7. 7. Un peu d’histoire #UXDMeetup 1983 - Seiko Data 2000 Display text transferred to them from a keyboard dock via magnetic pulses 1980s - Casio Calculator watch Must-have gadget 2000 - IBM WatchPad Navigation grâce à une molette Contrôle de d’autres appareils via une connexion bluetooth Commande vocale Consultation de mails, gestion d’agenda, du carnet d’adresses Détecteur d’empreintes digitales pour identifier le propriétaire 2003 - Palm Fossil Wrist PDA TouchScreen & sync with a PC 2004 - Microsoft SPOT Smart personal objects technology Utilisation de la bande FM (voie hertzienne) Push d’informations telles que la météo, la bourse, de courts messages ou encore le trafic routier 2009 - Samsung S9110 Connexion Bluetooth Lecteur audio Commandes vocales Gestion sms/mms Consultation web Calendrier, calculatrice, enregistreur vocal
  8. 8. Un peu d’histoire #UXDMeetup Source : http://www.businessinsider.co.id/the-smartwatch-and-fitness-band-market-2015-1/#.VXwQmaSsVAw
  9. 9. Pourquoi la smartwatch va envahir nos quotidiens ? #UXDMeetup
  10. 10. #UXDMeetup #FOMO
  11. 11. #UXDMeetup Un monde de notifications
  12. 12. #UXDMeetup
  13. 13. Exemples de smartwatch #UXDMeetup
  14. 14. Exemples de smartwatch #UXDMeetup
  15. 15. Comment concevoir une bonne applications ? #UXDMeetup
  16. 16. « Ne confondez pas une smartwatch avec un smartphone » Quel contenu appartient à votre poignet et lequel ne lui appartient pas ? Comment une bonne expérience utilisateur est définie ? Comment obtenir une bonne expérience utilisateur sur une smartwatch ? #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  17. 17. 1 COMPRÉHENSIBLE AU PREMIER COUP D’ŒIL Source : Onefootball On jette souvent un petit coup d’œil à sa montre pour connaître l’heure. Par conséquent, les informations présentes à l’écran doivent être conçues pour ce court moment d’interaction avec sa montre. RECOMMANDATIONS  Limiter les interactions à 5 secondes.  Utiliser des icones avec un wording précis.  Utiliser des mockups papier taille réelle pour vérifier la lisibilité du contenu. #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  18. 18. 2 LE CONTEXTE EST ROI Source : GMail Pousser les informations pertinentes au bon moment est la clé pour d’une grande application. Cependant, du contenu important dans une situation inadéquate peut se perdre. RECOMMANDATIONS  Sélectionner les situations pour enrichir ou simplifier votre application.  Utilisez tous les nouveaux capteurs disponibles pour déterminer le contexte de l'utilisateur.  Utiliser le contexte comme un filtre pour vos notifications. #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  19. 19. 3 RESPECTER LA VIE PRIVÉE Source : Android Wear Un smartwatch est un dispositif très présent. Comme il est porté toute la journée, il crée une liaison physique et émotionnel de l'utilisateur. RECOMMANDATIONS  Respecter la vie privée de l'utilisateur et l'informer que dans des situations appropriées en utilisant le son et les vibrations.  Less is more: Soyez encore plus sensibles à l’utilisations des notifications push que sur une application smartphone. #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  20. 20. 4 RÉDUIRE L’UTILISATION DU SMARTPHONE Source : Apple Passbook Utiliser un smartphone peut exiger un certain effort, comme le sortir de votre poche. Par exemple, écouter les messages du répondeur ou payer avec votre compte Apple Pay. RECOMMANDATIONS  Utiliser des suggestions de réponse simple.  Laisser l’utilisateur réagir aux notifications: Lire plus tard, Voir sur mon téléphone, Supprimer ...  Montrer suffisamment d'informations, pour laisser l'utilisateur décider d’ouvrir ou non son téléphone.. #UXDMeetupSlideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  21. 21. 5 EVITER LES INPUTS Source : Apple SMS La smartwatch est un affichage étendu du smartphone. La taille d'une smarthwatch n’est pas conçue pour plus d'une gesture (swipe, tap). RECOMMANDATIONS  Les inputs devrait être facultatifs.  Remplacer les champs de texte en proposant des modèles et des réponses rapides.  Si la saisie d’un texte long est nécessaire, l’enregistrement vocale devrait être la seule possibilité.  Passez sur l'application smartphone pour plus d'interactions.. #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  22. 22. 6 LESS IS MORE Source : Trouver mon smartphone Sur un écran d'ordinateur, les petits écrans comme les smartwatch apparaissent beaucoup plus grand que leur taille réelle. Une mauvaise prévisualisation peut amener à un mauvais résultat. RECOMMANDATIONS  Plus de fonctions signifient des interactions plus longues - le smartphone est fait pour ça.  Concentrez-vous sur un seul usecase à la fois.  Tester rapidement sur papier. #UXDMeetup #UXDMeetupSlideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  23. 23. 8 ETENDRE L’APPLICATION SMARTPHONE Source: Lufthansa Utiliser le contexte pour obtenir des informations spécifiques en un un coup d'œil. Par exemple: "Combien de temps avant l'embarquement?" ou "Combien de temps cela prend-il pour se rendre à la porte?« Porter votre smartwatch en permanence vous permet d'obtenir des données plus précises et, vous permet d’étendre les fonctionnalités de votre application smartphone RECOMMANDATIONS  Pensez quelles extensions seraient utiles par rapport à l'application smartphone.  Enrichir l‘application smartphone à l'aide des nouvelles données plus précises.  Le contexte est l’élément clé de la smartwatch Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  24. 24. Naturellement, cela conduit à une règle simple: NE JAMAIS COPIER LES FONCTIONNALITÉS DE L’APPLICATION SMARTPHONE #UXDMeetup Slideshare : Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
  25. 25. Avec quoi concevoir ? #UXDMeetup
  26. 26. Guidelines #UXDMeetup
  27. 27. Guidelines #UXDMeetup
  28. 28. Templates papier #UXDMeetup http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
  29. 29. Templates papier #UXDMeetup http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
  30. 30. Template papier #UXDMeetup http://pxdotpt.com/blog/2014/11/16/freebie-2-smartwatch-templates
  31. 31. Exemples d’applications #UXDMeetup
  32. 32. Soundcloud #UXDMeetup
  33. 33. Bankin’ #UXDMeetup
  34. 34. Voyage-sncf #UXDMeetup
  35. 35. Amazon #UXDMeetup
  36. 36. The 7 guidelines for greater smartwatch apps in #sketchnotes Thanks @dolbydigger @FrauHoelle ! #uxce15 #UXDMeetup Vu à l’UX camp de Berlin
  37. 37. Retour d’expérience Arnaud MALON - CIC #UXDMeetup
  38. 38. MERCI :-) Des questions ? #UXDMeetup Baptiste Rongier @brongier Claire Gallic @clairette5

×