Sites web mobiles - Pourquoi et comment

1,557 views

Published on

Présentation que j'ai donné dans le cadre de la conférence Linked Québec

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Sites web mobiles - Pourquoi et comment

  1. 1. Sites Web pour Mobiles – Pourquoi et comment?
  2. 2. Pourquoi?
  3. 3. La mobilité Au Canada, 3 personnes sur 4 possèdent un téléphone cellulaire 1 personne sur 4 possède un téléphone intelligent Et les réseaux mobiles qui permettent l ’ accès à Internet sont offerts à 96% de la population
  4. 4. Qui sont les propriétaires de téléphones intelligents?
  5. 5. Les téléphones intelligents VS Cellulaires
  6. 6. L ’ utilisation des téléphones intelligents
  7. 7. L ’ influence des téléphones intelligents 71   % des utilisateurs de téléphones mobiles disent que leur mobile peut changer leur perception face à un produit ou un service 65   % pourraient être influencés par leur mobile à acheter un produit ou un service 80   % pourraient être influencés à chercher de l ’ information sur un produit ou un service 82 % disent que leur mobile est une bonne façon d ’ en apprendre davantage sur des nouveaux produits ou marques
  8. 8. En une semaine 81% vont sur Internet 77% utilisent un moteur de recherche 48% regardent un vidéo 63% utilisent les médias sociaux (FB + Twitter)
  9. 9. «10% de toutes les recherches Google au Canada sont faites à partir d ’ un mobile» - Nectarios Economakis Recherches via mobile
  10. 10. 40 % des recherches effectuées sur mobile sont locales 60% de ces recherches mènent à un appel ou une visite Recherches locales via mobile
  11. 11. Multi-Écrans 40 % des gens naviguent en regardant la télé
  12. 12. Comment?
  13. 13. Besoin - Proximité
  14. 14. Besoin – Tuer le temps
  15. 15. Site mobile ou application mobile
  16. 16. Site mobile ou application mobile
  17. 17. Rapidité <ul><li>Prioriser le contenu susceptible d ’ être utilisé </li></ul><ul><li>Compresser les images et le texte </li></ul><ul><li>Minimiser le nombre de requêtes au serveur </li></ul>
  18. 18. Proximité <ul><li>Mettre adresse & numéro de téléphone </li></ul><ul><li>Inclure des cartes et utiliser la fonction GPS des téléphones </li></ul>
  19. 19. Design <ul><li>Écran beaucoup plus petit </li></ul><ul><li>Pas de zoom </li></ul><ul><li>Utilisation de contrastes entre le fond et le texte </li></ul>
  20. 20. Accessibilité <ul><li>Pas de Flash! </li></ul><ul><li>HTML5 pour animation et/ou interactivité </li></ul><ul><li>S ’ adapter aux changements d ’ orientation </li></ul>
  21. 21. Interaction avec les pouces <ul><li>Gros boutons centrés </li></ul><ul><li>Ajout de padding aux boutons et checkboxes </li></ul>
  22. 22. Simplification de la navigation <ul><li>Pas de rollovers ou menus déroulants </li></ul><ul><li>Mettre en évidence boutons « retour » et « accueil » </li></ul><ul><li>Boîte de recherche sur les sites complexes </li></ul><ul><li>Ajout de padding aux boutons et checkboxes </li></ul>
  23. 23. Aider à la conversion <ul><li>Garder les formulaires simples </li></ul><ul><li>Réduire le nombre d ’ étapes requises pour compléter une transaction </li></ul><ul><li>Simplifier l ’ entrée de données en proposant des listes et menus déroulants </li></ul><ul><li>Utiliser la fonction « Click-to-Call » pour les numéros de téléphones </li></ul>
  24. 24. Redirection <ul><li>Diriger automatiquement les visiteurs mobiles vers votre site mobile </li></ul><ul><li>Offrir l ’ option de revenir vers la version standard, mais doit être facile de revenir vers la version mobile </li></ul><ul><li>iPad != mobile </li></ul>
  25. 25. Codes QR <ul><li>Toujours diriger vos campagnes marketing utilisant un code QR vers un site mobile </li></ul><ul><li>Expliquer aux gens comment utiliser un tel code </li></ul>
  26. 26. L ’ utilisation des codes QR <ul><li>Géolocalisation </li></ul><ul><li>SMS </li></ul><ul><li>Vidéo </li></ul><ul><li>Site Web </li></ul><ul><li>Numéro de téléphone </li></ul><ul><li>Courriel </li></ul><ul><li>Promotion </li></ul><ul><li>Application </li></ul><ul><li>Appel </li></ul><ul><li>Partager son Wi-Fi </li></ul><ul><li>Prendre un rendez-vous </li></ul><ul><li>Ajouter un événement à son calendrier </li></ul><ul><li>Guide d ’ utilisation </li></ul><ul><li>Sondage </li></ul><ul><li>etc. </li></ul>
  27. 27. À propos d ’ Ekomobi <ul><li>Ekomobi est une plate-forme permettant la création de sites web adaptés pour les mobiles </li></ul>
  28. 28. Des questions ? Merci de votre attention Sébastien Giroux Chef de la direction technologique [email_address] http://ekomobi.com http://twitter.com/sebastiengiroux

×