You are on page 1of 87

Tests dapplications de cration de sites mobile

Sommaire
1. Analyse de GO|MO ...........................................................................................4 1.1. Why GO MO ?....................................................................................................... 5 1.2. Tester son site ...................................................................................................... 7 1.3. Get Started........................................................................................................... 7 1.4. Mobilizing mobile .................................................................................................. 8 13.5. For Agencies....................................................................................................... 8 2. Kishkee .............................................................................................................9 2.1. Styling : pour personnaliser lapparence ................................................................10 2.2. Options daffichage ..............................................................................................11 2.3. Statistiques .........................................................................................................11 2.4. Cration de QR Code............................................................................................12 2.5. Cration de coupons ............................................................................................12 2.6. Offre produit .......................................................................................................13 2.7. Remarques ..........................................................................................................14 3. Google Site : jusqu 100 Mo de stockage .....................................................15 3.1. Edition rapide de la zone de contenu.....................................................................16 3.2. Barre doutils de base...........................................................................................18 3.3. Ajout dune nouvelle page ultra rapide ..................................................................18 3.4. Gestion de larborescence.....................................................................................18 3.5. Edition du Header et du Footer .............................................................................19 3.6. Personnalisation des couleurs et polices ................................................................20 3.7. Personnalisation du thme....................................................................................20 3.8. Personnalisation du modle de page .....................................................................21 4. Iloopmobile ....................................................................................................22 4.1. Cration dapplications pour smartphone et cration de sites mobiles......................22 4.2. Systme de cration de coupons / promotions via SMS et code barre......................23 4.3. Service de campagne politique .............................................................................24 4.4. Conseil en marketing mobile.................................................................................24 5. Julysystem......................................................................................................25 6. Dudamobile ....................................................................................................28 6.1. Choix et personnalisation du thme graphique.......................................................29 6.2. Customisation du design ......................................................................................29 6.3. Ajout de fonctionnalits........................................................................................30 6.5. Editeur avanc : pour diter ses pages mobiles .....................................................31 6.6. Dernire tape : personnaliser son url mobile ........................................................32 6.7. Statistiques..........................................................................................................32 6.8. Montisation........................................................................................................32 6.9. Remarques ..........................................................................................................33 7. Mobify .............................................................................................................35 7.1. Cration du site web standard ..............................................................................35 7.2. Cration de site ecommerce (Mobify Enterprise) ....................................................39 7.3. Tableau de comparaison des fonctionnalits de Mobiby et ses concurrents...............41

7.4. Remarques ..........................................................................................................42 8. Moovweb ........................................................................................................43 9. Netbiscuits......................................................................................................45 9.1. Edition du contenu dune page .............................................................................48 9.2. Gestionnaire de fichiers........................................................................................51 9.3. Tarifs...................................................................................................................52 9.4. Remarques ..........................................................................................................52 10. Unbound .......................................................................................................53 10.1. Services proposs ..............................................................................................54 11. Wapple..........................................................................................................55 11.1. Crer et diter une page ....................................................................................58 11.2. Fonctionnalits de longlet Site............................................................................61 11.3. Fonctionnalits de longlet Edit............................................................................67 11.4. Gestionnaire de contenu.....................................................................................71 11.5. Outils ................................................................................................................72 11.6. Aide en ligne .....................................................................................................73 11.7. Remarques ........................................................................................................74 12. Wix Mobile ....................................................................................................75 12.1. Mise en place dun site web en 5 minutes ............................................................76 12.2. Editer et ajouter du contenu ...............................................................................78 12.3. Fonctionnalits proposes en Premium ................................................................80 13. Atmio Inc. .....................................................................................................82 13.1. Cration dune landing page ...............................................................................83 13.2. Cration dun formulaire .....................................................................................85 13.3. Campagne .........................................................................................................86 13.4. Variation............................................................................................................86 13.5. Reports .............................................................................................................86 13.6. Fonctionnalits venir........................................................................................86 13.7. Montisation ......................................................................................................87 13.8. Remarques ........................................................................................................87

1. Analyse de GO|MO
Le site Go Mo est une initiative de Google pour promouvoir le dveloppement des sites web mobiles. Le site a t entirement dvelopp en HTML5, technologie principalement utilise sur tous les sites web mobiles se voulant anims et dynamiques.

Ce site permet de faire un rapide diagnostic de son site actuel et donne galement un grand nombre dinformations pour lancer son site mobile. Voici les diffrentes rubriques proposes.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

1.1. Why GO MO ? Rubrique de prsentation qui sensibilise sur la ncessit davoir une version mobile de son site. Dune part pour avoir un affichage adapt et galement parce que le nombre dutilisateurs mobiles est en pleine croissance.

Sources: Gartner, 2010; Google Internal Data, 2011; Cisco, 2011

Une mauvaise version mobile peut faire perdre des clients. Cela les incite partir chez les concurrents et ne les dcourage pas recommander le site.

Sources: Compuware, "What Users Want from Mobile," 2011

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Les internautes utilisent de plus en plus la recherche locale via leur mobile.

Sources: Google "The Mobile Movement: Understanding Smartphone Users," 2011


La majorit des internautes mobiles considrent les applications comme ludiques et trs utiles mais ils prfrent utiliser un site mobile pour se renseigner sur des tarifs, lire des avis sur des produits, ou mme pour acheter.

