Your SlideShare is downloading. ×
0
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Webmobile Intracom2007
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Webmobile Intracom2007

448

Published on

Web mobile best practices - Intracom 2007 Montreal by Denis Boudreau, WebConforme

Web mobile best practices - Intracom 2007 Montreal by Denis Boudreau, WebConforme

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
448
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 27 mars 2007 – Intracom Montréal Préparer son site à la vague du Web mobile Bonnes pratiques pour bien s'y prendre Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 2. Introduction Plus qu'une vague de fond, le tsunami du Web mobile est sur le point de frapper nos côtes. Avec la prolifération fulgurante des outils d'accès mobile, la question n'est plus de savoir si l'on doit rendre son site utilisable sur ces plateformes émergentes, mais bien de découvrir rapidement comment y parvenir de la manière la plus abordable, efficace, efficiente et progressive qui puisse nous être proposée. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 3. Qui suis-je? Directeur de WebConforme  Gestion de la qualité technique des sites Web  Bonnes pratiques qualité des services en ligne  Expert invité du ISO SC35-WG  Expert invité du W3C HTML-WG  Directeur d'AccessibilitéWeb  Évaluation et certification de sites Web  Formation et accompagnement des individus  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 4. Sommaire de la présentation Nouveaux contextes d'utilisation  Stratégie et marchés du mobile  Design et architecture informationnelle  Standards du Web mobile  Bonnes pratiques  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 5. Nouveaux contextes d'utilisation Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 6. Nouveaux contextes d'utilisation Le Web a révolutionné la manière dont les gens accèdent à l'information, mais jusqu'à présent, cette révolution avait toujours été exclusivement réservée aux utilisateurs d'ordinateurs. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 7. Nouveaux contextes d'utilisation Le Web a révolutionné la manière dont les gens accèdent à l'information, mais jusqu'à présent, cette révolution avait toujours été exclusivement réservée aux utilisateurs d'ordinateurs. L'arrivée sur le marché de téléphones portables capables d'accéder au Web étend jusqu'à trois fois le bassin d'utilisateurs actuels, de manière à rejoindre près d'un tiers de la population mondiale. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 8. Nouveaux contextes d'utilisation Le Web a révolutionné la manière dont les gens accèdent à l'information, mais jusqu'à présent, cette révolution avait toujours été exclusivement réservée aux utilisateurs d'ordinateurs. L'arrivée sur le marché de téléphones portables capables d'accéder au Web étend jusqu'à trois fois le bassin d'utilisateurs actuels, de manière à rejoindre près d'un tiers de la population mondiale. La vraie révolution du Web est à nos portes et passera inévitablement par l'adoption du mobile. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 9. Autrement dit... ...l'outil d'échange verbal qu'est le téléphone portable est en passe de transcender son état pour devenir un véritable outil de communications intégrées. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 10. Quelques bénéfices du Web mobile Libère l'utilisateur des contraintes d'accès typiquement associées à l'ordinateur ou à une connexion Wifi pour rendre le Web disponible en tout temps et partout où se rend la couverture du service. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 11. Quelques bénéfices du Web mobile Libère l'utilisateur des contraintes d'accès typiquement associées à l'ordinateur ou à une connexion Wifi pour rendre le Web disponible en tout temps et partout où se rend la couverture du service. Étend l'accès global à la connectivité. Un tiers de la population mondiale a accès à un téléphone portable capable d'aller sur le Web – c'est deux fois plus que le nombre d'ordinateurs connectés. On estime que par 2010, c'est une personne sur deux qui aura ainsi accès (Informa Telecoms & Media). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 12. Quelques bénéfices du Web mobile Permet aux services offerts sur le Web d'intégrer les fonctionnalités inhérentes aux téléphones portables comme cliquer sur un numéro de téléphone pour le composer ou l'ajouter à son carnet d'adresse. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 13. Quelques bénéfices du Web mobile Permet aux services offerts sur le Web d'intégrer les fonctionnalités inhérentes aux téléphones portables comme cliquer sur un numéro de téléphone pour le composer ou l'ajouter à son carnet d'adresse. Permet de proposer du contenu trié sur le volet ou adapté en fonction de critères de géolocalisation, ce qui peut considérablement réduire l'effort de recherche demandé à l'utilisateur. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 14. Stratégies et marché du mobile Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 15. D'entrée de jeu... ...pratiquement tous les téléphones portables, même les plus bas de gamme, sont capables d'accéder au Web de nos jours. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 16. D'entrée de jeu... C'est donc dire que tous ces utilisateurs peuvent entrer en contact avec les sites Web dans un contexte de mobilité. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 17. D'entrée de jeu... Le défi de l'adoption n'est plus une question technologique, c'est une question de changements culturels en lien avec les technologies. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 18. Quelques données sur le Web mobile Selon l'association canadienne des télécommunications sans fil (ACTS)... Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 19. Quelques données sur le Web mobile Selon l'association canadienne des télécommunications sans fil (ACTS)... Fin 2006, le Canada comptait plus de 18,4 millions  d'utilisateurs de téléphones portables. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 20. Quelques données sur le Web mobile Selon l'association canadienne des télécommunications sans fil (ACTS)... Fin 2006, le Canada comptait plus de 18,4 millions  d'utilisateurs de téléphones portables. 70 % de la population des grands centres urbains  ont adopté le cellulaire. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 21. Quelques données sur le Web mobile Selon l'association canadienne des télécommunications sans fil (ACTS)... Fin 2006, le Canada comptait plus de 18,4 millions  d'utilisateurs de téléphones portables. 70 % de la population des grands centres urbains  ont adopté le cellulaire. Les Canadiens ont échangé plus de 4,3 milliards de  messages textes en 2006 (soit 3x plus qu'en 2005). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 22. Quelques données sur le Web mobile Selon l'association canadienne des télécommunications sans fil (ACTS)... Fin 2006, le Canada comptait plus de 18,4 millions  d'utilisateurs de téléphones portables. 70 % de la population des grands centres urbains  ont adopté le cellulaire. Les Canadiens ont échangé plus de 4,3 milliards de  messages textes en 2006 (soit 3x plus qu'en 2005). En 12/06, c'est 18 millions de messages par jours!  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 23. Quelques données sur le Web mobile Selon MorganStanley (USA)... Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 24. Quelques données sur le Web mobile Selon MorganStanley (USA)... Les États-Unis comptent 211 millions d'internautes  et 177 millions d'utilisateurs de téléphonie portable. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 25. Quelques données sur le Web mobile Selon MorganStanley (USA)... Les États-Unis comptent 211 millions d'internautes  et 177 millions d'utilisateurs de téléphonie portable. En 2005, 74 milliards de dollars se sont transigés  dans le monde autour de la téléphonie portable et du Web mobile : Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 26. Quelques données sur le Web mobile Selon MorganStanley (USA)... Les États-Unis comptent 211 millions d'internautes  et 177 millions d'utilisateurs de téléphonie portable. En 2005, 74 milliards de dollars se sont transigés  dans le monde autour de la téléphonie portable et du Web mobile : 55 milliards de dollars pour du SMS/MMS.  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 27. Quelques données sur le Web mobile Selon MorganStanley (USA)... Les États-Unis comptent 211 millions d'internautes  et 177 millions d'utilisateurs de téléphonie portable. En 2005, 74 milliards de dollars se sont transigés  dans le monde autour de la téléphonie portable et du Web mobile : 55 milliards de dollars pour du SMS/MMS.  19 milliards pour des services directs, des  produits et de la personnalisation. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 28. Population mobinaute en plein boum! Pourcentage d'internautes accédant au Web par le mobile par rapport au nombre d'abonnés en téléphonie portable (ComScore, oct. 2006) : Allemagne : 34 %  Italie : 34%  France : 28 %  Espagne : 26 %  Royaume-Uni : 24 %  États-Unis : 19 %  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 29. Population mobinaute en plein boum! Pourcentage d'internautes accédant au Web par le mobile par rapport au nombre d'abonnés en téléphonie portable (ComScore, oct. 2006) : Allemagne : 34 %  Italie : 34%  France : 28 %  Espagne : 26 %  Royaume-Uni : 24 %  États-Unis : 19 % et Canada... 18,4 %.  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 30. Définir sa stratégie face au mobile Devant l'impact de ces statistiques, il importe de se questionner avant de s'engager dans l'aventure et de se définir une stratégie face au Web mobile... Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 31. Définir sa stratégie face au mobile 1. Pourquoi investir dans le développement d'une plateforme mobile? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 32. Définir sa stratégie face au mobile 1. Pourquoi investir dans le développement d'une plateforme mobile? 2. Quels contenus devrait-on rendre disponibles sous plateforme mobile? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 33. Définir sa stratégie face au mobile 1. Pourquoi investir dans le développement d'une plateforme mobile? 2. Quels contenus devrait-on rendre disponibles sous plateforme mobile? 3. Quels besoins seront désservis par le fait de rendre du contenu disponible sous plateforme mobile? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 34. Définir sa stratégie face au mobile 1. Pourquoi investir dans le développement d'une plateforme mobile? 2. Quels contenus devrait-on rendre disponibles sous plateforme mobile? 3. Quels besoins seront désservis par le fait de rendre du contenu disponible sous plateforme mobile? 4. Quelle sera la valeur ajoutée et l'impact de ce contenu mobile pour l'ensemble de nos clients? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 35. Définir sa stratégie face au mobile 1. Pourquoi investir dans le développement d'une plateforme mobile? 2. Quels contenus devrait-on rendre disponibles sous plateforme mobile? 3. Quels besoins seront désservis par le fait de rendre du contenu disponible sous plateforme mobile? 4. Quelle sera la valeur ajoutée et l'impact de ce contenu mobile pour l'ensemble de nos clients? Mais laissons les questions de stratégie aux stratèges! Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 36. Design et architecture informationelle Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 37. Les trois C du Web mobile... Coûts : Il est très important de développer ses  applications pour le Web mobile de manière responsable... car chaque kilo- octets de téléchargement compte. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 38. Les trois C du Web mobile... Coûts : Il est très important de développer ses  applications pour le Web mobile de manière responsable... car chaque kilo- octets de téléchargement compte. Contenus : Plus encore que sur le Web traditionnel,  les problématiques liées à la navigation, la taille des images et le poids des pages doivent être considérées. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 39. Les trois C du Web mobile... Coûts : Il est très important de développer ses  applications pour le Web mobile de manière responsable... car chaque kilo- octets de téléchargement compte. Contenus : Plus encore que sur le Web traditionnel,  les problématiques liées à la navigation, la taille des images et le poids des pages doivent être considérées. Contexte : Comment les contenus offerts aident-ils  les internautes mobiles? Viennent-ils supporter leur réalité du moment? Dans quel contexte utiliseront-ils ces contenus (avion, train, etc.)? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 40. En un mot... ou 23! Sur le Web mobile, encore plus que sur le Web traditionnel, il est absolument crucial de mettre l'utilisateur au centre du développement informatique. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 41. À l'aube d'une révolution Nous sommes à l'aube d'une nouvelle génération de Web... et on ne parle pas ici de l'ultragonflé Web 2.0. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 42. À l'aube d'une révolution On parle d'un Web réellement contextuel. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 43. Architecture d'information mobile Chaque liaison obtenue compte et se traduit par un montant sur la facture mensuelle. Il importe de bien planifier son architecture informationnelle. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 44. Architecture d'information mobile Chaque liaison obtenue compte et se traduit par un montant sur la facture mensuelle. Il importe de bien planifier son architecture informationnelle. Plus encore que sur le Web “traditionnel”, l'internaute fonctionne en mode d'urgence... il faut le guider très rapidement et efficacement vers ses objectifs. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 45. Architecture d'information mobile Chaque liaison obtenue compte et se traduit par un montant sur la facture mensuelle. Il importe de bien planifier son architecture informationnelle. Plus encore que sur le Web “traditionnel”, l'internaute fonctionne en mode d'urgence... il faut le guider très rapidement et efficacement vers ses objectifs. Construire l'architecture d'un site mobile comme on conçoit une architecture d'information pour un service de réception téléphonique automatisé : Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 46. Architecture d'information mobile Chaque liaison obtenue compte et se traduit par un montant sur la facture mensuelle. Il importe de bien planifier son architecture informationnelle. Plus encore que sur le Web “traditionnel”, l'internaute fonctionne en mode d'urgence... il faut le guider très rapidement et efficacement vers ses objectifs. Construire l'architecture d'un site mobile comme on conçoit une architecture d'information pour un service de réception téléphonique automatisé : en faisant des regroupements simples et intuitifs;  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 47. Architecture d'information mobile Chaque liaison obtenue compte et se traduit par un montant sur la facture mensuelle. Il importe de bien planifier son architecture informationnelle. Plus encore que sur le Web “traditionnel”, l'internaute fonctionne en mode d'urgence... il faut le guider très rapidement et efficacement vers ses objectifs. Construire l'architecture d'un site mobile comme on conçoit une architecture d'information pour un service de réception téléphonique automatisé : en faisant des regroupements simples et intuitifs;  et en utilisant des libellés clairs et significatifs.  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 48. Quelques recommandations... Limiter les catégories, thèmes ou sections offertes car la désorientation des webinautes augmente avec la profondeur à laquelle les entraîne la navigation. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 49. Quelques recommandations... Limiter les catégories, thèmes ou sections offertes car la désorientation des webinautes augmente avec la profondeur à laquelle les entraîne la navigation. Limiter les liens offerts par page à 10 et numéroter ceux-ci dans une liste à puce ordonnée, auxquels seront associés des accesskeys (0 à 9). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 50. Quelques recommandations... Limiter les catégories, thèmes ou sections offertes car la désorientation des webinautes augmente avec la profondeur à laquelle les entraîne la navigation. Limiter les liens offerts par page à 10 et numéroter ceux-ci dans une liste à puce ordonnée, auxquels seront associés des accesskeys (0 à 9). Proposer un mimimum de contenu au bout de chaque lien, quitte à ce que ce soit uniquement un préambule ou un résumé du contenu qui les attends plus loin. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 51. Quelques recommandations... Limiter les catégories, thèmes ou sections offertes car la désorientation des webinautes augmente avec la profondeur à laquelle les entraîne la navigation. Limiter les liens offerts par page à 10 et numéroter ceux-ci dans une liste à puce ordonnée, auxquels seront associés des accesskeys (0 à 9). Proposer un mimimum de contenu au bout de chaque lien, quitte à ce que ce soit uniquement un préambule ou un résumé du contenu qui les attends plus loin. Prioriser l'ordre d'affichage des liens en fonction de l'intérêt qu'ils présentent ou de leur popularité, tout en adaptant la navigation pour créer un bon clickstream. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 52. Designer pour le Web mobile Sur le Web “traditionnel”, la question du support des résolution d'écran est plutôt simple... avec 13 % des internautes sous une résolution de 800x600 et 53 % sous une résolution de 1024x768, on doit composer avec deux choix majeurs (TheCounter, mars 2007). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 53. Designer pour le Web mobile Sur le Web “traditionnel”, la question du support des résolution d'écran est plutôt simple... avec 13 % des internautes sous une résolution de 800x600 et 53 % sous une résolution de 1024x768, on doit composer avec deux choix majeurs (TheCounter, mars 2007). Sur le Web mobile, la multiplicité des tailles d'interface et des particularités propres aux appareils rend le tout beaucoup plus problématique... créant un éventail de possibilités entre 128 et 320 pixels. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 54. Designer pour le Web mobile D'où l'importance fondamentale d'appliquer des standards et respecter un ensemble de bonnes pratiques visant à optimiser l'expérience utilisateur. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 55. Designer pour le Web mobile Sans compter que sur le mobile, certains écrans sont orientés dans un sens comme dans l'autre, et que les contenus sont destinés à être consommés avec ou sans clavier et/ou souris (stilet). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 56. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 57. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 58. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 59. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 60. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 61. Mouvement de complexité volontaire © BlueFlavor, Brian Fling SxSW2007 - Mobile web conference Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 62. Et si on parlait un peu technique? Alors concrètement, comment fait-on? Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 63. Standards du Web mobile Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 64. Industrialisation du Web Il existe plusieurs inteprétations pour définir ce que sont les standards du Web. La tendance est à l'abus du terme, ce qui créée une confusion en regard à la véritable signification. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 65. Industrialisation du Web Il existe plusieurs inteprétations pour définir ce que sont les standards du Web. La tendance est à l'abus du terme, ce qui créée une confusion en regard à la véritable signification. Un standard (comme par exemple, un standard issu  du W3C) réfère à un document normatif expliquant comment un langage ou une technologie fonctionne. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 66. Industrialisation du Web Il existe plusieurs inteprétations pour définir ce que sont les standards du Web. La tendance est à l'abus du terme, ce qui créée une confusion en regard à la véritable signification. Un standard (comme par exemple, un standard issu  du W3C) réfère à un document normatif expliquant comment un langage ou une technologie fonctionne. Un standard peut également décrire un ensemble  de techniques ou recommandations mises en place pour en assurer l'implémentation. On parle alors de bonnes pratiques. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 67. Industrialisation du Web Il existe plusieurs inteprétations pour définir ce que sont les standards du Web. La tendance est à l'abus du terme, ce qui créée une confusion en regard à la véritable signification. Un standard (comme par exemple, un standard issu  du W3C) réfère à un document normatif expliquant comment un langage ou une technologie fonctionne. Un standard peut également décrire un ensemble de  techniques ou recommandations mises en place pour en assurer l'implémentation. On parle alors de bonnes pratiques. De tels standards pour le Web mobile existent depuis la fin des années 90 et évoluent sans cesse. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 68. Les principaux standards... Wireless Application Protocol (WAP) Premier ensemble de standards développé pour le Web mobile couvrant le format de balisage (WML) et les protocoles utilisés pour s'en servir (WTP, WTLS, etc.). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 69. Les principaux standards... Wireless Application Protocol (WAP) Premier ensemble de standards développé pour le Web mobile couvrant le format de balisage (WML) et les protocoles utilisés pour s'en servir (WTP, WTLS, etc.). Il existe deux versions de WAP, 1.0 et 2.0 : Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 70. Les principaux standards... Wireless Application Protocol (WAP) Premier ensemble de standards développé pour le Web mobile couvrant le format de balisage (WML) et les protocoles utilisés pour s'en servir (WTP, WTLS, etc.) Il existe deux versions de WAP, 1.0 et 2.0 : WAP 1.0 a été le standard dominant des années 90  et pratiquement tous les fournisseurs de contenus et les appareils sur le marché le supportent encore. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 71. Les principaux standards... Wireless Application Protocol (WAP) Premier ensemble de standards développé pour le Web mobile couvrant le format de balisage (WML) et les protocoles utilisés pour s'en servir (WTP, WTLS, etc.) Il existe deux versions de WAP, 1.0 et 2.0 : WAP 1.0 a été le standard dominant des années 90  et pratiquement tous les fournisseurs de contenus et les appareils sur le marché le supportent encore. WAP 2.0 est la version actuelle et tente de  rapprocher les appareils mobiles des appareils traditionnels en appliquant plutôt le support des protocoles TCP/IP et HTTP et du langage XHTML-MP. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 72. Les principaux standards... Wireless Markup Language (WML) Langage principal de développement de WAP 1.x, WML est un langage basé sur XML rappelant fort HTML. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 73. Les principaux standards... Wireless Markup Language (WML) Langage principal de développement de WAP 1.x, WML est un langage basé sur XML rappelant fort HTML. <xml version=“1.0”?> <!DOCTYPE wml PUBLIC “-//PHONE.COM/DTD WML 1.1//EN” “http://www.phone.com/dtd/wml11.dtd”> <wml> <card id=“principal” title=“carte01”> <p>Bonjour!</p> </card> </wml> Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 74. Les principaux standards... Wireless Markup Language (WML) Langage principal de développement de WAP 1.x, WML est un langage basé sur XML rappelant fort HTML. <xml version=“1.0”?> <!DOCTYPE wml PUBLIC “-//PHONE.COM/DTD WML 1.1//EN” “http://www.phone.com/dtd/wml11.dtd”> <wml> <card id=“principal” title=“carte01”> <p>Bonjour!</p> </card> </wml> Avec l'arrivée de XHTML-MP, WML a perdu beaucoup de son intérêt mais continue d'être supporté et même recommandé comme solution de repli. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 75. Les principaux standards... XHTML Mobile Profile / XHTML Basic XHTML-MP est une spécialisation du langage XHTML destinée à incorporer des éléments au contexte d'utilisation des appareils mobiles. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 76. Les principaux standards... XHTML Mobile Profile / XHTML Basic XHTML-MP est une spécialisation du langage XHTML destinée à incorporer des éléments au contexte d'utilisation des appareils mobiles. Développé intialement par OMA (Open Mobile Alliance) à partir du standard XHTML Basic du W3C, la version 1.2 de XHTML-MP est pratiquement indistinguable de la version 1.1 de XHTML Basic. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 77. Les principaux standards... XHTML Mobile Profile / XHTML Basic XHTML-MP est une spécialisation du langage XHTML destinée à incorporer des éléments au contexte d'utilisation des appareils mobiles. Développé intialement par OMA (Open Mobile Alliance) à partir du standard XHTML Basic du W3C, la version 1.2 de XHTML-MP est pratiquement indistinguable de la version 1.1 de XHTML Basic. Tout programmeur maîtrisant les subtilités du langage XHTML peut développer dès maintenant pour le mobile sans besoins logiciels particuliers (certaines conditions s'appliquent). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 78. Les principaux standards... Wireless CSS XHTML-MP, comme XHTML, est conçu pour permettre la séparation entre le balisage et sa présentation. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 79. Les principaux standards... Wireless CSS XHTML-MP, comme XHTML, est conçu pour permettre la séparation entre le balisage et sa présentation. WCSS est un sous-ensemble de la version du W3C développée par OMA et fait aussi partie de WAP 2.0. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 80. Les principaux standards... Wireless CSS XHTML-MP, comme XHTML, est conçu pour permettre la séparation entre le balisage et sa présentation. WCSS est un sous-ensemble de la version du W3C développée par OMA et fait aussi partie de WAP 2.0. Son implémentation dans les sites mobiles est du même ordre que l'implémentation normale de CSS via l'utilisation de l'élément HTML <link>. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 81. Les principaux standards... Wireless CSS XHTML-MP, comme XHTML, est conçu pour permettre la séparation entre le balisage et sa présentation. WCSS est un sous-ensemble de la version du W3C développée par OMA et fait aussi partie de WAP 2.0. Son implémentation dans les sites mobiles est du même ordre que l'implémentation normale de CSS via l'utilisation de l'élément HTML <link>. Le support de WCSS est décent, mais pas toujours optimal – OMA et W3C travaillent actuellement sur CSS-MP qui réduira les écarts entre les standards. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 82. Le grand avantage des standards Utiliser les techniques de développement basées sur les standards impliquent la conception de sites exploitant à fond les technologies (x)HTML et CSS. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 83. Le grand avantage des standards Utiliser les techniques de développement basées sur les standards impliquent la conception de sites exploitant à fond les technologies (x)HTML et CSS. Cela signifie également abandonner l'utilisation des tableaux de mise en page au profit du positionnement par feuille de style. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 84. Le grand avantage des standards Utiliser les techniques de développement basées sur les standards impliquent la conception de sites exploitant à fond les technologies (x)HTML et CSS. Cela signifie également abandonner l'utilisation des tableaux de mise en page au profit du positionnement par feuille de style. En opérant une séparation nette entre la présentation et la structure des documents web, ceux-ci deviennent plus aptes à la transformation élégante et peuvent ainsi passer dans d'autres contextes de navigation. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 85. Le grand avantage des standards Utiliser les techniques de développement basées sur les standards impliquent la conception de sites exploitant à fond les technologies (x)HTML et CSS. Cela signifie également abandonner l'utilisation des tableaux de mise en page au profit du positionnement par feuille de style. En opérant une séparation nette entre la présentation et la structure des documents web, ceux-ci deviennent plus aptes à la transformation élégante et peuvent ainsi passer dans d'autres contextes de navigation. C'est ainsi que du jour au lendemain, tous peuvent commencer à développer leurs sites pour qu'ils soient minimalement accessibles sur le mobile. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 86. Bénéfices collatéraux des standards Mis à part la portabilité vers les plateformes mobiles, les standards dans le développement Web entraînent toute une série de bénéfices alléchants, dont : Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 87. Bénéfices collatéraux des standards Mis à part la portabilité vers les plateformes mobiles, les standards dans le développement Web entraînent toute une série de bénéfices alléchants, dont : Des pages plus légères entraînant des réductions  significatives en terme de bande passante Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 88. Bénéfices collatéraux des standards Mis à part la portabilité vers les plateformes mobiles, les standards dans le développement Web entraînent toute une série de bénéfices alléchants, dont : Des pages plus légères entraînant des réductions  significatives en terme de bande passante Des temps de téléchargement proportionnellement  plus courts entraînant moins d'attente Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 89. Bénéfices collatéraux des standards Mis à part la portabilité vers les plateformes mobiles, les standards dans le développement Web entraînent toute une série de bénéfices alléchants, dont : Des pages plus légères entraînant des réductions  significatives en terme de bande passante Des temps de téléchargement proportionnellement  plus courts entraînant moins d'attente Une optimisation de base pour les moteurs de  recherche et un niveau d'accessibilité minimal Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 90. Bénéfices collatéraux des standards Mis à part la portabilité vers les plateformes mobiles, les standards dans le développement Web entraînent toute une série de bénéfices alléchants, dont : Des pages plus légères entraînant des réductions  significatives en terme de bande passante Des temps de téléchargement proportionnellement  plus courts entraînant moins d'attente Une optimisation de base pour les moteurs de  recherche et un niveau d'accessibilité minimal Coûts d'exploitation réduits et des transferts de  connaissance plus faciles à gérer. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 91. En somme... Adopter les standards du W3C permet le développement de sites capables de franchir toutes les barrières technologiques connues, tout en optimisant à la fois le produit final et les étapes de son développement. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 92. Bonnes pratiques W3C du Web mobile Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 93. Les meilleurs pratiques du Web mobile Les bonnes pratiques recommandées ont été développées par le groupe de travail des Meilleures Pratiques du Web Mobile (MWI Best Practices WG). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 94. Les meilleurs pratiques du Web mobile Les bonnes pratiques recommandées ont été développées par le groupe de travail des Meilleures Pratiques du Web Mobile (MWI Best Practices WG). Le document contient 60 meilleures pratiques regroupées sous 10 règles et est actuellement à l'état de “proposed recommendation” ce qui veut dire que c'est presque déjà un standard. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 95. Les meilleurs pratiques du Web mobile Les bonnes pratiques recommandées ont été développées par le groupe de travail des Meilleures Pratiques du Web Mobile (MWI Best Practices WG). Le document contient 60 meilleures pratiques regroupées sous 10 règles et est actuellement à l'état de “proposed recommendation” ce qui veut dire que c'est presque déjà un standard. Il est inspiré de nombreuses sources dont le standard WCAG 1.0 (Web content Accessibility Guidelines). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 96. Les meilleurs pratiques du Web mobile Les bonnes pratiques recommandées ont été développées par le groupe de travail des Meilleures Pratiques du Web Mobile (MWI Best Practices WG). Le document contient 60 meilleures pratiques regroupées sous 10 règles et est actuellement à l'état de “proposed recommendation” ce qui veut dire que c'est presque déjà un standard. Il est inspiré de nombreuses sources dont le standard WCAG 1.0 (Web content Accessibility Guidelines). Le document présente une série de conseils de base pour assurer que tout site Web qui respecte ces exigences puisse fonctionner sur les appareils mobiles. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 97. Les meilleurs pratiques du Web mobile Règle #1 Concevez des pages pour un seul Web (One Web) Proposer une expérience utilisateur cohérente,  peu importe l'appareil utilisé par l'internaute Utiliser chaque appareil au maximum de son  potentiel, tout en palliant à leurs déficiences Testez sur des émulateurs, mais aussi sur des  appareils réels. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 98. Les meilleurs pratiques du Web mobile Règle #2 Basez-vous sur les standards du Web Utiliser du langage XHTML-MP valide avec les  bonnes déclarations d'encodage. Utiliser CSS pour assurer l'aspect visuel, du  balisage pour les éléments de structure et la sémantique des pages. Veiller à ce que même les messages d'erreurs  soient adaptés à la réalité des appareils mobiles. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 99. Les meilleurs pratiques du Web mobile Règle #3 Évitez les mises en page par tableau, les cadres et les gifs transparents d'espacement. Utiliser CSS pour tout aspect de mise en page et  reléguer les tableaux aux données tabulaires. Ne pas utiliser de cadres (frameset) et leur  privilégier l'usage de d'autres technologies. Ne pas utiliser d'images invisibles pour assurer  le calage des éléments de la page. Ne pas utiliser d'images cliquables (image  maps) ou de fenêtres surgissantes (pop-ups) Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 100. Les meilleurs pratiques du Web mobile Règle #4 Utilisez, sans vous appuyer exclusivement sur... Les témoins (cookies)  les tableaux  les scripts  les feuilles de style  et les effets de police de caractères.  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 101. Les meilleurs pratiques du Web mobile Règle #5 Optimisez la navigation Fournir une navigation cohérente mais minimale  en haut de page Utiliser des intitulés de liens explicites, avec des  raccourcis (accesskey) pour les plus importants Choisir une adresse facile à saisir pour l'accueil  Ne pas surcharger les pages de liens, mais voir  à ce que chaque page du site soit tout de même accessible facilement. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 102. Les meilleurs pratiques du Web mobile Règle #6 Vérifiez les images et les couleurs Envoyer les images dans une résolution adaptée  à la taille de l'écran, et déclarer leur taille dans le code source Donner un équivalent textuel pertinent aux  images Assurer que les couleurs utilisées ne nuisent pas  à la lisibilité du contenu Utiliser des mesures relatives pour laisser le  contenu s'adapter à l'écran. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 103. Les meilleurs pratiques du Web mobile Règle #7 Favorisez la légèreté Optimiser la taille du code et des feuilles de  style et se maintenir dans la limite de mémoire des appareils Éviter d'avoir besoin de faire défiler le contenu  dans deux directions. Viser des pages qui, une fois complètement  affichées, ne totalisent pas plus de 20 ko. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 104. Les meilleurs pratiques du Web mobile Règle #8 Utiliser le réseau à bon escient Éviter les rafraîchissements de pages  automatiques et les redirections HTML Limiter le nombre des images, objets, scripts et  fichiers CSS employés dans les pages Assurer que le contenu peut être mis en cache  pour éviter les récupérations inutiles. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 105. Les meilleurs pratiques du Web mobile Règle #9 Aider et guider la saisie de texte par l'utilisateur Utiliser des contrôles de formulaires demandant  le moins de saisie de texte possible et fournir des valeurs par défaut lorsque c'est possible Mettre des libellés dans les contrôles de  formulaires et indiquez le mode de saisie de caractères supposé (par exemple, lettres ou chiffres). Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 106. Les meilleurs pratiques du Web mobile Règle #10 Songez aux utilisateurs en contexte de mobilité Garder le titre de la page court et utile  Préférer un langage simple et direct at adapter  le contenu au contexte Choisir des pages courtes, ciblées et adaptées  aux utilisateurs en situation de mobilité. Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 107. Merci de votre attention! Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 108. Références webographiques Blue Flavor, Brian Fling http://www.blueflavor.com/  http://www.blueflavor.com/presentations/SXSW2007-mobile.pdf  http://pc.dev.mobi/files/dotMobi%20Mobile%20Web%20Develope  rs%20Guide.pdf W3C, Cedric Kiss http://www.w3.org/2007/02/mwibp-webinar-fr/  Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/
  • 109. Questions, commentaires? Pour toutes questions en lien avec cette présentation ou tout autre sujet touchant aux standards Web, n'hésitez pas à me contacter à : comprendre@webconforme.com ou au (514) 448-2650 Par Denis Boudreau, pour le compte de WebConforme (www.webconforme.com) Déposé intégralement sous licence Paternité 2.5, Creative Commons Permalien : http://www.webconforme.com/conferences/2007/03/intracom/

×