SlideShare uma empresa Scribd logo
1 de 38
Comment concevoir une interface sur ma
montre connectée ?
16 juin - Cantine Numérique de Nantes
#UXDMeetup
Baptiste Rongier @brongier
Claire Gallic @clairette5
Qu’est ce qu’une smartwatch ?
#UXDMeetup
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
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 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
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 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
Un peu d’histoire
#UXDMeetup
Source : http://www.businessinsider.co.id/the-smartwatch-and-fitness-band-market-2015-1/#.VXwQmaSsVAw
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
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
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
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
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
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
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
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
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
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
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’UX camp de
Berlin
Retour d’expérience
Arnaud MALON - CIC
#UXDMeetup
MERCI :-)
Des questions ?
#UXDMeetup
Baptiste Rongier @brongier
Claire Gallic @clairette5

Mais conteúdo relacionado

Mais procurados

Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents
Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents
Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents USERADGENTS
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchUSERADGENTS
 
MobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TVMobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TVUSERADGENTS
 
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.beAlexandre Jubien
 
Snapchat : quel intérêt pour les marques ?
Snapchat : quel intérêt pour les marques ? Snapchat : quel intérêt pour les marques ?
Snapchat : quel intérêt pour les marques ? tequilarapido
 
Vigie Piranha Volume 4
Vigie Piranha Volume 4Vigie Piranha Volume 4
Vigie Piranha Volume 4Corinne Dutil
 
Comment d'une idée simple nait une application mobile efficace ?
Comment d'une idée simple nait une application mobile efficace ?Comment d'une idée simple nait une application mobile efficace ?
Comment d'une idée simple nait une application mobile efficace ?CezameConseil
 

Mais procurados (8)

SQLI - Club des DSI - Mobilité
SQLI - Club des DSI - MobilitéSQLI - Club des DSI - Mobilité
SQLI - Club des DSI - Mobilité
 
Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents
Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents
Mobiliteatime #1 : "Smartwatches & Apple Watch: Time to market?" by userADgents
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
 
MobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TVMobiliteaTime #4 : Guide Pratique Apple TV
MobiliteaTime #4 : Guide Pratique Apple TV
 
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be
#MobileRevolution (FR) - Keynote MForum - DigitalWallonia.be
 
Snapchat : quel intérêt pour les marques ?
Snapchat : quel intérêt pour les marques ? Snapchat : quel intérêt pour les marques ?
Snapchat : quel intérêt pour les marques ?
 
Vigie Piranha Volume 4
Vigie Piranha Volume 4Vigie Piranha Volume 4
Vigie Piranha Volume 4
 
Comment d'une idée simple nait une application mobile efficace ?
Comment d'une idée simple nait une application mobile efficace ?Comment d'une idée simple nait une application mobile efficace ?
Comment d'une idée simple nait une application mobile efficace ?
 

Semelhante a UXD #10 - Comment concevoir une interface sur une smartwatch

What'sHOT ?! - Au programme : courses de voitures autonomes et prises de san...
What'sHOT ?! -  Au programme : courses de voitures autonomes et prises de san...What'sHOT ?! -  Au programme : courses de voitures autonomes et prises de san...
What'sHOT ?! - Au programme : courses de voitures autonomes et prises de san...onepoint x weave
 
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018YOODx
 
12 bonnes raisons de ne pas contrôler vos applications
12 bonnes raisons de ne pas contrôler vos applications12 bonnes raisons de ne pas contrôler vos applications
12 bonnes raisons de ne pas contrôler vos applicationsSolutions IT et Business
 
Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015Idean France
 
10 tendances UX Mobile, Application en 2015
10 tendances UX Mobile, Application en 2015 10 tendances UX Mobile, Application en 2015
10 tendances UX Mobile, Application en 2015 servicesmobiles.fr
 
Les tendances technologiques du CES 2016
Les tendances technologiques du CES 2016Les tendances technologiques du CES 2016
Les tendances technologiques du CES 2016Valtech Canada
 
Vigie Piranha, Volume 6
Vigie Piranha, Volume 6Vigie Piranha, Volume 6
Vigie Piranha, Volume 6Corinne Dutil
 
MobiliteaTime #15 : iOS 11
MobiliteaTime #15 : iOS 11MobiliteaTime #15 : iOS 11
MobiliteaTime #15 : iOS 11USERADGENTS
 
Comment optimiser sa stratégie web pour les tablettes ?
Comment optimiser sa stratégie web pour les tablettes ?Comment optimiser sa stratégie web pour les tablettes ?
Comment optimiser sa stratégie web pour les tablettes ?Idean France
 
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014Glasscamp
 
168 fr eb_ebook_consumerisation
168 fr eb_ebook_consumerisation168 fr eb_ebook_consumerisation
168 fr eb_ebook_consumerisationPierre AVRIL
 
Vigie Piranha Volume 2
Vigie Piranha Volume 2Vigie Piranha Volume 2
Vigie Piranha Volume 2Corinne Dutil
 
ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 Alban Oujagir
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...Salon e-tourisme #VeM
 
[ Veille de tendances ] Valtech : Objets connectés
[ Veille de tendances ] Valtech : Objets connectés[ Veille de tendances ] Valtech : Objets connectés
[ Veille de tendances ] Valtech : Objets connectésValtech
 

