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
Prochain SlideShare
Chargement dans…5
×

UXD #10 - Comment concevoir une interface sur une smartwatch

1 604 vues

Publié le

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.

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 604
Sur SlideShare
0
Issues des intégrations
0
Intégrations
414
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Beaucoup de montres intelligentes dédiées à une fonction surtout sportive. L Apple Watch (par exemple) parie par contre sur du mutli-usages (sport, santé, déplacement, communication) et est ancré dans un écosystème existant. C est ce dernier qui déterminera beaucoup le succès des montres. L utilisateur doit être plongé dans un univers cohérent et connecté.

    La mesure continue de nos activités (health, sport...). Du coup, on glisse de manière assez logique vers des montres connectées et un nouvel objet qui fusionne encore plus avec le corps humain
  • Beaucoup de montres intelligentes dédiées à une fonction surtout sportive. L Apple Watch (par exemple) parie par contre sur du mutli-usages (sport, santé, déplacement, communication) et est ancré dans un écosystème existant. C est ce dernier qui déterminera beaucoup le succès des montres. L utilisateur doit être plongé dans un univers cohérent et connecté.

    La mesure continue de nos activités (health, sport...). Du coup, on glisse de manière assez logique vers des montres connectées et un nouvel objet qui fusionne encore plus avec le corps humain
  • « Fear of missing out » => peur de manquer une information. Sorte d incapacité à vivre l’instant présent sans prendre peur de louper d autres moments qui pourraient être mieux ailleurs.
    Concept 2004 - Mc Ginnis, étudiant Harvard - tribune social sur la frénésie des étudiants à participer au max d associations avant d obtenir un diplôme, pour se faire un réseau de fou.
    2 types de comportements liés à la FOMO :
    culture du klout. Montrer que l on sait tout et que l on vit tout au bon moment - Une construction de la e-reputation à ne pas ternir.
    l inverse, sentiment de frustration qui envahit un individu qui voit que ses pairs ont des vies beaucoup plus existante.

    Dérivée auj MOMO : mystère of missing out => il ne se passe rien sur les réseaux de vos amis, pas de notifications => c’est surement qu ils vivent des moments de fous sans vous
  • Nous sommes sommes devenus addict à ses notifications et au temps réel
    Coup d’oeil rapide sur l’info => évite de sortir son téléphone de sa poche (exemple, une nouvelle app permet de consulter l état du réseau mobile et le niveau de batterie)

    Recopier le mobile sur un 2e écran - Moins d effort, on ne loupe rien - Always connecter
    Pluie de notifications : est-ce que seulement les early adopters des smartphones sont murs pour utiliser une smartwatch ? Qui savent gérer cette sur-information ?
    Pour les plus hyperactifs et les gens qui manquent de temps
  • 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

    ×