Usabilité m-commerce<br />Journée internationale de l’usabilité<br />12/11/2009<br />
Sommaire<br />Présentation Backelite<br />Contexte Internet mobile : le décollage enfin<br />Contexte Internet mobile : un...
Présentation Backelite<br />
Backelite en quelques mots<br />Créée en 2006, Backelite est une société de conseil et de développement de services multim...
Le contexte Internet mobile<br />
Contexte Internet mobile : enfin le décollage !<br />6<br />Usabilité & m-commerce<br />Un marché en pleine (ré)volution<b...
Contexte Internet mobile : un univers hyper fragmenté <br />7<br />Usabilité & m-commerce<br />
L’usabilité au service d’un environnement contraint<br />Tailles d&apos;écrans et résolutions très variables (1 à 3)<br />...
Ergonomie mobile: la quadrature du cercle ?<br />9<br />Usabilité & m-commerce<br />
Parc mobile du minitel à l’ordinateur dernier cri<br />10<br />Usabilité & m-commerce<br />
Le paradoxe de l’usabilité pour l’Internet mobile<br />11<br />Usabilité & m-commerce<br />
Le paradoxe de l’usabilité pour l’Internet mobile (suite)<br />12<br />Usabilité & m-commerce<br />
Usabilité et mobilité : quelques questions clés avant de démarrer un projet<br />Qui cible-t-on ? Le service doit-il march...
Bonnes pratique / application au m-commerce <br />Ne pas negliger l&apos;existant <br />conserver les mêmes codes graphiqu...
15<br />Usabilité & m-commerce<br />Basic<br />Advanced<br />Touch<br />- Utilisation des capacités techniques de chaque m...
TEXTE<br />DON&apos;t<br />16<br />Usabilité & m-commerce<br />DO&apos;s<br />Texte 13 pxinterligne 18px<br />Texte 10 pxi...
TEXTE<br />17<br />Usabilité & m-commerce<br />Gestion de la taille du texte<br />
Gestion des effets<br />18<br />Usabilité & m-commerce<br />Gestion des effets<br />
UN BESOIN = UN CLAVIER<br />Les différents claviers de l&apos;iPhone<br />19<br />Usabilité & m-commerce<br />
20<br />Usabilité & m-commerce<br />Accompagnement de l’utilisateur<br />
Etude de cas<br />
Use case 1 : vsc mobile<br />L&apos;existant<br />22<br />Usabilité & m-commerce<br />
Reprise des codes, personnalisation et services pragmatiques<br />23<br />Usabilité & m-commerce<br />
Navigation simplifiée<br />24<br />Usabilité & m-commerce<br />
25<br />Usabilité & m-commerce<br />
Merci<br />26<br />Usabilité & m-commerce<br />
Prochain SlideShare
Chargement dans…5
×

WUD 2009 Paris : Utilisabilité et m-commerce

3 222 vues

Publié le

Intervention de Vincent Frattaroli et Romain Landsberg lors de la Journée Mondiale de l'Utilisabilité 2009 à Paris.

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

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