Sources: Adobe Systems Adobe Mobile Experience Survey, 2011; eMarketer, 2011
GO MO sensibilise les internautes en donnant des conseils de bonnes pratiques. La version mobile doit proposer de nombreux avantages : rapidit navigation trs simple fonctionnalits tactiles conviviales ergonomique accessible
6

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

conversion facile golocalisation systme de redirection automatique

1.2. Tester son site GO MO permet de tester son site web grce son GO MO Meter. Aprs lanalyse GO MO gnre un rapport au format pdf. De nombreux aspects du site sont valus : - le temps de chargement - affichage des images - taille des textes - fonctionnalits tactiles - golocalisation - clic to call GO MO donne ensuite des recommandations pour amliorer son site mobile. (ou le crer) Enfin Google conseille pour les tapes suivantes : lancer son site mobile. Possibilit de consulter la liste de prestataires recommands par Google se rfrencer dans Google places for business afin dapparatre dans la recherche locale (google.com/places) utiliser Google Mobile Ads pour promouvoir son activit. (google.com/mobileads)

1.3. Get Started Liste de 12 sites recommands pour la cration de son site mobile et llaboration de sa stratgie. (Google recommande tout de mme de passer son prestataire si on en connat dj un)

Atmio Inc. http://www.atmio.co m

DudaMobile http://www.duda mobile.com

Google Site Builder http://www.sites.goo gle.com/mobilize

iLoop Mobile http://www.iloopmobile.c om

July Systems http://www.julysyste ms.com

Kishkee http://www.kishke e.com/gomo

Mobify http://mobify.com/go /gomo/

Moovweb http://site.moovweb.com /?lead_source=gomo


7

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Netbiscuits, Inc. http://www.netbiscui ts.com

Unbound Commerce http://www.unbou ndcommerce.com/ gstores

Wapple http://wapple.net/go mo?trk=ggm

Wix.com http://mobile.wix.com/

Possibilit de trier par budget, dlai de ralisation et type de service (cration soi mme ou service complet) Google invite dans un second temps utiliser ses 2 services : Google places et Mobile Ads pour dvelopper son business mobile.

1.4. Mobilizing mobile Il est possible de rfrencer son site web sur Google Map pour dire quon va sengager rendre son site mobile. Ainsi, ce service regroupe sur Google Map lensemble des Socits qui se sont engages rendre leur site mobile

13.5. For Agencies Il est possible de sabonner leur newsletter pour tre tenu inform des nouveauts.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

2. Kishkee
Aprs inscription, on se retrouve sur une page ddition pour commencer crer son site mobile.

Cration rapide du contenu de la page en insrant les lments en cliquer/glisser (ex : titre, texte, image, vido, slideshow, )

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Longlet PAGE SETTINGS permet de grer le header, le footer et la navigation pour chaque page : dafficher ou non la navigation le header et le footer dditer le header et le footer

Possibilit de crer plusieurs pages. On sauvegarde puis ADD A PAGE

2.1. Styling : pour personnaliser lapparence Ldition de lapparence seffectuer sur 4 zones de la page: - Page defaults - Main titles - Sub titles - Button

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

10

2.2. Options daffichage Plusieurs options sont proposes : Personnalisation du nom de lurl (soit url avec Kishkee, soit url externe) Icne du site Affichage de la tooltip pour ajouter site sur son bureau Code javascript pour dtection des terminaux mobiles

2.3. Statistiques Personnalisation par priode Distinction des visites et des visiteurs

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

11

2.4. Cration de QR Code Sert simplement gnrer des QR codes

2.5. Cration de coupons Permet de crer des pages spciales qui proposent des coupons de rductions pour les internautes.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

12

affichage dun code promo date dexpiration obliger linternaute sinscrire ou non usage unique ou non

2.6. Offre produit Toutes les offres proposent : - un trafic illimit - support for over 5000+ mobile devices - Advanced SSL security

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

13

2.7. Remarques Bon produit qui reste simple en fonctionnalit. Edition des pages web simple et efficace. Les statistiques restent basiques (uniquement affichage des visiteurs/visites par date) Kishkee propose un gnrateur de QR code pour chaque site web et propose galement de gnrer des pages pour des coupons de rduction. L'onglet PAGE SETTINGS n'est pas toujours accessible ce qui n'est pas pratique pour diter le header et le footer : il faut toujours sauvegarder, puis faire RETOUR pour pouvoir r accder au "page settings". Nous navons pas russi crer un beau menu de navigation personnalis et horizontal. L'affichage d'une rubrique ne se charge pas en slide comme souvent sur Iphone, ce qui est dommage. Ergonomie : 7 Prix : 7 Simplicit : 7 Richesse fonctionnelle : 7 Compatibilit : 9 Rapidit de mise en place : 8

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

14

3. Google Site : jusqu 100 Mo de stockage

CREER UN NOUVEAU SITE

CHOIX DU NOM ET URL

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

15

Prvisualisation De son site mobile

3.1. Edition rapide de la zone de contenu

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

16

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

17

3.2. Barre doutils de base

3.3. Ajout dune nouvelle page ultra rapide

3.4. Gestion de larborescence Dplacement des rubriques par drag & drop

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

