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

COMPORTEMENTS MOBILES

VRAIS CHALLENGES ET IDÉES REÇUES

Flupa UX Day 2015

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

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

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

CONCEPTION MOBILE STRATEGIE DE CONTENUS

BORED NOW

REPETITIVE NOW

URGENT NOW

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

CARACTÉRISTIQUES DES UTILISATEURS MOBILETOUS DES PIRATES!

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

TAILLE DU TEXTE& LISIBILITÉ

TAILLE DU TEXTE & LISIBILITÉUN ŒIL

Vision très nette

Vision moins nette

Vision floue

TAILLE DU TEXTE & LISIBILITÉUN ŒIL

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

TAILLE DES BOUTONSTAILLE RECOMMANDÉE

44px minimum

Pourquoi pas?

TAILLE DES BOUTONS

Classe !

TAILLE RECOMMANÉE

Pas classe !

44px minimum

Pourquoi ?

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

TAILLE DES BOUTONSUN POUCE

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

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

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

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

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

TAILLE DES BOUTONSCONCLUSIONS

EMPLACEMENT DES BOUTONS

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

Accessible Visible Préféré

AieEffort

Naturel

Interactions mobiles

EMPLACEMENT DES BOUTONSINTERACTIONS MOBILES

INTERACTIONS MOBILES

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é

Sample size 780 825 618 110

Observation Discrete Discrete Discrete Time tracking

Data date January 2013 December 2013 February 2014 August 2014

INTERACTIONS MOBILES COMPARAISON DES RÉSULTATS

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

POUCE VS. INDEX

50% 15% 15% 20%

ZONES D'ACCESSIBILITÉ

INTERACTIONS MOBILES3 PERSONNES SUR 4 ONT UN ÉTUI

50% 15% 15% 20%

ZONES D'ACCESSIBILITÉ

PORTRAIT OU PAYSAGE ?

3% des observations

PORTRAIT OU PAYSAGE ?

INTERACTIONS MOBILES PORTRAIT OU PAYSAGE ?

UTILISATION EN SITUATION DE MOBILITÉ

En fonction de la posture….?

En fonction du lieu….?

En fonction de l’activité….?

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%

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%

35% 17% 8% 40%

54% 17% 11% 18%

DEBOUT

71% 12% 11% 6%

EN MARCHANT

Assis en différents endroits

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

ASSIS - EN FONCTION DU LIEU

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

ASSIS - EN FONCTION DU LIEU

En marchant en différents endroits

71% 12% 11% 6%

EN MARCHANT – N’IMPORTE OÙ

17% 34% 43% 6%

EN MARCHANT – DANS LE MÉTRO

Debout en différents endroits

16% 53% 26% 5%

DEBOUT – DANS LE MÉTRO

51% 32% 9% 6%

DEBOUT – EN GARE

25% 37% 31% 6%

DEBOUT – EN GALLERIE MARCHANDE

Non significatif

EN FONCTION DU LIEU

Main droite ou main gauche ?

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 ?

Entre 40% et 50% des utilisateurs

Utilise sa main gauche pour tenir son smartphone

Entre 17% et 35% des utilisateurs

Utilise sa main gauche pour interagir avec son smartphone

En moyenne

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

INTERACTIONS MOBILES MAIN DROITE OU MAIN GAUCHE ?

Changement de modalités d’interactions

INTERACTIONS MOBILES CHANGEMENT D'INTERACTIONS

& MULTI-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

INTERACTIONS MOBILES UN PHÉNOMÈNE ÉTRANGE

Au bout de 5s d’attente, un site consulté sur mobile perd 74% des ses visiteurs

BORED NOW

REPETITIVE NOW

URGENT NOW

BORED NOW

REPETITIVE NOW

URGENT NOW

Connexion internet(DATA)

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

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

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…

INTERACTIONS MOBILESCONNEXION INTERNET

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

CONCLUSION & SYNTHÈSE

Ajuster la

taille du texte à la

distance de lecture

AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS

Dé-correller la zone visible et la zone interactive

des boutons

AJUSTEZ LA TAILLE DU TEXTE ET DES BOUTONS

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

CONCLUSION & SYNTHÈSENE PAS FORCER LE MODE PAYSAGE

CONCLUSION & SYNTHÈSEPENSER AUX GAUCHERS

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 !

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

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

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

Internet

Idées reçues Idées reçues - lasne.be

Les candidatures reçues

Photos challenges ventu

Le secret des vrais guitaristes

06122012 Challenges

Réponses reçues

Contact Center Challenges

PROJET DEJEPS - challenges academia

10 idées reçues sur la France 10 idées reçues sur la France Octobre 2006

TT Martket Trends & Challenges

Idées reçues - SFORL

Portrait dans Challenges

Les vrais mystères de Paris

ATLAS Data Challenges. Les Data Challenges (DC) en français Challenges des Données ont pour but de Valider: –le modèle dorganisation et dutilisation des

Epidémies, vrais dangers et fausses alertes

Vrais RéSultats

Mf Challenges

Challenges - Résultats ONE 2013

L’ativité patielle - Femmes & Challenges

Réponses aux idées reçues