Upload
orsoral
View
261
Download
0
Embed Size (px)
Citation preview
COMPORTEMENTS MOBILES
VRAIS CHALLENGES ET IDÉES REÇUES
Flupa UX Day 2015
2
https://fr.linkedin.com/in/cornelialaros@orsoralhttp://agency.smile.eu/http://realites-paralleles.com/
3
LE MOBILEENJEUX
61%Possède un smartphone
80% des 15-24 ans
1hTemps passé
quotidiennement sur
son smartphone
40%Des utilisateur regardent leur
smartphone au réveil
4
LE MOBILEENJEUX
34%des achats en ligne sont fait en mobilité
31 B $
CA hors dématérialisé en 2016*
2.200 M $
CA sur le store
2.2%Taux de conversion
mobile en France Q1 2015
70% à 114%
du panier moyen sur desktop
STRATÉGIE DE CONTENU
MOBILE
6
CONCEPTION MOBILE STRATEGIE DE CONTENUS
BORED NOW
REPETITIVE NOW
URGENT NOW
7
SOMMAIRE
STRATEGIE DE CONTENU MOBILE
CATACTÉRISTIQUES
DES UTILISATEURS MOBILES
TAILLE DU TEXTE
& LISIBILITÉ
TAILLE DES BOUTONS
& CONFORT D’INTERACTION
EMPLACEMENT DES BOUTONSPRISE EN MAIN
INTERACTIONS MOBILESPOSTURE, LIEU, MAIN
INTERRUPTIONS DE TÂCHES
& MULTI-TÂCHE
UN PHÉNOMÈNE ÉTRANGECONNEXION INTERNET
1
2
3
4
5
6
7
8
8
9
CARACTÉRISTIQUES DES UTILISATEURS MOBILETOUS DES PIRATES!
10
CARACTÉRISTIQUES DES UTILISATEURS MOBILEUN POUCE ET UN ŒIL: BUSY AND DISTRACTED
TAILLE DU TEXTE& LISIBILITÉ
12
TAILLE DU TEXTE & LISIBILITÉUN ŒIL
Vision très nette
Vision moins nette
Vision floue
13
TAILLE DU TEXTE & LISIBILITÉUN ŒIL
14
TAILLE DU TEXTE & LISIBILITÉUN ŒIL
15
TAILLE DU TEXTE & LISIBILITÉ
Excel des familles
Merci à Ira Glickstein
[Retired] Senior System Engineer (Advanced Avionics and Visionics, Route Planning, Decision Aiding, Five Patents ... at IBM
Multi fonctions Panneaux routiers
Sites internet
Smartwatch
A télécharger gratuitement
VISUAL ACUITY AI ADVISOR
TAILLE DES BOUTONS
17
TAILLE DES BOUTONSTAILLE RECOMMANDÉE
44px minimum
Pourquoi pas?
19
TAILLE DES BOUTONS
Classe !
TAILLE RECOMMANÉE
Pas classe !
44px minimum
Pourquoi ?
21
TAILLE DES BOUTONS
ISO 9241–9 : taille des boutons = au minimum la largeur maximum de la dernière phalange de l’index de 95% de la population mâle, soit environ 22mm
1 pouce = 25,4 mm
UN POUCE
22
TAILLE DES BOUTONSUN POUCE
23
TAILLE DES BOUTONS
Barycentre de la zone de contact
L’interaction se fait au niveau d’un « point » et non d’une surface
FONCTIONNEMENT DU TACTILE
24
TAILLE DES BOUTONS
“Based on our findings, we recommend that target sizes should be at least 9.2 mm for single-target tasks and 9.6 mm for multi-target tasks in order to keep the dimensions of the targets as small as possible without decreasing performance and user preference.”
ETUDE DE MICROSOFT
25
TAILLE DES BOUTONS
“Figure 5. The actual tap locations for target s sized 3.8, 5.8, 7.7, and 9.6 mm from left to right. White blocks indicate the true targets with black crosshairs at the centers. Gray dots indicate succe ssful hits, black dots indicate unsuccessful hits, and gray bounding boxes indicate hits that fall within 2 standard deviations of the tap means in the X and Y directions.”
ETUDE DE MICROSOFT
26
TAILLE DES BOUTONS
« Figure 6. Subjective ratings for interacting with dicrete targets in 9 regions of the device. Mean comfort rating (1-7; 7=most comfortable) is shown in the upper left corner of each region, and depth of background color indicates more comfort. White blocs in each cell indicate the mean size, in mm, of the smallest comfortable target in the region. »
ETUDE DE MICROSOFT
27
TAILLE DES BOUTONS
Immobile, attentif, gestes ralentis
En mouvement, peu attentif
Fonction de la distance
Visibilité
Confort
Erreurs
Aucun bénéfice supplémentaire
CONCLUSIONS
28
TAILLE DES BOUTONSCONCLUSIONS
29
TAILLE DES BOUTONSCONCLUSIONS
EMPLACEMENT DES BOUTONS
31
EMPLACEMENT DES BOUTONSACCESSIBILITÉ – VISIBILITÉ – PRÉFÉRENCE
Accessible Visible Préféré
AieEffort
Naturel
Interactions mobiles
33
EMPLACEMENT DES BOUTONSINTERACTIONS MOBILES
34
INTERACTIONS MOBILES
35
INTERACTIONS MOBILES
36
INTERACTIONS MOBILES
37
INTERACTIONS MOBILES ETUDES
Data 1 - Steven Hoober 2 - Cornelia Laros 3 - Cornelia Laros 4 - Cornelia Laros
User action (iddle, talking, interacting Yes Interacting only Interacting onlyPartial: when not intrusive
User position (sitting, standing, walking) Yes Yes Yes Yes
Orientation (Horizontal or vertical ?)Partial : not explicit on all entries
Yes Yes Yes
Holding position (1 hand, 2 hands, craddle) Yes Yes Yes Yes
left/ right handPartial : not explicit on all entries
Not recorded Yes Yes
Low or high position Not recordedPartial: too difficult to tell
Not recorded Not recorded
Thumb, index Yes Yes Not recorded Yes
Location
Airport, bus, train, commute, station, street, mall, voting line
Subway, train, station, commute, street, mall, café
Subway, train, station, commute, street, mall, café
Subway, train, station, commute, street, mall, café
Sample size 780 825 618 110
Observation Discrete Discrete Discrete Time tracking
Data date January 2013 December 2013 February 2014 August 2014
38
INTERACTIONS MOBILES COMPARAISON DES RÉSULTATS
39
INTERACTIONS MOBILES
L’utilisateur mobile, c’est un pouce et un œil index
POUCE VS. INDEX
40
INTERACTIONS MOBILES
50% 15% 15% 20%
ZONES D'ACCESSIBILITÉ
41
INTERACTIONS MOBILES3 PERSONNES SUR 4 ONT UN ÉTUI
42
INTERACTIONS MOBILES
50% 15% 15% 20%
ZONES D'ACCESSIBILITÉ
PORTRAIT OU PAYSAGE ?
44
INTERACTIONS MOBILES
3% des observations
PORTRAIT OU PAYSAGE ?
45
INTERACTIONS MOBILES PORTRAIT OU PAYSAGE ?
UTILISATION EN SITUATION DE MOBILITÉ
47
INTERACTIONS MOBILES
En fonction de la posture….?
En fonction du lieu….?
En fonction de l’activité….?
…
UTILISATION EN SITUATION DE MOBILITÉ
48
INTERACTIONS MOBILES
En fonction de la posture….?
En fonction du lieu….?
En fonction de l’activité….?
…
UTILISATION EN SITUATION DE MOBILITÉ
49
INTERACTIONS MOBILES
Différence statistiquement significative, relation faible
EN FONCTION DE LA POSTURE
Sitting Standing Walking
1 hand 34.62% 53.68% 71.05%
Cradled 48.85% 29.41% 17.11%
2 hands 16.54% 16.91% 11.84%
50
INTERACTIONS MOBILES
Différence statistiquement significative, relation faible
EN FONCTION DE LA POSTURE
Sitting Standing Walking
Thumb 60.27% 81.89% 93.04%
Finger 39.73% 18.11% 6.96%
51
INTERACTIONS MOBILES
35% 17% 8% 40%
ASSIS
52
INTERACTIONS MOBILES
54% 17% 11% 18%
DEBOUT
53
INTERACTIONS MOBILES
71% 12% 11% 6%
EN MARCHANT
54
INTERACTIONS MOBILES
En fonction de la posture….?
En fonction du lieu….?
En fonction de l’activité….?
…
UTILISATION EN SITUATION DE MOBILITÉ
Assis en différents endroits
56
INTERACTIONS MOBILES
30% à 35% 17% 8% à 13% 40%
ASSIS - EN FONCTION DU LIEU
57
INTERACTIONS MOBILES
A approfondir avec une plus grande variété de lieux
ASSIS - EN FONCTION DU LIEU
En marchant en différents endroits
59
INTERACTIONS MOBILES
71% 12% 11% 6%
EN MARCHANT – N’IMPORTE OÙ
60
INTERACTIONS MOBILES
17% 34% 43% 6%
EN MARCHANT – DANS LE MÉTRO
Debout en différents endroits
62
INTERACTIONS MOBILES
16% 53% 26% 5%
DEBOUT – DANS LE MÉTRO
63
INTERACTIONS MOBILES
51% 32% 9% 6%
DEBOUT – EN GARE
64
INTERACTIONS MOBILES
25% 37% 31% 6%
DEBOUT – EN GALLERIE MARCHANDE
65
INTERACTIONS MOBILES
Non significatif
EN FONCTION DU LIEU
Main droite ou main gauche ?
67
INTERACTIONS MOBILES
Je tiens mon téléphone de la main ________ et j’interagis avec la _________. Une étude déclarative de Ben Schwarz.
MAIN DROITE OU MAIN GAUCHE ?
68
INTERACTIONS MOBILES
Entre 40% et 50% des utilisateurs
Utilise sa main gauche pour tenir son smartphone
MAIN DROITE OU MAIN GAUCHE ?
69
INTERACTIONS MOBILES
Entre 17% et 35% des utilisateurs
Utilise sa main gauche pour interagir avec son smartphone
MAIN DROITE OU MAIN GAUCHE ?
70
INTERACTIONS MOBILES
En moyenne
MAIN DROITE OU MAIN GAUCHE ?
12%de la population est
composée de gauchers
50%Utilise sa main gauche
pour tenir son smartphone
28%Utilise sa main gauche pour interagir avec
son smartphone
71
INTERACTIONS MOBILES MAIN DROITE OU MAIN GAUCHE ?
Changement de modalités d’interactions
73
INTERACTIONS MOBILES CHANGEMENT D'INTERACTIONS
INTERRUPTIONS DE TÂCHES
& MULTI-TÂCHES
76
INTERRUPTIONS DE TÂCHES
Lecture ou applidebout
60sTâche
7sInterruption
Vidéo ou jeuassis
80sTâche
16sInterruption
Alterne SMS et jeudebout
50sTâche SMS
80STâche Jeu
MODÉLISATION DES ACTIVITÉS OBSERVÉES
UN PHÉNOMÈNE ÉTRANGE
…
78
INTERACTIONS MOBILES UN PHÉNOMÈNE ÉTRANGE
0s 5s
Au bout de 5s d’attente, un site consulté sur mobile perd 74% des ses visiteurs
79
INTERACTIONS MOBILES
BORED NOW
REPETITIVE NOW
URGENT NOW
UN PHÉNOMÈNE ÉTRANGE
80
INTERACTIONS MOBILES
BORED NOW
REPETITIVE NOW
URGENT NOW
UN PHÉNOMÈNE ÉTRANGE
Connexion internet(DATA)
82
INTERACTIONS MOBILES
Que cherche à faire l’utilisateur ?
1. Accéder à ses e-mails
2. Echanger des SMS / téléphoner
3. Aller sur internet
4. Aller sur les réseaux sociaux
5. Recevoir des actualités
6. Jouer
7. Ecouter de la musique
8. Lire
9. Regarder des vidéos / films
10. Trouver son chemin
11. Lampe de poche
CONNEXION INTERNET
83
INTERACTIONS MOBILES
Que cherche à faire l’utilisateur ?
1. Accéder à ses e-mails
2. Echanger des SMS / téléphoner
3. Aller sur internet
4. Aller sur les réseaux sociaux
5. Recevoir des actualités
6. Jouer
7. Ecouter de la musique
8. Lire
9. Regarder des vidéos / films
10. Trouver son chemin
11. Lampe de poche
CONNEXION INTERNET
84
INTERACTIONS MOBILES CONNEXION INTERNET
Allo ?
Oui, attend, je capte pas bien là, je suis dans le métro…
Tu peux me rappeler sur mon fixe plus tard? Ma torche n’a
bientôt plus de batterie…
85
INTERACTIONS MOBILESCONNEXION INTERNET
Offline, c’est la règleOnline, c’est l’exception
CONCLUSION & SYNTHÈSE
88
CONCLUSION & SYNTHÈSE
Ajuster la
taille du texte à la
distance de lecture
AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS
89
CONCLUSION & SYNTHÈSE
Dé-correller la zone visible et la zone interactive
des boutons
AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS
90
CONCLUSION & SYNTHÈSEIL N'Y A PAS QU'UNE MODALITÉ D'INTERACTION
91
CONCLUSION & SYNTHÈSENE PAS FORCER LE MODE PAYSAGE
92
CONCLUSION & SYNTHÈSEPENSER AUX GAUCHERS
93
CONCLUSION & SYNTHÈSE
Patience : 5’’
Attention : 1’ à 1’30’’
Offline, c’est la règle
L’UTILISATEUR MOBILE EST IMPATIENT
VOUS POUVEZ NOUS
FAIRE UNE APPLI
D’ORIENTATION
PROFESSIONNELLE
POUR LES ÉTUDIANTS
?
MERCI !
96
RÉFÉRENCES
Etudeshttp://www.insee.fr/fr/themes/document.asp?ref_id=ip1452#inter4http://www.zdnet.fr/actualites/les-francais-toujours-plus-equipes-en-smartphones-et-tablettes-39807091.htmhttp://www2.deloitte.com/fr/fr/pages/presse/2014/usages-mobiles-2014.htmlhttp://fr.slideshare.net/dmolsenwvu/developing-a-progressive-mobile-strategyhttp://www.criteo.com/resources/mobile-commerce-q1-2015/http://research.microsoft.com/pubs/75812/parhi-mobileHCI06.pdfUsageshttp://www.agence-csv.com/blog/etude-comportement-mobinautes/http://fr.slideshare.net/agencedagobert/etat-des-lieux-du-mobile-en-france-mai-2012-13015076http://www.mediametrie.fr/internet/solutions/l-audience-de-l-internet-mobile.php?id=93http://www.audiencelemag.com/?article=70http://insights.mobify.com/understanding-mobile-user-experience-the-3-modes-of-mobile-usage/http://www.informationweek.com/mobile/google-lays-out-its-mobile-user-experience-strategy/d/d-id/1053921http://www.smashingmagazine.com/2013/02/25/there-is-no-mobile-internet/http://alistapart.com/article/organizing-mobile/Interactions & accessibilité tactilehttp://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.phphttp://fr.slideshare.net/shoobe01/40min-how-peopleholdtouchconveys-30874671http://realites-paralleles.com/tag/mobile-devices/http://www.lukew.com/ff/entry.asp?1085http://sebastien-gabriel.com/designers-guide-to-dpi/http://www.pompage.net/traduction/ecrans-tactiles-mort-aux-mytheshttps://msdn.microsoft.com/en-us/library/bb158589.aspxhttp://www.uxmatters.com/mt/archives/2013/11/design-for-fingers-and-thumbs-instead-of-touch.phphttp://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.phphttp://germanforblack.com/post/39814923293/phone-in-hand
SOURCES
97
RÉFÉRENCES
Sur le contexte d’utilisation:http://www.journaldunet.com/ebusiness/expert/50961/l-usage-local-des-tablettes--c-est-au-chaud-et-chez-moi.shtmlhttp://adage.com/article/digital/study-consumers-shop-mobile-pcs/243843/Sur la conception des interactionshttp://www.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/http://fr.slideshare.net/henkenbean/principles-of-onboarding
Outils:Visual Acuity AI Advisorhttps://sites.google.com/site/bigira/stuff-ira-knows
POUR ALLER PLUS LOIN