18

3.5. Edition du Header et du Footer

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

19

3.6. Personnalisation des couleurs et polices des diffrents lments du site

3.7. Personnalisation du thme

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

20

3.8. Personnalisation du modle de page Permet dajouter des fonctions de base selon lusage de la page : Annonce Classeur Liste (ex : todolist) Classique

Autres fonctionnalits : intgration google analytics intgration google webmasters restriction daccs pour les collaborateurs uniquement intgration google adsense intgration moteur de recherche possibilit dintgrer des commentaires associer un nom de domaine personnalis et externe utilisation de scripts app (voir screenshot ci-dessous) un systme de backup numrot par version

https://sites.google.com/site/chezvilay/home Google Sites est un outil trs complet pour crer facilement ses pages mobiles. Linterface est intuitive et lensemble des fonctions principales dun site web sont proposes. Google Sites pour mobile est un bon compromis entre simplicit, fonctionnalits et prix (puisque gratuit). Ergonomie : 8 Prix : 10 Simplicit : 8 Richesse fonctionnelle : 8 Compatibilit : 8 Rapidit de mise en place : 8

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

21

4. Iloopmobile
http://www.iloopmobile.com Ce service ne permet pas dutiliser un diteur en ligne. Il nest donc pas possible de tester leur service. Il faut les contacter pour faire appel leurs services. Iloopmobile se positionne comme un service sur mesure, donc priori haut de gamme. Voici un aperu des services proposs :

4.1. Cration dapplications pour smartphone et cration de sites mobiles Express Apps : cest un service qui permet de convertir un site mobile en application native. Cela signifie que lutilisateur na pas besoin de lancer le navigateur du tlphone puisque tout fonctionne comme une application (tlchargeable sur lapp store et autres quivalents pour les autres OS) Ce service est mis en place en moins de 3 semaines. Enhanced Apps : propose la mme chose quExpress Apps mais offre des fonctionnalits supplmentaires. Il est ainsi possible dutiliser les capacits du smartphone pour aller plus loin avec son application : acclromtre, camra, golocalisation, magntophone, disque dur, rpertoire, agenda, sonnerie/vibreur.
22

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Applications sur mesure Site mobile en HTML5 : service sur mesure pouvant inclure de nombreuses fonctionnalits. On peut notamment mettre en place des fonctionnalits du type : utilisation de lapplication en mode non connecte, golocalisation, systme de cliquer/dposer, tout type de rich media.

Les tarifs ne sont pas communiqus sur leur site. Leur offre tarifaire est cependant assez souple puisquil est possible de payer sous forme dabonnement mensuel plutt que de payer un important cot fixe au dpart ( condition de sengager sur 1 an). 4.2. Systme de cration de coupons / promotions via SMS et code barre Ce systme est galement une prestation de service propos par lquipe Iloop. Il nest donc pas possible de tester en ligne.

Ce systme fonctionne avec des points de ventes existants tels que Verifone, Microsoft, ... Le principe est donc denvoyer une offre promotionnelle. Les internautes qui la reoive rcupre un code de rduction via leur mobile. Ce code est utilisable dans les magasins utilisant ce sytme de couponing. Enfin il est possible de tracker exactement la provenance des internautes qui ont utilis le coupon pour optimiser ses campagnes de rductions par la suite.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

23

4.3. Service de campagne politique Un systme pour grer sa campagne politique afin de toucher un maximum de votants. Lide de ce service est ne avec la campagne de communication de Barack Obama lors des lections amricaines en 2008. Ce package inclut : 10 heures de conseils stratgiques pour votre campagne mobile. Systme dalerte sms/messages mobiles pour toucher votre cible Base de donnes constitue grce aux alertes sms Cration dun site mobile compos de vido et audio Outils de statistiques pour pouvoir analyser le trafic lis aux sms et venant sur le site mobile

Dlai de mise en place : systme dalerte sms : 5 jours site mobile : 15 jours

4.4. Conseil en marketing mobile 3 heures de conseils Evaluation des meilleurs outils pour votre stratgie (sms, site mobile, autres, ) Dfinition des mtriques permettant de mesurer vos objectifs et choix de loutil vous permettant de mesurer les rsultats. Mise en place de recommandations compltes pour dmarrer.

Leur brochure est tlchargeable cette adresse : http://www.slideshare.net/iLoopMobile/productoffering-carrier-mobile-marketing-solutions-services Iloop Mobile propose donc un service trs complet grce de nombreuses technologies : systme sms systme de coupons diteurs statistiques plateforme dadministration des diffrents services etc

Cest donc un service qui semble adapt aux personnes qui dsirent un service personnalis et accompagn de conseils. Ne pouvant tester ce service, il nest pas possible de se prononcer sur les avantages et inconvnients.
24

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

5. Julysystem
http://julysystems.com/ July Systems a dvelopp un service appel Mi Platform qui permet de : Crer, grer, marketer et montiser son site mobile 3 services sont proposs : - Elaboration de design et intgration - Support et intervention sur leur plateforme de cration de site mobile. - Mise disposition de leur diteur de site web : Mi Platform Mi Platform Il faut demander par email un accs pour tester gratuitement pendant 30 jours la plateforme Mi. Une fois lemail, reu on reoit des accs pour tlcharger une application qui doit sinstaller sur lordinateur (et requiert Adobe Air)