Semelhante a UXD #10 - Comment concevoir une interface sur une smartwatch (20)

What's Hot - Juin 2016
What's Hot - Juin 2016What's Hot - Juin 2016
What's Hot - Juin 2016
 
What'sHOT ?! - Au programme : courses de voitures autonomes et prises de san...
What'sHOT ?! -  Au programme : courses de voitures autonomes et prises de san...What'sHOT ?! -  Au programme : courses de voitures autonomes et prises de san...
What'sHOT ?! - Au programme : courses de voitures autonomes et prises de san...
 
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018
Mobile First - Vincent Pillet & Asma Moumni - YOODx 2018
 
Tendances 2015
Tendances 2015 Tendances 2015
Tendances 2015
 
12 bonnes raisons de ne pas contrôler vos applications
12 bonnes raisons de ne pas contrôler vos applications12 bonnes raisons de ne pas contrôler vos applications
12 bonnes raisons de ne pas contrôler vos applications
 
Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015Les 10 tendances de la User Experience en 2015
Les 10 tendances de la User Experience en 2015
 
10 tendances UX Mobile, Application en 2015
10 tendances UX Mobile, Application en 2015 10 tendances UX Mobile, Application en 2015
10 tendances UX Mobile, Application en 2015
 
Les tendances technologiques du CES 2016
Les tendances technologiques du CES 2016Les tendances technologiques du CES 2016
Les tendances technologiques du CES 2016
 
Vigie Piranha, Volume 6
Vigie Piranha, Volume 6Vigie Piranha, Volume 6
Vigie Piranha, Volume 6
 
MobiliteaTime #15 : iOS 11
MobiliteaTime #15 : iOS 11MobiliteaTime #15 : iOS 11
MobiliteaTime #15 : iOS 11
 
Comment optimiser sa stratégie web pour les tablettes ?
Comment optimiser sa stratégie web pour les tablettes ?Comment optimiser sa stratégie web pour les tablettes ?
Comment optimiser sa stratégie web pour les tablettes ?
 
Rss lunch Aout 2011
Rss lunch Aout 2011Rss lunch Aout 2011
Rss lunch Aout 2011
 
Eye tracking
Eye trackingEye tracking
Eye tracking
 
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014
Glass Camp - Meetup #15 Presse & Media @Presstalis - Décembre 2014
 
168 fr eb_ebook_consumerisation
168 fr eb_ebook_consumerisation168 fr eb_ebook_consumerisation
168 fr eb_ebook_consumerisation
 
Vigie Piranha Volume 2
Vigie Piranha Volume 2Vigie Piranha Volume 2
Vigie Piranha Volume 2
 
ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1 ESG - Application Mobile - Cours 1
ESG - Application Mobile - Cours 1
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
[ Veille de tendances ] Valtech : Objets connectés
[ Veille de tendances ] Valtech : Objets connectés[ Veille de tendances ] Valtech : Objets connectés
[ Veille de tendances ] Valtech : Objets connectés
 
Weave_Whats_Hot_dec14
Weave_Whats_Hot_dec14Weave_Whats_Hot_dec14
Weave_Whats_Hot_dec14
 

Mais de UXD Meetup

Les usages observés du smartphone - Enquête
Les usages observés du smartphone - EnquêteLes usages observés du smartphone - Enquête
Les usages observés du smartphone - EnquêteUXD Meetup
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD Meetup
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD Meetup
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD Meetup
 
UXD#2 - Atelier Vis ma vie
UXD#2 - Atelier Vis ma vieUXD#2 - Atelier Vis ma vie
UXD#2 - Atelier Vis ma vieUXD Meetup
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD Meetup
 

Mais de UXD Meetup (6)

Les usages observés du smartphone - Enquête
Les usages observés du smartphone - EnquêteLes usages observés du smartphone - Enquête
Les usages observés du smartphone - Enquête
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateur
 
UXD#2 - Atelier Vis ma vie
UXD#2 - Atelier Vis ma vieUXD#2 - Atelier Vis ma vie
UXD#2 - Atelier Vis ma vie
 
UXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience DesignUXD#1 - Lancement des User eXperience Design
UXD#1 - Lancement des User eXperience Design
 

UXD #10 - Comment concevoir une interface sur une smartwatch

  • 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. Qu’est ce qu’une smartwatch ? #UXDMeetup
  • 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. Dans les imaginaires et la fiction #UXDMeetup
  • 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
  • 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. Un peu d’histoire #UXDMeetup Source : http://www.businessinsider.co.id/the-smartwatch-and-fitness-band-market-2015-1/#.VXwQmaSsVAw
  • 9. Pourquoi la smartwatch va envahir nos quotidiens ? #UXDMeetup
  • 15. Comment concevoir une bonne applications ? #UXDMeetup
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. Avec quoi concevoir ? #UXDMeetup
  • 36. The 7 guidelines for greater smartwatch apps in #sketchnotes Thanks @dolbydigger @FrauHoelle ! #uxce15 #UXDMeetup Vu à l’UX camp de Berlin
  • 38. MERCI :-) Des questions ? #UXDMeetup Baptiste Rongier @brongier Claire Gallic @clairette5

Notas do Editor

  1. 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
  2. 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
  3. « 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
  4. 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