Aucune remarque pour cette diapositive
  • HTML 5 le futur du web mobile pourquoi?
  • Les effets doivent faciliter la perception dans l’avancée d’un parcours client.Respecter le sens de navigationNe pas utiliser d’effet ostentatoire à mauvais escientUtilisation des effets pour l’ajout au panier
  • Lors d’un parcours client le mobinaute doit remplir de nombreuses informations.Proposer le meilleur outils pour faciliter la saisie d’infos.Ici les différents claviers de l’iPhoneAutres exemples les différentes roulettes ou la geolocalisation pour une adresse.
  • Reprise de la charte graphique et des noms utilisés sur le site webPersonnalisation du servicePragmatisme des services proposés (première version avec promo + mis en avant)
  • AutocomplessionCarte de France cliquable avec les 15 gares les plus demandéesProposition d’un calendrier (zone tactile adaptée)
  • Les actions pour avancer sont mise en avantPaiement faciliter. Mais on ne conserve pas les données bancairesConfirmation immediate par mail
  • WUD 2009 Paris : Utilisabilité et m-commerce

    1. 1. Usabilité m-commerce<br />Journée internationale de l’usabilité<br />12/11/2009<br />
    2. 2. Sommaire<br />Présentation Backelite<br />Contexte Internet mobile : le décollage enfin<br />Contexte Internet mobile : un univers technologique fragmenté<br />L&apos;usabilité : une nécessité dans un univers contraint<br />Etat de l&apos;art<br />Les bonnes pratiques (do&apos;s & don&apos;ts)<br />Etude de cas<br />2<br />Usabilité & m-commerce<br />
    3. 3. Présentation Backelite<br />
    4. 4. Backelite en quelques mots<br />Créée en 2006, Backelite est une société de conseil et de développement de services multimédia mobiles :<br />Conseil en marketing, ergonomie et technologies mobile<br />Intégrateur de solutions mobiles à forte valeur ajoutée <br />Backelite est leader en France dans le développement d’applications iPhone pour les marques (15 réalisations – 4 M de téléchargements)<br />Une équipe de 40 personnes pour accompagner nos clients<br />4<br />Usabilité & m-commerce<br />
    5. 5. Le contexte Internet mobile<br />
    6. 6. Contexte Internet mobile : enfin le décollage !<br />6<br />Usabilité & m-commerce<br />Un marché en pleine (ré)volution<br />Nouvelles technos …. nouveaux acteurs … nouveaux contenus<br />Quelques chiffres…<br />Audience sur les sites hébergés par Backelite<br />X 3 en 18 mois<br />Téléchargements sur l’AppStore<br />2mds en 16 mois<br />UtilisateursFacebook mobile<br />65 millions<br />Ratio visitesmobiles / web <br />Jusque 15%<br />des connexions<br />
    7. 7. Contexte Internet mobile : un univers hyper fragmenté <br />7<br />Usabilité & m-commerce<br />
    8. 8. L’usabilité au service d’un environnement contraint<br />Tailles d&apos;écrans et résolutions très variables (1 à 3)<br />Modèles tactile ou non, avec ou sans clavier<br />Navigation portrait et/ou paysage<br />Débits très variables (entre le métro et chez soi avec son wifi : de 30 kbit/s à plusieurs Mbit/s)<br />Fonctionnalités avancées variables (GPS, TV etc.)<br />Performance des navigateurs variables<br />Technologies embarquées propres à chaque OS<br />8<br />Usabilité & m-commerce<br />
    9. 9. Ergonomie mobile: la quadrature du cercle ?<br />9<br />Usabilité & m-commerce<br />
    10. 10. Parc mobile du minitel à l’ordinateur dernier cri<br />10<br />Usabilité & m-commerce<br />
    11. 11. Le paradoxe de l’usabilité pour l’Internet mobile<br />11<br />Usabilité & m-commerce<br />
    12. 12. Le paradoxe de l’usabilité pour l’Internet mobile (suite)<br />12<br />Usabilité & m-commerce<br />
    13. 13. Usabilité et mobilité : quelques questions clés avant de démarrer un projet<br />Qui cible-t-on ? Le service doit-il marcher sur tous les mobiles ? Quel est le parc mobile de mes clients?<br />Quel intérêt pour l&apos;utilisateur d&apos;accéder en mobilité ? Quels services sont pragmatiques en mobilité?<br />Quel lien entre le site web et la version mobile ?<br />Mes équipes ont-elles une connaissance de l&apos;internet mobile<br />Une approche &quot;image&quot;, &quot;efficacité&quot;; premium ou low cost ?<br />Quel est le mobile du patron de la société ?<br />13<br />Usabilité & m-commerce<br />
    14. 14. Bonnes pratique / application au m-commerce <br />Ne pas negliger l&apos;existant <br />conserver les mêmes codes graphiques, naming…<br />Personnalisation naturelle du service<br />l&apos;application mobile doit coller aux usages de son utilisateur, mise en avant des historiques, propositions de cross selling.<br />Utiliser les outils adequats <br />Les demandes dans un parcours de m-commerce sont variées (adresse, numéro de téléphone, mail, taille……) pour une meilleure usabilité utiliser les outils adéquat ( geoloc, différents claviers….)<br />Gérer les temps de chargement et les cas d&apos;erreurs<br />Quantifier graphiquement les temps de chargements<br />Indiquer clairement les erreurs et ce qui est attendu<br />Baliser la navigation<br />Afficher clairement l’étape (fil d’ariane, retours)<br />Respecter les bonnes pratiques &quot;classiques&quot; : taille police, transition etc.<br />14<br />Usabilité & m-commerce<br />
    15. 15. 15<br />Usabilité & m-commerce<br />Basic<br />Advanced<br />Touch<br />- Utilisation des capacités techniques de chaque mobile, notamment du JS (limitation écrans/ temps chargement)<br />- Poids des pages 10 à 30 ko<br />DO’s<br />
    16. 16. TEXTE<br />DON&apos;t<br />16<br />Usabilité & m-commerce<br />DO&apos;s<br />Texte 13 pxinterligne 18px<br />Texte 10 pxinterligne 12px<br />
    17. 17. TEXTE<br />17<br />Usabilité & m-commerce<br />Gestion de la taille du texte<br />
    18. 18. Gestion des effets<br />18<br />Usabilité & m-commerce<br />Gestion des effets<br />
    19. 19. UN BESOIN = UN CLAVIER<br />Les différents claviers de l&apos;iPhone<br />19<br />Usabilité & m-commerce<br />
    20. 20. 20<br />Usabilité & m-commerce<br />Accompagnement de l’utilisateur<br />
    21. 21. Etude de cas<br />
    22. 22. Use case 1 : vsc mobile<br />L&apos;existant<br />22<br />Usabilité & m-commerce<br />
    23. 23. Reprise des codes, personnalisation et services pragmatiques<br />23<br />Usabilité & m-commerce<br />
    24. 24. Navigation simplifiée<br />24<br />Usabilité & m-commerce<br />
    25. 25. 25<br />Usabilité & m-commerce<br />
    26. 26. Merci<br />26<br />Usabilité & m-commerce<br />

    ×