Une fois installe en 30 secondes, on sidentifie pour commencer.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

25

Plusieurs fonctionnalits : Editeur de site Gestionnaire de fichiers (images, vidos) Editeur de flux Outil de publication de messages Outils de statistiques

Problme de connexion serveur. Nous re-testerons un peu plus tard.


26

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Aprs plusieurs tentatives, le mme message derreur apparat. July System a dj plusieurs rfrences

Leur site web met en avant la personnalisation, lditeur de site mobile, outils de statistiques, loutil de gestion de campagne de pub, intgration dans les store mobile, mdia sociaux, coupons et sms Il nest pas possible de commenter les avantages et inconvnients du service puisque leur systme est inaccessible au moment du test.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

27

6. Dudamobile
Page daccueil trs intuitive qui prsente les services de Dudamobile et formulaire pour gnrer son site web au format mobile

Dudamobile analyse larborescence du site et gnre automatiquement une version mobile du site web en utilisant le menu de navigation quil a identifi

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

28

6.1. Choix et personnalisation du thme graphique (plus de 100 thmes proposs)

6.2. Customisation du design Personnalisation gnrale, du header, footer, menu de navigation,

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

29

6.3. Ajout de fonctionnalits La version premium $9 permet de supprimer les encarts publicitaires, ajouter un click to call, ajouter son adresse postale sur un plan et choisir son url personnelle.

Il ne reste plus qu valider pour obtenir son url mobile

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

30

6.5. Editeur avanc : pour diter ses pages mobiles Possibilit de supprimer, modifier et ajouter des lments textes, images, carte, boutons facebook, etc

NOTE : on supprime sur une seule page certains contenus et il les supprime automatiquement sur les autres pages. Cette automatisation fait gagner pas mal de temps.
31

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

