96
COMPORTEMENTS MOBILES VRAIS CHALLENGES ET IDÉES REÇUES Flupa UX Day 2015

Comportements mobiles : vrais challenges & idées reçues

  • Upload
    orsoral

  • View
    261

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Comportements mobiles : vrais challenges & idées reçues

COMPORTEMENTS MOBILES

VRAIS CHALLENGES ET IDÉES REÇUES

Flupa UX Day 2015

Page 2: Comportements mobiles : vrais challenges & idées reçues

2

https://fr.linkedin.com/in/cornelialaros@orsoralhttp://agency.smile.eu/http://realites-paralleles.com/

Page 3: Comportements mobiles : vrais challenges & idées reçues

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

Page 4: Comportements mobiles : vrais challenges & idées reçues

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

Page 5: Comportements mobiles : vrais challenges & idées reçues

STRATÉGIE DE CONTENU

MOBILE

Page 6: Comportements mobiles : vrais challenges & idées reçues

6

CONCEPTION MOBILE STRATEGIE DE CONTENUS

BORED NOW

REPETITIVE NOW

URGENT NOW

Page 7: Comportements mobiles : vrais challenges & idées reçues

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

Page 8: Comportements mobiles : vrais challenges & idées reçues

8

Page 9: Comportements mobiles : vrais challenges & idées reçues

9

CARACTÉRISTIQUES DES UTILISATEURS MOBILETOUS DES PIRATES!

Page 10: Comportements mobiles : vrais challenges & idées reçues

10

CARACTÉRISTIQUES DES UTILISATEURS MOBILEUN POUCE ET UN ŒIL: BUSY AND DISTRACTED

Page 11: Comportements mobiles : vrais challenges & idées reçues

TAILLE DU TEXTE& LISIBILITÉ

Page 12: Comportements mobiles : vrais challenges & idées reçues

12

TAILLE DU TEXTE & LISIBILITÉUN ŒIL

Vision très nette

Vision moins nette

Vision floue

Page 13: Comportements mobiles : vrais challenges & idées reçues

13

TAILLE DU TEXTE & LISIBILITÉUN ŒIL

Page 14: Comportements mobiles : vrais challenges & idées reçues

14

TAILLE DU TEXTE & LISIBILITÉUN ŒIL

Page 15: Comportements mobiles : vrais challenges & idées reçues

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

Page 16: Comportements mobiles : vrais challenges & idées reçues

TAILLE DES BOUTONS

Page 17: Comportements mobiles : vrais challenges & idées reçues

17

TAILLE DES BOUTONSTAILLE RECOMMANDÉE

Page 18: Comportements mobiles : vrais challenges & idées reçues

44px minimum

Pourquoi pas?

Page 19: Comportements mobiles : vrais challenges & idées reçues

19

TAILLE DES BOUTONS

Classe !

TAILLE RECOMMANÉE

Pas classe !

Page 20: Comportements mobiles : vrais challenges & idées reçues

44px minimum

Pourquoi ?

Page 21: Comportements mobiles : vrais challenges & idées reçues

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

Page 22: Comportements mobiles : vrais challenges & idées reçues

22

TAILLE DES BOUTONSUN POUCE

Page 23: Comportements mobiles : vrais challenges & idées reçues

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

Page 24: Comportements mobiles : vrais challenges & idées reçues

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

Page 25: Comportements mobiles : vrais challenges & idées reçues

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

Page 26: Comportements mobiles : vrais challenges & idées reçues

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

Page 27: Comportements mobiles : vrais challenges & idées reçues

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

Page 28: Comportements mobiles : vrais challenges & idées reçues

28

TAILLE DES BOUTONSCONCLUSIONS

Page 29: Comportements mobiles : vrais challenges & idées reçues

29

TAILLE DES BOUTONSCONCLUSIONS

Page 30: Comportements mobiles : vrais challenges & idées reçues

EMPLACEMENT DES BOUTONS

Page 31: Comportements mobiles : vrais challenges & idées reçues

31

EMPLACEMENT DES BOUTONSACCESSIBILITÉ – VISIBILITÉ – PRÉFÉRENCE

Accessible Visible Préféré

AieEffort

Naturel

Page 32: Comportements mobiles : vrais challenges & idées reçues

Interactions mobiles

Page 33: Comportements mobiles : vrais challenges & idées reçues

33

EMPLACEMENT DES BOUTONSINTERACTIONS MOBILES

Page 34: Comportements mobiles : vrais challenges & idées reçues

34

INTERACTIONS MOBILES

Page 35: Comportements mobiles : vrais challenges & idées reçues

35

