VOTRE AUDIENCE PEUT ELLE
ENCORE SE PASSER D’UNE
VERSION MOBILE ?
CYRILLE
ASSIRE
DIRECTEUR SMILE DIGITAL
SMILE
@scoub0
ELIE
AUVRAY
CEO
JAHIA SOLUTIONS GROUP
@elieauvray
AURELIEN
DELEUSIERE
PRISMA IT CTO
MURA PREFERED PARTNER
@adeleusiere
YANN
GOMERIO
?
JOOMLA
@?
PANORAMA
En 2014, Internet sera majoritairement
mobile(Source: Morgan Stanley)
23 MILLIONS DE MOBINAUTES EN FRANCE
FIN 2012 (MÉDIAMÉTRIE)
90% des mobinautes ont consulté
au moins un site web (optimisé ou
non pour le mobile)
65% des mobinautes ont
consulté une application
mobile connectée
Il reste allumé 17h/24h…
ENVIRONNEMENT MOUVANT, FRAGMENTÉ, EN
CROISSANCE, TACTILE, AUX TECHNOS ET DES
APPROCHES DIVERSES…
?
Quel OS ?
Appli ou web mobile ?
WebApp ? Gabarits dédiés ?
Responsive Design ?
RESPONSIVE WEB DESIGN ?
1 page unique pour l’ensemble des terminaux (une seul contribution,
administration, hébergement, URL, etc.)
2 à 3 mises en page différentes par page : [desktop-souris / tablette]
/ smartphone
Ensemble de principes et technologies permettant de
concevoir un site pour qu’il s'adapte aux différentes tailles
d'écran et aux différents terminaux
A CHAQUE SITUATION D’ USAGE, UN BESOIN
PARTICULIER ET UNE OU PLUSIEURS RÉPONSES
TECHNIQUES
 Consulter / Rechercher « J’ai besoin d’une réponse maintenant - et
ici »
 Explorer / Jouer « J’ai du temps à tuer et je m’occupe / je m’amuse »
 Vérifier / Checker « Un contenu est continuellement actualisé et je
veux être tenu au courant des changements »
 Editer / Créer « Je dois faire quelque chose qui ne peut pas
attendre »
Luke Wroblewski (« Mobile first »)
Google
PLACE AU DEBAT !
INTERFACES MOBILES
Différentes approches
● Responsive Web Design
comment gérer les points de rupture
(de plus en plus nombreux) ?
• Sites dédiés
Combien de versions cibles ?
• Dynamic Serving (selon User Agent)
Comment maintenir la base de User
Agents ?
LA CONTRIBUTION
Est-ce que le Back Office
permet de contribuer pour un
type de terminal donné ?
● Contenu « pour desktop »
● Version « pour mobile »
● …
MODIFIER L’INTERFACE
A quel point la modification de
l’interface est elle aisée ?
● Liberté complète (implique un
travail important ?)
Vs
● Cadre rigide (guidage /
contraintes ?)
LES API
Quelle souplesse et quel niveau
de maturité des API pour
concevoir une application
mobile raccordée au Back
Office ?
INTERFACES TACTILES
● La prise en compte des « gestures » ?
L’ADMINISTRATION NOMADE
Quid d’une application ou d’un
site mobile afin d’accéder à des
fonctionnalités de gestion du
Back Office ?
PLACE AUX QUESTIONS !
VIA TWITTER : @CMSday / #CMSday
PAR MAIL : contact@cmsday.fr
PLANNING
Ne ratez pas les prochaines conférences et tables rondes !
• Comment valoriser son patrimoine numérique : Quelle architecture
les CMS devront-ils proposer pour s'adapter à des technologies et
usages en perpétuelle mutation ?
16h45 - Amphithéâtre Emile Laffon
• Le contenu comme levier d'acquisition sur les plateformes e-
commerce
16h45 - Salle Potiron
• Capter un public international : Le multilinguisme au carrefour du
technique et du fonctionnel
16h45 - Salle Tilleul
• Jahia xCM : Mise en oeuvre chez Socomec
16h45 - Salle Olive
• Acquia : Mise en place d'un RSE avec la chaîne Arte
16h45 - Salle Aubergine

CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?

  • 1.
    VOTRE AUDIENCE PEUTELLE ENCORE SE PASSER D’UNE VERSION MOBILE ?
  • 2.
  • 3.
  • 4.
    AURELIEN DELEUSIERE PRISMA IT CTO MURAPREFERED PARTNER @adeleusiere
  • 5.
  • 6.
  • 7.
    En 2014, Internetsera majoritairement mobile(Source: Morgan Stanley)
  • 8.
    23 MILLIONS DEMOBINAUTES EN FRANCE FIN 2012 (MÉDIAMÉTRIE) 90% des mobinautes ont consulté au moins un site web (optimisé ou non pour le mobile) 65% des mobinautes ont consulté une application mobile connectée Il reste allumé 17h/24h…
  • 9.
    ENVIRONNEMENT MOUVANT, FRAGMENTÉ,EN CROISSANCE, TACTILE, AUX TECHNOS ET DES APPROCHES DIVERSES… ? Quel OS ? Appli ou web mobile ? WebApp ? Gabarits dédiés ? Responsive Design ?
  • 10.
    RESPONSIVE WEB DESIGN? 1 page unique pour l’ensemble des terminaux (une seul contribution, administration, hébergement, URL, etc.) 2 à 3 mises en page différentes par page : [desktop-souris / tablette] / smartphone Ensemble de principes et technologies permettant de concevoir un site pour qu’il s'adapte aux différentes tailles d'écran et aux différents terminaux
  • 11.
    A CHAQUE SITUATIOND’ USAGE, UN BESOIN PARTICULIER ET UNE OU PLUSIEURS RÉPONSES TECHNIQUES  Consulter / Rechercher « J’ai besoin d’une réponse maintenant - et ici »  Explorer / Jouer « J’ai du temps à tuer et je m’occupe / je m’amuse »  Vérifier / Checker « Un contenu est continuellement actualisé et je veux être tenu au courant des changements »  Editer / Créer « Je dois faire quelque chose qui ne peut pas attendre » Luke Wroblewski (« Mobile first ») Google
  • 12.
  • 13.
    INTERFACES MOBILES Différentes approches ●Responsive Web Design comment gérer les points de rupture (de plus en plus nombreux) ? • Sites dédiés Combien de versions cibles ? • Dynamic Serving (selon User Agent) Comment maintenir la base de User Agents ?
  • 14.
    LA CONTRIBUTION Est-ce quele Back Office permet de contribuer pour un type de terminal donné ? ● Contenu « pour desktop » ● Version « pour mobile » ● …
  • 15.
    MODIFIER L’INTERFACE A quelpoint la modification de l’interface est elle aisée ? ● Liberté complète (implique un travail important ?) Vs ● Cadre rigide (guidage / contraintes ?)
  • 16.
    LES API Quelle souplesseet quel niveau de maturité des API pour concevoir une application mobile raccordée au Back Office ?
  • 17.
    INTERFACES TACTILES ● Laprise en compte des « gestures » ?
  • 18.
    L’ADMINISTRATION NOMADE Quid d’uneapplication ou d’un site mobile afin d’accéder à des fonctionnalités de gestion du Back Office ?
  • 19.
  • 20.
    VIA TWITTER :@CMSday / #CMSday PAR MAIL : contact@cmsday.fr
  • 21.
    PLANNING Ne ratez pasles prochaines conférences et tables rondes ! • Comment valoriser son patrimoine numérique : Quelle architecture les CMS devront-ils proposer pour s'adapter à des technologies et usages en perpétuelle mutation ? 16h45 - Amphithéâtre Emile Laffon • Le contenu comme levier d'acquisition sur les plateformes e- commerce 16h45 - Salle Potiron • Capter un public international : Le multilinguisme au carrefour du technique et du fonctionnel 16h45 - Salle Tilleul • Jahia xCM : Mise en oeuvre chez Socomec 16h45 - Salle Olive • Acquia : Mise en place d'un RSE avec la chaîne Arte 16h45 - Salle Aubergine