6.6. Dernire tape : personnaliser son url mobile et paramtrage de la redirection pour les mobiles On peut soit utiliser lurl par dfaut (ex : http://mobile.dudamobile.com/site/services-a-la-maison) soit on dfinit sa propre url. Dans le cas dune personnalisation il faut crer un enregistrement CNAME chez son registrar. NOTE : seule la version Premium permet de bnficier de cette personnalisation. Dudamobile gnre automatiquement un code javascript placer sur son site web afin de grer automatiquement la redirection sur le site mobile (si le visiteur utilise un mobile). 6.7. Statistiques Source de trafic Appareils : mobiles, ordinateurs, Golocalisation Pages consultes

6.8. Montisation : offre Premium $9 / mois Nom de pages illimites (contre 10 en gratuit) Bande passante illimit (contre 500 Mb en gratuit) Sans publicit et url personnalise (sinon pub et url Duda) Affichage dun click to call, plan de lentreprise, etc (fonction dsactive en gratuit)

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

32

6.9. Remarques Dudamobile est un des services les plus intuitifs parmis les sites Gomo. La cration dun site est vraiment simple, agrable et rapide ! En effet, partir de lurl dun site web, Dudamobile cre automatiquement le site web mobile. (Il analyse larborescence pour crer la navigation et les pages) Leur systme est capable deffectuer automatiquement les mises jour du site mobile. (il dtecte les mises jour faites sur le site standard) Un large choix de thme graphique est propos. La version pro $9 dollars permet de dbrider toutes les limites de la version gratuite. (pub, 10 pages max, ) Inconvnients : - Trop dautomatisation peut tuer la personnalisation : sur certains sites, le gnrateur de sites mobiles ne cre pas un site prsent et organis comme on le souhaite. - Mise en avance de contenu inutile, menu de navigation inadapt pour une version mobile, Cela peut tre problmatique pour un certain nombre de sites. Le support de Dudamobile ma rpondu quil tait possible de rajuster cet affichage via lditeur avanc. Cependant ils vont regarder ce quils peuvent faire pour grer laffichage des sousrubriques : I went into your site and attached the navigation menu for you. If you use our advanced editor, you can move around and clean up the links. Your site did not detect the sub-navigation automatically but I am looking to see if we can get that to work for you, I will update you soon

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

33

Ergonomie : 10 Prix : 9 Simplicit : 10 Richesse fonctionnelle : 7 Compatibilit : 7 Rapidit de mise en place : 9

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

34

7. Mobify
2 types de services sont proposs : - Cration de sites web - Cration de site e-commerce 7.1. Cration du site web standard On dmarre sur une page trs sombre pour indiquer lurl du site web adapter au format mobile.

Analyse rapide du site puis affichage de slecteurs pour choisir les lments du site quon souhaite intgrer sur la version mobile.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

35

Les slecteurs ci-dessus indiquent le libell de la base html : h1, span, td, div, h2, etc Il suffit de cliquer sur les lments que lon veut conserver pour la version mobile. Une fois valid, Mobify nous redirige vers la page dun diteur css qui correspond la feuille de style des lments slectionns. La Matrise des css est obligatoire pour personnaliser son site mobile.

Il est aussi possible dajouter du code HTML comme lindique la capture dcran ci-dessus.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

36

Une fois le design adapt la version mobile, on arrive sur la dernire tape : Manage

Diffrentes fonctionnalits sont possibles : personnalisation de lurl du site (ex : mobile.emencia.com) + script de dtection du terminal utilis pour rediriger ou non sur la version mobile intgrer de la publicit sur le site mobile (Admob publisher ou Adsense) Intgration de Google Analytics Gestion des paramtres de chaque page du site mobile

La gestion des paramtres de chaque page est galement peu intuitive et difficilement comprhensible compar aux autres services. Il est possible dobtenir un rsultat intressant en personnalisant correctement sa feuille de style et ajoutant les bonnes balises HTML

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

37

2 types dabonnements mensuels sont proposs : - Pro $249 - Publisher $1000

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

38

7.2. Cration de site ecommerce (Mobify Enterprise)

Le service de cration de site ecommerce ne peut pas tre test en ligne. Les tarifs ne sont pas non plus communiqus. Mobify utilise HTML5, CSS et Javascript et AJAX pour raliser des applications mobiles.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

39

Les donnes du site mobile sont automatiquement synchronises avec le site principal. Mobify gre automatiquement les redirections entre le site principal et mobile. Avec une mme url Mobily gre laffichage adapt.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

40

7.3. Tableau de comparaison des fonctionnalits de Mobiby et ses concurrents

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

41

Parmi les rfrences clients

7.4. Remarques Mobify propose 2 services distincts : pour site normal et site ecommerce. Il est possible de tester le site normal mais par le service ecommerce. Concernant la conception de site standard, loutil de personnalisation du design est beaucoup plus compliqu que la plupart des services. Seuls les utilisateurs maitrisant les feuilles de style sont capables de personnaliser la page. Loutil est donc conseill pour les utilisateurs ayant un niveau avanc. Le service ecommerce ne peut pas tre test donc aucune remarque ne peut tre effectue sur ce service. Ergonomie : 4 Prix : 7 Simplicit : 4 Richesse fonctionnelle : 7 Compatibilit : 7 Rapidit de mise en place : 6

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

42

8. Moovweb
http://moovweb.com Moovweb ne propose pas dditeur directement accessible en ligne. Il faut les contacter pour essayer la dmo. Ils garantissent une mise en ligne du site en 30 jours.

Moovweb propose plusieurs services : Mise en place de sites mobiles Mise en place dapplications (Iphone, Android, Blackberry, Palm) Conseil et choix entre application native ou site mobile Gestion de la mise en ligne sur le store (app store, ) Mise disposition dun diteur de site(Moovweb Editor) Service de design pour adapter lexprience utilisateur

Moovweb propose aussi son expertise afin de rpondre aux problmatiques de chaque plateforme mobile : Stockage local des donnes Golocalisation Support flash Support youtube Support css3 Une centaine dautres bugs et problmatiques

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

43

Moovweb propose simplement une dmo de leur site.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

44

9. Netbiscuits
http://www.netbiscuits.com Net biscuits propose la cration dapplications natives ou de sites mobiles.

Plusieurs services sont proposs par Net Biscuits : Editeur de site en ligne Gestionnaire de fichiers Flux mobile Systme de points dintrts gographiques Outil de cration de coupons Outils de statistiques

Lorsquon cre un compte, on peut accder lditeur de site mobile. Il ressemble un explorateur de fichier.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

45

Pages dj cres

Modle type de page ajouter par cliquer glisser

Aperu de la page

3 onglets pour basculer de la gestion des pages la gestion des modules et mdias

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

46

Il suffit de changer lordre des lments de la colonne de gauche pour changer leur disposition dans la page. Le bouton <BML> permet dafficher le code XML mais il ne permet pas dditer le contenu.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

47

9.1. Edition du contenu dune page Pour diter le contenu, il faut slectionner llment (appel biscuit ) quon souhaite diter. Par exemple pour crire Emencia :

Et ainsi de suite pour chaque lment

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

48

36 fonctionnalits (biscuits) sont proposes pour lintgration dans les pages. Il suffit de faire un cliquer/glisser pour en ajouter un.

14 modles de page sont dj disposition. Cela permet de gagner du temps en utilisant une structure dj existante ainsi que des exemples de texte quil y a simplement remplacer.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

49

Par exemple, parmi les diffrents modles de page, le template agenda affiche le visuel cidessus droite. La page agenda est donc un assemblage pr-format de biscuits . On peut ensuite visualiser la page sur un cran dIphone

On peut dfinir des containers et des colonnes

Cela sert placer les lments dans diffrents conteneurs ou colonnes

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

50

9.2. Gestionnaire de fichiers Il est possible de parcourir et grer ses diffrents mdias via un explorateur de fichiers (media repository). Ils sont classs par catgorie.

Net Biscuit propose galement un systme de coupon et un systme de cration de points dintrt (POI Locator).

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

51

9.3. Tarifs

1 formule gratuite, la formule standard et la version enterprise.

La version payante permet dafficher plus de pages chaque mois, permet une utilisation commerciale et met disposition un support technique. 9.4. Remarques Net Biscuit est un service assez complet qui utilise le concept de biscuit pour permettre de cliquer dposer sur nimporte quelle page une nouvelle fonctionnalit (36 biscuits au total). Le choix de fonctionnalits est assez vari mais la prise en main nest pas trs simple. Il faut un certain temps dadaptation pour comprendre toute la logique de cration de pages. Laspect intuitif et simplicit nest donc pas le meilleur parmi les diffrents services proposs par GO MO. Ergonomie : 6 Prix : 7 Simplicit : 5 Richesse fonctionnelle : 7 Compatibilit : 7 Rapidit de mise en place : 6

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

52

10. Unbound
http://www.unboundcommerce.com Unbound est spcialis dans la cration de site ecommerce.

Ce service ne propose pas de doutil de cration gratuit. Il nest donc pas possible de tester ce service. 3 formules sont proposes :

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

53

10.1. Services proposs Logiciel de prsence mobile le site mobile est automatiquement synchronis avec le site principal gestion du site mobile en sadaptant parfaitement au site principal. cration dune application ecommerce pour Facebook, Iphone ou autre mobile. Mise disposition dune solution ecommerce pour les PME. Cette solution inclus : un design adapt, intgration catalogue, systme de commande par carte de paiement, outil de statistiques, click to call, support technique

Le site ne fournit pas dlments concernant les fonctionnalits de ses services. Rfrences clients : Dover Saddlery Cyberweld.com Blair Candy Finish Line Sports Unlimited ABC Underwear Finish Line K&L Wines Sports Unlimited

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

54

11. Wapple
Wapple propose diffrents services autour de la cration de sites mobiles. Parmi ses services : design : service de design et optimisation de lexprience utilisateur conception et intgration du design adaptation du site original pour un site mobile expertise en stratgie marketing pour mobile consulting pour la mise en place stratgique du service mobile mise disposition de sa technologie de cration de sites mobiles

Il se positionne clairement sur le domaine du conseil, accompagnement, et prestation de service de design et conception. La plateforme de cration nest donc quune partie de leurs services. Il existe une version gratuite de leur service afin de crer une version mobile standard. Une fois inscrit sur leur service on accde au tableau de bord. On peut ainsi dmarrer la cration dun site mobile.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

55

On commence par choisir la structure du site : une page adapte pour le clic to call une page adapte pour collecter des leads (formulaire de contact) une page proposant des pages supplmentaires telles que FAQ, propos, contact. La page inclus galement un click to call et formulaire de contact

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

56

On peut dmarrer dune page blanche. Essayons cette option. Cela nous affiche lditeur :

Multiples fonctionnalits proposes dans lditeur.

Aprs une dizaine de minutes, on ralise que lditeur nest pas trs intuitif : lajout de page et de texte nest pas trs clair.
57

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

11.1. Crer et diter une page

La page se rajoute la liste des pages dj cres, on peut alors diter la structure de la page.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

58

Choix de llment intgrer. On choisit text .

Intgration dune css personnalise possible

Wapple fonctionne avec un systme de chunk qui est une sorte dobjet/lment quon cre une seule fois et qui peut sintgrer dans nimporte quelle page.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

59

Aprs validation on arrive sur une page pour configurer llment texte. Cette page est trs peu comprhensible si on ne lit pas le guide dutilisation.

Le rsultat ne correspond nos attentes.


60

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Le texte dune autre page saffiche en titre principal (alors que nous navons pas demand dutiliser ce texte)

Aprs 2 heures de test pour essayer de crer les premires pages du site, rien na avanc. Le systme est vraiment peu comprhensible. Passons plutt la prsentation des fonctionnalits

11.2. Fonctionnalits de longlet Site Accs : - Raccourcisseur durl - Personnalisation de lurl - Systme de restriction par zone gographique - Cration de campagne : permet de tester plusieurs types de contenu ou de page pour identifier la combinaison la plus efficace. - Blocage des navigateurs web (blocage ou non) Permissions : gestion des droits daccs des utilisateurs. On dfinit les droits de lecture, dcriture et on dfini lappartenance un groupe pour chaque utilisateur.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

61

Proprits : langues : on slectionne les langues actives pour le site paramtres par dfaut : on slectionne les rglages par dfaut : > langue avec option de dtection auto via HTTP_ACCEPT > page derreur personnalise > largeur de la page > rcriture durl > options de scrolling Un onglet Price points permet de dfinir dautres paramtres par dfaut pour la vido, le mur, larticle, le diaporama,

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

62

Un autre onglet permet de dfinir les proprits graphiques par dfaut. Peu comprhensible (et surtout complexe) sans mode demploi.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

63

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

64

Jpeg quality : il est possible de paramtrer la qualit dimage de chaque image jpg du site. (icne de galerie, tlchargement, preview, video previews, video icons, ) Iphone setting : taille de police, chelle de zoom (max-min), affichage de vignettes miniatures pour les vidos, choix de licne pour le bureau DRM : protection de chaque lment : image, vido, sonnerie, animation, Paramtrage des outils de statistiques : > Admob analytics > Bango analytics > Google Analytics > Google Webmasters Tools
65

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Dfinition de rgles pour chaque type dOS mobile (Iphone, Android, RIM OS, ) pour affecter une redirection, afficher des blocks supplmentaires, Reconnaissance dadresse IP : permet de personnaliser les paramtres selon les adresses IP dfinies. Contrles avancs : > utilisation de <div> ou de <table> > choix entre feuille de style interne ou externe > arrire plan horizontal ou vertical

Pour chaque paramtrage, de nombreuses options sont possibles. Lutilisateur peut donc personnaliser un trs grand nombre de rglages sur son site.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

66

11.3. Fonctionnalits de longlet Edit

Gestion des pages

Manager de pages : gestion et dition des pages.

Pour chaque page on peut diter un certains nombre de paramtres

mots-cls utiliss dans lurl meta description meta keywords fond dcran dure du cache de la page largeur de la page dition, duplication, suppression

Gestion des mega chunks

Le mega chunk est un lment qui est cre une seule fois et qui peut ensuite sintgrer sur les pages souhaites. Cest le cas du header et du menu.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

67

Gestion des menus

Gestion des styles

Permet de dfinir des proprits css de faon assez avances. Text size, text style, text decoration, vertical align, text indent, padding, marge, bordure, input, a:hover, a:visited, (voir ci-dessous)

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

68

Il est galement possible de dfinir une feuille de style personnalise. Gestion des textes

Il est possible de dfinir un affichage de texte en alatoire si on slectionne un text pool alatoire.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

69

Gestion des images

Gestion des fonds dcran Gestion des filigranes


70

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

Fonctionnalits supplmentaires (modules) FAQ : cration de questions/rponses Sondage : > limitation du nombre de rpondants et date limite > affichage des rsultats : la fin, la fermeture des votes, jamais > type de graphique > arrire plan / couleur du graphique > taille et largeur des diagrammes ou courbe du graphique > taille/couleur des polices et ombres portes > message de dbut, fin et fermeture du sondage Boite de commentaires (gestions des commentaires : approuvs, refuss, ) Formulaire : paramtrage dune url externe pour rcuprer les donnes. (method : post, get ou send) et module dexportation des donnes par priode. Quizz : fonction comme le formulaire (dont url externe possible) sauf quon cre une question et la liste des rponses possibles Shop : cration dune boutique avec catgories et groupes de produits. Location groups : permet de crer un groupe de boutiques (par exemple Starbucks) et ainsi de regrouper tous les diffrents emplacements dans un seul groupe. Cela permet de rechercher plus facilement une enseigne en prenant en compte la golocalisation. > langue : personnalisation de tous les mots utiliser pour la recherche (bouton valider, pas de rsultats, lancer une nouvelle recherche, comment nous contacter ? etc) > gestion de laffichage : activation ou non pour chaque lment : descriptif, adresse 1, adresse 2, , affichage ville, affichage pays, affichage fax, tlphone, nom du contact, affichage ou non du plan.

11.4. Gestionnaire de contenu Gestionnaire de mdias : flashlite, java. Permet dimporter de nouveaux fichiers. Cration de sets : cela permet de regrouper diffrents types de mdias autour dune mme thmatique. Par exemple si on vend des produits pour une pop star on regroupe tous les produits dans un mme set (photos, fonds dcran, vidos, musiques, sonneries) Cration darticles classs par catgorie Flux RSS (choix du set, langue, url du flux, frquence de mise jour, anciennet maximum dune entre) Catgorie de sets : permet de regrouper un ensemble de sets dans une catgorie (par exemple : Michael Jackson, Madonna, U2 et Lady Gaga sont des sets et on les regroupe dans une catgorie) Espace de stockage de donnes (maximum 4mb par fichier) Tlchargement des donnes du site au format csv (sets, catgories, dossiers, liste des tarifs, ) Client FTP en Flash afin de grer les donnes hberges Personnalisation de media : possibilit de slectionner un format de sortie de fichier vido afin dautomatiser par la suite limportation dun fichier pour le convertir automatique dans le format souhait (3gp, mpeg4, windows movie et choix du bitrate) Label : personnalisation de tous les termes fonctionnels du site.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

71

11.5. Outils De nombreux outils trs spcifiques sont proposs dans la rubrique outils . Diffrentes statistiques sont proposes : Visites/pages vues ventes golocalisation

Possibilit de tlcharger les stats, et de recevoir un rapport par email. Les stats sont dissociables pour chaque campagne.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

72

Wapple propose aussi dafficher une vue globale de tous les canvas (fonctionnalits) quil propose.

11.6. Aide en ligne Wapple propose de laide en ligne : guide de dmarrage cration dun template aide gnrale cration de chunks tutoriel vido glossaire spcifications techniques

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

73

11.7. Remarques Wapple sadresse un public trs averti ! Il est indispensable de consulter laide en ligne pour russir mettre en place un site mobile. Le service est difficile prendre en main et peu intuitif. Wapple semble pourtant tre le service le plus complet en fonctionnalits mais il y a justement trop de possibilits de paramtrage, ce qui le rend trop complexe utiliser. Peut-tre faudrait-il rduire le nombre doptions et se concentrer sur lessentiel Ergonomie : 6 Prix : 7 Simplicit : 1 Richesse fonctionnelle : 10 Compatibilit : 9 Rapidit de mise en place : 7

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

74

12. Wix Mobile


http://mobile.wix.com/ Wix Mobile propose un service trs simple dutilisation pour crer un petit site vitrine. Le service est encore en version Alpha. Il permet de crer facilement des pages en intgrant automatiquement les modules dont on a besoin (ex : album, paragraphe, liste de produits, carte, rseaux sociaux, etc)

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

75

12.1. Mise en place dun site web en 5 minutes

Choix dun template parmi 18 modles

Ensuite on choisit le nom du site, lurl du site et sa catgorie. Il ne nous reste plus qu diter les pages du site (4 pages sont prformates : home, about, services, contact).

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

76

On remplit les contenus (textes, images, lien, etc) pour chaque page. Une fois les 4 pages dites, il ne reste plus qu valider pour finaliser la cration de son site.

Le site est termin est une url est directement affiche pour se connecter avec son mobile.

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

77

Nous pouvons maintenant diter, ajouter ou supprimer du contenu. 12.2. Editer et ajouter du contenu Possibilit de personnaliser lapparence : background (image ou couleur) couleurs des lments du site (texte, bouton, lien, etc) changement de modle de template

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

78

Personnalisation du titre du header + image

Il est possible de rajouter des pages. Au moment de lajout Wix Mobile demande de choisir un type de page.

On peut par exemple ajouter une rubrique rseaux sociaux .

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

79

Pour supprimer une page il suffit daller sur la page Home afin de grer les diffrentes pages du site Il nous reste simplement regarder le rsultat sur lurl mobile : http://m.wix.com/arnaud3/emencia On constate que la version gratuite intgre un bandeau publicitaire en haut de lcran. Les liens vers les rseaux sociaux lance le navigateur du tlphone (il ny a donc pas de chargement intgr dans le site mobile) Les fonctionnalits sont trs limites en version gratuite. (Mais il sagit dune version alpha) 12.3. Fonctionnalits proposes en Premium Plusieurs avantages sont proposs en version Premium : Utilisation de son url personnalise Systme de dtection et redirection si mobile Suppression du bandeau publicitaire Statistiques Google Analytics Hbergement plus performant (espace disque, bande passante, ) Assistance technique 14 jours dessai gratuit

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

80

Il y a 4 formules premium.

Remarques Wix Mobile propose un service trs simple dutilisation. Cest simple et rapide pour crer son site mobile. En revanche, cest un site encore en version Alpha et par consquent ce service propose trs peu de fonctionnalits. Mme en version Premium, certains services concurrents proposent plus de fonctionnalits en mode gratuit... Il faut donc surveiller ce service pour dcouvrir ses prochaines volutions. Bien que les versions premium appliquent des tarifs trs raisonnables, les fonctionnalits restent vraiment limites. Ergonomie : 8 Prix : 7 Simplicit : 8 Richesse fonctionnelle : 6 Compatibilit : 7 Rapidit de mise en place : 9

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

81

13. Atmio Inc.


http://www.atmio.com Contact: sales@atmio.com Phone: (408) 899-7391 Areas of expertise: Mobile Landing Pages; Mobile marketing; Targeting & Optimization; Integrated SMS Lapproche est totalement diffrente de Google Sites. Il ne sagit pas de cration dun site web mobile. Ce service est orient landing page ce qui signifie que chaque page cre est un lment indpendant (il ny a donc pas la notion de menu de navigation).

Plusieurs actions possibles : cration dune landing page : page statique compose de diffrents composants cration dun formulaire galerie dimages campagne variation reports

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

82

13.1. Cration dune landing page

choix du type de provenance : web, qr code ou sms (permet ensuite de distinguer le type de provenance)
83

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

url de la landing page : url atmio ou url externe ID Google Analytics Personnalisation couleur fond et texte des lments de la page Choix des terminaux mobiles autoriss afficher la page (cf screenshot ci-dessous) Possibilit de cibler par langue

Cration des diffrents lments de la page

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

84

13.2. Cration dun formulaire

Cration des lments du formulaire

Personnalisation du processus denvoi du formulaire

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

85

Message afficher aprs validation du formulaire ou bien redirection sur une autre page. Notification email ou non Envoyer les donnes sur une url distante afin de pouvoir rcuprer les donnes dans sa base de donnes par exemple Intgration du code Google Conversion pour le suivi Adwords

13.3. Campagne Cela permet de regrouper dans une mme campagne un ensemble de landing pages qui seront diffuses en alatoire. Cest la fonctionnalit VARIATION qui permet de dfinir les critres de diffusion alatoire. 13.4. Variation Il est possible de dfinir des horaires et jours diffrents pour chaque campagne. Cest dans la rubrique variation quon associe une campagne un type de variation. 13.5. Reports Liste de lensemble des visiteurs ayant visit les landing pages (classement par provenance, ip, date, email/sms, ) Tableau regroupant les rponses au formulaire Possibilit dextraire les donnes au format Excel

13.6. Fonctionnalits venir Ciblage gographique Ciblage Query string parameter

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

86

13.7. Montisation

13.8. Remarques Atmio nest pas un outil pour crer un site web mobile mais plutt pour crer des landings pages (donc des pages indpendantes). Ce service est trs orient ROI ce qui signifie que de nombreuses options sont mises disposition pour tracker et optimiser ses taux de conversions. Outil idal pour un site orient ROI ou qui souhaite crer des pages html simples. Dconseill pour un site vitrine mobile. Ergonomie : 7 Prix : 7 Simplicit : 7 Richesse fonctionnelle : 8 Compatibilit : 7 Rapidit de mise en place : 7

Emencia, SARL au capital de 7500 1 rue Lacue 75012 Paris www.emencia.com

87

You might also like