INTERACTIONS MOBILES

Page 36: Comportements mobiles : vrais challenges & idées reçues

36

INTERACTIONS MOBILES

Page 37: Comportements mobiles : vrais challenges & idées reçues

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

Page 38: Comportements mobiles : vrais challenges & idées reçues

38

INTERACTIONS MOBILES COMPARAISON DES RÉSULTATS

Page 39: Comportements mobiles : vrais challenges & idées reçues

39

INTERACTIONS MOBILES

L’utilisateur mobile, c’est un pouce et un œil index

POUCE VS. INDEX

Page 40: Comportements mobiles : vrais challenges & idées reçues

40

INTERACTIONS MOBILES

50% 15% 15% 20%

ZONES D'ACCESSIBILITÉ

Page 41: Comportements mobiles : vrais challenges & idées reçues

41

INTERACTIONS MOBILES3 PERSONNES SUR 4 ONT UN ÉTUI

Page 42: Comportements mobiles : vrais challenges & idées reçues

42

INTERACTIONS MOBILES

50% 15% 15% 20%

ZONES D'ACCESSIBILITÉ

Page 43: Comportements mobiles : vrais challenges & idées reçues

PORTRAIT OU PAYSAGE ?

Page 44: Comportements mobiles : vrais challenges & idées reçues

44

INTERACTIONS MOBILES

3% des observations

PORTRAIT OU PAYSAGE ?

Page 45: Comportements mobiles : vrais challenges & idées reçues

45

INTERACTIONS MOBILES PORTRAIT OU PAYSAGE ?

Page 46: Comportements mobiles : vrais challenges & idées reçues

UTILISATION EN SITUATION DE MOBILITÉ

Page 47: Comportements mobiles : vrais challenges & idées reçues

47

INTERACTIONS MOBILES

En fonction de la posture….?

En fonction du lieu….?

En fonction de l’activité….?

UTILISATION EN SITUATION DE MOBILITÉ

Page 48: Comportements mobiles : vrais challenges & idées reçues

48

INTERACTIONS MOBILES

En fonction de la posture….?

En fonction du lieu….?

En fonction de l’activité….?

UTILISATION EN SITUATION DE MOBILITÉ

Page 49: Comportements mobiles : vrais challenges & idées reçues

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%

Page 50: Comportements mobiles : vrais challenges & idées reçues

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%

Page 51: Comportements mobiles : vrais challenges & idées reçues

51

INTERACTIONS MOBILES

35% 17% 8% 40%

ASSIS

Page 52: Comportements mobiles : vrais challenges & idées reçues

52

INTERACTIONS MOBILES

54% 17% 11% 18%

DEBOUT

Page 53: Comportements mobiles : vrais challenges & idées reçues

53

INTERACTIONS MOBILES

71% 12% 11% 6%

EN MARCHANT

Page 54: Comportements mobiles : vrais challenges & idées reçues

54

INTERACTIONS MOBILES

En fonction de la posture….?

En fonction du lieu….?

En fonction de l’activité….?

UTILISATION EN SITUATION DE MOBILITÉ

Page 55: Comportements mobiles : vrais challenges & idées reçues

Assis en différents endroits

Page 56: Comportements mobiles : vrais challenges & idées reçues

56

INTERACTIONS MOBILES

30% à 35% 17% 8% à 13% 40%

ASSIS - EN FONCTION DU LIEU

Page 57: Comportements mobiles : vrais challenges & idées reçues

57

INTERACTIONS MOBILES

A approfondir avec une plus grande variété de lieux

ASSIS - EN FONCTION DU LIEU

Page 58: Comportements mobiles : vrais challenges & idées reçues

En marchant en différents endroits

Page 59: Comportements mobiles : vrais challenges & idées reçues

59

INTERACTIONS MOBILES

71% 12% 11% 6%

EN MARCHANT – N’IMPORTE OÙ

Page 60: Comportements mobiles : vrais challenges & idées reçues

60

INTERACTIONS MOBILES

17% 34% 43% 6%

EN MARCHANT – DANS LE MÉTRO

Page 61: Comportements mobiles : vrais challenges & idées reçues

Debout en différents endroits

Page 62: Comportements mobiles : vrais challenges & idées reçues

62

INTERACTIONS MOBILES

16% 53% 26% 5%

DEBOUT – DANS LE MÉTRO

Page 63: Comportements mobiles : vrais challenges & idées reçues

63

INTERACTIONS MOBILES

51% 32% 9% 6%

DEBOUT – EN GARE

Page 64: Comportements mobiles : vrais challenges & idées reçues

64

INTERACTIONS MOBILES

25% 37% 31% 6%

DEBOUT – EN GALLERIE MARCHANDE

Page 65: Comportements mobiles : vrais challenges & idées reçues

65

INTERACTIONS MOBILES

Non significatif

EN FONCTION DU LIEU

Page 66: Comportements mobiles : vrais challenges & idées reçues

Main droite ou main gauche ?

Page 67: Comportements mobiles : vrais challenges & idées reçues

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 ?

Page 68: Comportements mobiles : vrais challenges & idées reçues

68

INTERACTIONS MOBILES

Entre 40% et 50% des utilisateurs

Utilise sa main gauche pour tenir son smartphone

MAIN DROITE OU MAIN GAUCHE ?

Page 69: Comportements mobiles : vrais challenges & idées reçues

69

INTERACTIONS MOBILES

Entre 17% et 35% des utilisateurs

Utilise sa main gauche pour interagir avec son smartphone

MAIN DROITE OU MAIN GAUCHE ?

Page 70: Comportements mobiles : vrais challenges & idées reçues

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

Page 71: Comportements mobiles : vrais challenges & idées reçues

71

INTERACTIONS MOBILES MAIN DROITE OU MAIN GAUCHE ?

Page 72: Comportements mobiles : vrais challenges & idées reçues

Changement de modalités d’interactions

Page 73: Comportements mobiles : vrais challenges & idées reçues

73

INTERACTIONS MOBILES CHANGEMENT D'INTERACTIONS

Page 74: Comportements mobiles : vrais challenges & idées reçues

INTERRUPTIONS DE TÂCHES

& MULTI-TÂCHES

Page 75: Comportements mobiles : vrais challenges & idées reçues

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

Page 76: Comportements mobiles : vrais challenges & idées reçues

UN PHÉNOMÈNE ÉTRANGE

Page 77: Comportements mobiles : vrais challenges & idées reçues

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

Page 78: Comportements mobiles : vrais challenges & idées reçues

79

INTERACTIONS MOBILES

BORED NOW

REPETITIVE NOW

URGENT NOW

UN PHÉNOMÈNE ÉTRANGE

Page 79: Comportements mobiles : vrais challenges & idées reçues

80

INTERACTIONS MOBILES

BORED NOW

REPETITIVE NOW

URGENT NOW

UN PHÉNOMÈNE ÉTRANGE

Page 80: Comportements mobiles : vrais challenges & idées reçues

Connexion internet(DATA)

Page 81: Comportements mobiles : vrais challenges & idées reçues

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

Page 82: Comportements mobiles : vrais challenges & idées reçues

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

Page 83: Comportements mobiles : vrais challenges & idées reçues

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…

Page 84: Comportements mobiles : vrais challenges & idées reçues

85

INTERACTIONS MOBILESCONNEXION INTERNET

Page 85: Comportements mobiles : vrais challenges & idées reçues

Offline, c’est la règleOnline, c’est l’exception

Page 86: Comportements mobiles : vrais challenges & idées reçues

CONCLUSION & SYNTHÈSE

Page 87: Comportements mobiles : vrais challenges & idées reçues

88

CONCLUSION & SYNTHÈSE

Ajuster la

taille du texte à la

distance de lecture

AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS

Page 88: Comportements mobiles : vrais challenges & idées reçues

89

CONCLUSION & SYNTHÈSE

Dé-correller la zone visible et la zone interactive

des boutons

AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS

Page 89: Comportements mobiles : vrais challenges & idées reçues

90

CONCLUSION & SYNTHÈSEIL N'Y A PAS QU'UNE MODALITÉ D'INTERACTION

Page 90: Comportements mobiles : vrais challenges & idées reçues

91

CONCLUSION & SYNTHÈSENE PAS FORCER LE MODE PAYSAGE

Page 91: Comportements mobiles : vrais challenges & idées reçues

92

CONCLUSION & SYNTHÈSEPENSER AUX GAUCHERS

Page 92: Comportements mobiles : vrais challenges & idées reçues

93

CONCLUSION & SYNTHÈSE

Patience : 5’’

Attention : 1’ à 1’30’’

Offline, c’est la règle

L’UTILISATEUR MOBILE EST IMPATIENT

Page 93: Comportements mobiles : vrais challenges & idées reçues

VOUS POUVEZ NOUS

FAIRE UNE APPLI

D’ORIENTATION

PROFESSIONNELLE

POUR LES ÉTUDIANTS

?

Page 94: Comportements mobiles : vrais challenges & idées reçues

MERCI !

Page 95: Comportements mobiles : vrais challenges & idées reçues

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