Tests d’applications de création 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 l’apparence ................................................................10 2.2. Options d’affichage ..............................................................................................11 2.3. Statistiques .........................................................................................................11 2.4. Création de QR Code............................................................................................12 2.5. Création 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 d’outils de base...........................................................................................18 3.3. Ajout d’une nouvelle page ultra rapide ..................................................................18 3.4. Gestion de l’arborescence.....................................................................................18 3.5. Edition du Header et du Footer .............................................................................19 3.6. Personnalisation des couleurs et polices ................................................................20 3.7. Personnalisation du thème....................................................................................20 3.8. Personnalisation du modèle de page .....................................................................21 4. Iloopmobile ....................................................................................................22 4.1. Création d’applications pour smartphone et création de sites mobiles......................22 4.2. Système de création 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 thème graphique.......................................................29 6.2. Customisation du design ......................................................................................29 6.3. Ajout de fonctionnalités........................................................................................30 6.5. Editeur avancé : pour éditer ses pages mobiles .....................................................31 6.6. Dernière étape : personnaliser son url mobile ........................................................32 6.7. Statistiques..........................................................................................................32 6.8. Monétisation........................................................................................................32 6.9. Remarques ..........................................................................................................33 7. Mobify .............................................................................................................35 7.1. Création du site web standard ..............................................................................35 7.2. Création de site ecommerce (Mobify Enterprise) ....................................................39 7.3. Tableau de comparaison des fonctionnalités de Mobiby et ses concurrents...............41

7.4. Remarques ..........................................................................................................42 8. Moovweb ........................................................................................................43 9. Netbiscuits......................................................................................................45 9.1. Edition du contenu d’une page .............................................................................48 9.2. Gestionnaire de fichiers........................................................................................51 9.3. Tarifs...................................................................................................................52 9.4. Remarques ..........................................................................................................52 10. Unbound .......................................................................................................53 10.1. Services proposés ..............................................................................................54 11. Wapple..........................................................................................................55 11.1. Créer et éditer une page ....................................................................................58 11.2. Fonctionnalités de l’onglet Site............................................................................61 11.3. Fonctionnalités de l’onglet 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 d’un site web en 5 minutes ............................................................76 12.2. Editer et ajouter du contenu ...............................................................................78 12.3. Fonctionnalités proposées en Premium ................................................................80 13. Atmio Inc. .....................................................................................................82 13.1. Création d’une landing page ...............................................................................83 13.2. Création d’un formulaire .....................................................................................85 13.3. Campagne .........................................................................................................86 13.4. Variation............................................................................................................86 13.5. Reports .............................................................................................................86 13.6. Fonctionnalités à venir........................................................................................86 13.7. Monétisation ......................................................................................................87 13.8. Remarques ........................................................................................................87

1. Analyse de GO|MO
Le site Go Mo est une initiative de Google pour promouvoir le développement des sites web mobiles. Le site a été entièrement développé en HTML5, technologie principalement utilisée sur tous les sites web mobiles se voulant animés et dynamiques.

Ce site permet de faire un rapide diagnostic de son site actuel et donne également un grand nombre d’informations pour lancer son site mobile. Voici les différentes rubriques proposées.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

4

1.1. Why GO MO ? Rubrique de présentation qui sensibilise sur la nécessité d’avoir une version mobile de son site. D’une part pour avoir un affichage adapté et également parce que le nombre d’utilisateurs 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 décourage pas à recommander le site.

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

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

5

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 considèrent les applications comme ludiques et très utiles mais ils préfèrent utiliser un site mobile pour se renseigner sur des tarifs, lire des avis sur des produits, ou même 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 très simple fonctionnalités tactiles conviviales ergonomique accessible
6

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

-

conversion facile géolocalisation système de redirection automatique

1.2. Tester son site GO MO permet de tester son site web grâce à son GO MO Meter. Après l’analyse GO MO génère un rapport au format pdf. De nombreux aspects du site sont évalués : - le temps de chargement - affichage des images - taille des textes - fonctionnalités tactiles - géolocalisation - clic to call GO MO donne ensuite des recommandations pour améliorer son site mobile. (ou le créer) Enfin Google conseille pour les étapes suivantes : lancer son site mobile. Possibilité de consulter la liste de prestataires recommandés par Google se référencer dans Google places for business afin d’apparaître 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 recommandés pour la création de son site mobile et l’élaboration de sa stratégie. (Google recommande tout de même de passer son prestataire si on en connaît déjà 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 Lacuée 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, délai de réalisation et type de service (création soi même ou service complet) Google invite dans un second temps à utiliser ses 2 services : Google places et Mobile Ads pour développer son business mobile.

1.4. Mobilizing mobile Il est possible de référencer son site web sur Google Map pour dire qu’on va s’engager à rendre son site mobile. Ainsi, ce service regroupe sur Google Map l’ensemble des Sociétés qui se sont engagées à rendre leur site mobile

13.5. For Agencies Il est possible de s’abonner à leur newsletter pour être tenu informé des nouveautés.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

8

2. Kishkee
Après inscription, on se retrouve sur une page d’édition pour commencer à créer son site mobile.

Création rapide du contenu de la page en insérant les éléments en cliquer/glisser (ex : titre, texte, image, vidéo, slideshow, …)

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

9

L’onglet PAGE SETTINGS permet de gérer le header, le footer et la navigation pour chaque page : d’afficher ou non la navigation le header et le footer d’éditer le header et le footer

Possibilité de créer plusieurs pages. On sauvegarde puis ADD A PAGE

2.1. Styling : pour personnaliser l’apparence L’édition de l’apparence s’effectuer sur 4 zones de la page: - Page defaults - Main titles - Sub titles - Button

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

10

2.2. Options d’affichage Plusieurs options sont proposées : Personnalisation du nom de l’url (soit url avec Kishkee, soit url externe) Icône du site Affichage de la tooltip pour ajouter site sur son bureau Code javascript pour détection des terminaux mobiles

2.3. Statistiques Personnalisation par période Distinction des visites et des visiteurs

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

11

2.4. Création de QR Code Sert simplement à générer des QR codes

2.5. Création de coupons Permet de créer des pages spéciales qui proposent des coupons de réductions pour les internautes.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

12

-

affichage d’un code promo date d’expiration obliger l’internaute à s’inscrire 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 Lacuée 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 générateur de QR code pour chaque site web et propose également de générer des pages pour des coupons de réduction. 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é accéder au "page settings". Nous n’avons pas réussi à créer 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 Lacuée 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 Lacuée 75012 Paris www.emencia.com

15

Prévisualisation De son site mobile

3.1. Edition rapide de la zone de contenu

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

16

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

17

3.2. Barre d’outils de base

3.3. Ajout d’une nouvelle page ultra rapide

3.4. Gestion de l’arborescence Déplacement des rubriques par drag & drop

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

18

3.5. Edition du Header et du Footer

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

19

3.6. Personnalisation des couleurs et polices des différents éléments du site

3.7. Personnalisation du thème

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

20

3.8. Personnalisation du modèle de page Permet d’ajouter des fonctions de base selon l’usage de la page : Annonce Classeur Liste (ex : todolist) Classique

Autres fonctionnalités : intégration google analytics intégration google webmasters restriction d’accès pour les collaborateurs uniquement intégration google adsense intégration moteur de recherche possibilité d’intégrer des commentaires associer à un nom de domaine personnalisé et externe utilisation de scripts app (voir screenshot ci-dessous) un système de backup numéroté par version

https://sites.google.com/site/chezvilay/home Google Sites est un outil très complet pour créer facilement ses pages mobiles. L’interface est intuitive et l’ensemble des fonctions principales d’un site web sont proposées. Google Sites pour mobile est un bon compromis entre simplicité, fonctionnalités 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 Lacuée 75012 Paris www.emencia.com

21

4. Iloopmobile
http://www.iloopmobile.com Ce service ne permet pas d’utiliser un éditeur en ligne. Il n’est 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 aperçu des services proposés :

4.1. Création d’applications pour smartphone et création de sites mobiles Express Apps : c’est un service qui permet de convertir un site mobile en application native. Cela signifie que l’utilisateur n’a pas besoin de lancer le navigateur du téléphone puisque tout fonctionne comme une application (téléchargeable sur l’app store et autres équivalents pour les autres OS) Ce service est mis en place en moins de 3 semaines. Enhanced Apps : propose la même chose qu’Express Apps mais offre des fonctionnalités supplémentaires. Il est ainsi possible d’utiliser les capacités du smartphone pour aller plus loin avec son application : accéléromètre, caméra, géolocalisation, magnétophone, disque dur, répertoire, agenda, sonnerie/vibreur.
22

-

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

-

Applications sur mesure Site mobile en HTML5 : service sur mesure pouvant inclure de nombreuses fonctionnalités. On peut notamment mettre en place des fonctionnalités du type : utilisation de l’application en mode non connectée, géolocalisation, système de cliquer/déposer, tout type de rich media.

Les tarifs ne sont pas communiqués sur leur site. Leur offre tarifaire est cependant assez souple puisqu’il est possible de payer sous forme d’abonnement mensuel plutôt que de payer un important coût fixe au départ (à condition de s’engager sur 1 an). 4.2. Système de création de coupons / promotions via SMS et code barre Ce système est également une prestation de service proposé par l’équipe Iloop. Il n’est donc pas possible de tester en ligne.

Ce système fonctionne avec des points de ventes existants tels que Verifone, Microsoft, ... Le principe est donc d’envoyer une offre promotionnelle. Les internautes qui la reçoive récupère un code de réduction via leur mobile. Ce code est utilisable dans les magasins utilisant ce sytème de couponing. Enfin il est possible de tracker exactement la provenance des internautes qui ont utilisé le coupon pour optimiser ses campagnes de réductions par la suite.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

23

4.3. Service de campagne politique Un système pour gérer sa campagne politique afin de toucher un maximum de votants. L’idée de ce service est née avec la campagne de communication de Barack Obama lors des élections américaines en 2008. Ce package inclut : 10 heures de conseils stratégiques pour votre campagne mobile. Système d’alerte sms/messages mobiles pour toucher votre cible Base de données constituée grâce aux alertes sms Création d’un site mobile composé de vidéo et audio Outils de statistiques pour pouvoir analyser le trafic liés aux sms et venant sur le site mobile

Délai de mise en place : système d’alerte sms : 5 jours site mobile : 15 jours

4.4. Conseil en marketing mobile 3 heures de conseils Evaluation des meilleurs outils pour votre stratégie (sms, site mobile, autres, …) Définition des métriques permettant de mesurer vos objectifs et choix de l’outil vous permettant de mesurer les résultats. Mise en place de recommandations complètes pour démarrer.

Leur brochure est téléchargeable à cette adresse : http://www.slideshare.net/iLoopMobile/productoffering-carrier-mobile-marketing-solutions-services Iloop Mobile propose donc un service très complet grâce à de nombreuses technologies : système sms système de coupons éditeurs statistiques plateforme d’administration des différents services etc

C’est donc un service qui semble adapté aux personnes qui désirent un service personnalisé et accompagné de conseils. Ne pouvant tester ce service, il n’est pas possible de se prononcer sur les avantages et inconvénients.
24

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

5. Julysystem
http://julysystems.com/ July Systems a développé un service appelé Mi Platform qui permet de : Créer, gérer, marketer et monétiser son site mobile 3 services sont proposés : - Elaboration de design et intégration - Support et intervention sur leur plateforme de création de site mobile. - Mise à disposition de leur éditeur de site web : Mi Platform Mi Platform Il faut demander par email un accès pour tester gratuitement pendant 30 jours la plateforme Mi. Une fois l’email, reçu on reçoit des accès pour télécharger une application qui doit s’installer sur l’ordinateur (et requiert Adobe Air)

Une fois installée en 30 secondes, on s’identifie pour commencer.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

25

Plusieurs fonctionnalités : Editeur de site Gestionnaire de fichiers (images, vidéos…) Editeur de flux Outil de publication de messages Outils de statistiques

Problème de connexion serveur. Nous re-testerons un peu plus tard.
26

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

Après plusieurs tentatives, le même message d’erreur apparaît. July System a déjà plusieurs références

Leur site web met en avant la personnalisation, l’éditeur de site mobile, outils de statistiques, l’outil de gestion de campagne de pub, intégration dans les store mobile, média sociaux, coupons et sms Il n’est pas possible de commenter les avantages et inconvénients du service puisque leur système est inaccessible au moment du test.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

27

6. Dudamobile
Page d’accueil très intuitive qui présente les services de Dudamobile et formulaire pour générer son site web au format mobile

Dudamobile analyse l’arborescence du site et génère automatiquement une version mobile du site web en utilisant le menu de navigation qu’il a identifié

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

28

6.1. Choix et personnalisation du thème graphique (plus de 100 thèmes proposés)

6.2. Customisation du design Personnalisation générale, du header, footer, menu de navigation, …

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

29

6.3. Ajout de fonctionnalités 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 Lacuée 75012 Paris www.emencia.com

30

6.5. Editeur avancé : pour éditer ses pages mobiles Possibilité de supprimer, modifier et ajouter des éléments 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 Lacuée 75012 Paris www.emencia.com

6.6. Dernière étape : personnaliser son url mobile et paramétrage de la redirection pour les mobiles On peut soit utiliser l’url par défaut (ex : http://mobile.dudamobile.com/site/services-a-la-maison) soit on définit sa propre url. Dans le cas d’une personnalisation il faut créer un enregistrement CNAME chez son registrar. NOTE : seule la version Premium permet de bénéficier de cette personnalisation. Dudamobile génère automatiquement un code javascript à placer sur son site web afin de gérer automatiquement la redirection sur le site mobile (si le visiteur utilise un mobile). 6.7. Statistiques Source de trafic Appareils : mobiles, ordinateurs, … Géolocalisation Pages consultées

6.8. Monétisation : offre Premium à $9 / mois Nom de pages illimitées (contre 10 en gratuit) Bande passante illimité (contre 500 Mb en gratuit) Sans publicité et url personnalisée (sinon pub et url Duda) Affichage d’un click to call, plan de l’entreprise, etc (fonction désactivée en gratuit)

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

32

6.9. Remarques Dudamobile est un des services les plus intuitifs parmis les sites Gomo. La création d’un site est vraiment simple, agréable et rapide ! En effet, à partir de l’url d’un site web, Dudamobile crée automatiquement le site web mobile. (Il analyse l’arborescence pour créer la navigation et les pages) Leur système est capable d’effectuer automatiquement les mises à jour du site mobile. (il détecte les mises à jour faites sur le site standard) Un large choix de thème graphique est proposé. La version pro à $9 dollars permet de débrider toutes les limites de la version gratuite. (pub, 10 pages max, …) Inconvénients : - Trop d’automatisation peut tuer la personnalisation : sur certains sites, le générateur de sites mobiles ne crée pas un site présenté et organisé comme on le souhaite. - Mise en avance de contenu inutile, menu de navigation inadapté pour une version mobile, … Cela peut être problématique pour un certain nombre de sites. Le support de Dudamobile m’a répondu qu’il était possible de réajuster cet affichage via l’éditeur avancé. Cependant ils vont regarder ce qu’ils peuvent faire pour gérer l’affichage 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 Lacuée 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 Lacuée 75012 Paris www.emencia.com

34

7. Mobify
2 types de services sont proposés : - Création de sites web - Création de site e-commerce 7.1. Création du site web standard On démarre sur une page très sombre pour indiquer l’url du site web à adapter au format mobile.

Analyse rapide du site puis affichage de sélecteurs pour choisir les éléments du site qu’on souhaite intégrer sur la version mobile.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

35

Les sélecteurs ci-dessus indiquent le libellé de la base html : h1, span, td, div, h2, etc … Il suffit de cliquer sur les éléments que l’on veut conserver pour la version mobile. Une fois validé, Mobify nous redirige vers la page d’un éditeur css qui correspond à la feuille de style des éléments sélectionnés. La Maîtrise des css est obligatoire pour personnaliser son site mobile.

Il est aussi possible d’ajouter du code HTML comme l’indique la capture d’écran ci-dessus.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

36

Une fois le design adapté à la version mobile, on arrive sur la dernière étape : « Manage »

Différentes fonctionnalités sont possibles : personnalisation de l’url du site (ex : mobile.emencia.com) + script de détection du terminal utilisé pour rediriger ou non sur la version mobile intégrer de la publicité sur le site mobile (Admob publisher ou Adsense) Intégration de Google Analytics Gestion des paramètres de chaque page du site mobile

La gestion des paramètres de chaque page est également peu intuitive et difficilement compréhensible comparé aux autres services. Il est possible d’obtenir un résultat intéressant en personnalisant correctement sa feuille de style et ajoutant les bonnes balises HTML

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

37

2 types d’abonnements mensuels sont proposés : - Pro à $249 - Publisher à $1000

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

38

7.2. Création de site ecommerce (Mobify Enterprise)

Le service de création de site ecommerce ne peut pas être testé en ligne. Les tarifs ne sont pas non plus communiqués. Mobify utilise HTML5, CSS et Javascript et AJAX pour réaliser des applications mobiles.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

39

Les données du site mobile sont automatiquement synchronisées avec le site principal. Mobify gère automatiquement les redirections entre le site principal et mobile. Avec une même url Mobily gère l’affichage adapté.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

40

7.3. Tableau de comparaison des fonctionnalités de Mobiby et ses concurrents

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

41

Parmi les références 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, l’outil 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. L’outil est donc conseillé pour les utilisateurs ayant un niveau avancé. Le service ecommerce ne peut pas être testé donc aucune remarque ne peut être effectuée 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 Lacuée 75012 Paris www.emencia.com

42

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

Moovweb propose plusieurs services : Mise en place de sites mobiles Mise en place d’applications (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 d’un éditeur de site(Moovweb Editor) Service de design pour adapter l’expérience utilisateur

Moovweb propose aussi son expertise afin de répondre aux problématiques de chaque plateforme mobile : Stockage local des données Géolocalisation Support flash Support youtube Support css3 Une centaine d’autres bugs et problématiques

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

43

Moovweb propose simplement une démo de leur site.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

44

9. Netbiscuits
http://www.netbiscuits.com Net biscuits propose la création d’applications natives ou de sites mobiles.

Plusieurs services sont proposés par Net Biscuits : Editeur de site en ligne Gestionnaire de fichiers Flux mobile Système de points d’intérêts géographiques Outil de création de coupons Outils de statistiques

Lorsqu’on crée un compte, on peut accéder à l’éditeur de site mobile. Il ressemble à un explorateur de fichier.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

45

Pages déjà créées

Modèle type de page à ajouter par cliquer glisser

Aperçu de la page

3 onglets pour basculer de la gestion des pages à la gestion des modules et médias

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

46

Il suffit de changer l’ordre des éléments de la colonne de gauche pour changer leur disposition dans la page. Le bouton <BML> permet d’afficher le code XML mais il ne permet pas d’éditer le contenu.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

47

9.1. Edition du contenu d’une page Pour éditer le contenu, il faut sélectionner l’élément (appelé « biscuit ») qu’on souhaite éditer. Par exemple pour écrire « Emencia » :

Et ainsi de suite pour chaque élément

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

48

36 fonctionnalités (biscuits) sont proposées pour l’intégration dans les pages. Il suffit de faire un cliquer/glisser pour en ajouter un.

14 modèles de page sont déjà à disposition. Cela permet de gagner du temps en utilisant une structure déjà existante ainsi que des exemples de texte qu’il y a simplement à remplacer.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

49

Par exemple, parmi les différents modèles 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 d’Iphone

On peut définir des containers et des colonnes

Cela sert à placer les éléments dans différents conteneurs ou colonnes

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

50

9.2. Gestionnaire de fichiers Il est possible de parcourir et gérer ses différents médias via un explorateur de fichiers (media repository). Ils sont classés par catégorie.

Net Biscuit propose également un système de coupon et un système de création de points d’intérêt (POI Locator).

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

51

9.3. Tarifs

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

La version payante permet d’afficher 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 déposer sur n’importe quelle page une nouvelle fonctionnalité (36 biscuits au total). Le choix de fonctionnalités est assez varié mais la prise en main n’est pas très simple. Il faut un certain temps d’adaptation pour comprendre toute la logique de création de pages. L’aspect intuitif et simplicité n’est donc pas le meilleur parmi les différents services proposés 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 Lacuée 75012 Paris www.emencia.com

52

10. Unbound
http://www.unboundcommerce.com Unbound est spécialisé dans la création de site ecommerce.

Ce service ne propose pas de d’outil de création gratuit. Il n’est donc pas possible de tester ce service. 3 formules sont proposées :

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

53

10.1. Services proposés Logiciel de présence mobile le site mobile est automatiquement synchronisé avec le site principal gestion du site mobile en s’adaptant parfaitement au site principal. création d’une application ecommerce pour Facebook, Iphone ou autre mobile. Mise à disposition d’une solution ecommerce pour les PME. Cette solution inclus : un design adapté, intégration catalogue, système de commande par carte de paiement, outil de statistiques, click to call, support technique

Le site ne fournit pas d’éléments concernant les fonctionnalités de ses services. Références 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 Lacuée 75012 Paris www.emencia.com

54

11. Wapple
Wapple propose différents services autour de la création de sites mobiles. Parmi ses services : design : service de design et optimisation de l’expérience utilisateur conception et intégration du design adaptation du site original pour un site mobile expertise en stratégie marketing pour mobile consulting pour la mise en place stratégique du service mobile mise à disposition de sa technologie de création de sites mobiles

Il se positionne clairement sur le domaine du conseil, accompagnement, et prestation de service de design et conception. La plateforme de création n’est donc qu’une partie de leurs services. Il existe une version gratuite de leur service afin de créer une version mobile standard. Une fois inscrit sur leur service on accède au tableau de bord. On peut ainsi démarrer la création d’un site mobile.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

55

On commence par choisir la structure du site : une page adaptée pour le clic to call une page adaptée pour collecter des leads (formulaire de contact) une page proposant des pages supplémentaires 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 Lacuée 75012 Paris www.emencia.com

56

On peut démarrer d’une page blanche. Essayons cette option. Cela nous affiche l’éditeur :

Multiples fonctionnalités proposées dans l’éditeur.

Après une dizaine de minutes, on réalise que l’éditeur n’est pas très intuitif : l’ajout de page et de texte n’est pas très clair.
57

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

11.1. Créer et éditer une page

La page se rajoute à la liste des pages déjà créées, on peut alors éditer la structure de la page.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

58

Choix de l’élément à intégrer. On choisit « text ».

Intégration d’une css personnalisée possible

Wapple fonctionne avec un système de « chunk » qui est une sorte d’objet/élément qu’on crée une seule fois et qui peut s’intégrer dans n’importe quelle page.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

59

Après validation on arrive sur une page pour configurer l’élément texte. Cette page est très peu compréhensible si on ne lit pas le guide d’utilisation.

Le résultat ne correspond à nos attentes.
60

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

Le texte d’une autre page s’affiche en titre principal (alors que nous n’avons pas demandé d’utiliser ce texte)

Après 2 heures de test pour essayer de créer les premières pages du site, rien n’a avancé. Le système est vraiment peu compréhensible. Passons plutôt à la présentation des fonctionnalités

11.2. Fonctionnalités de l’onglet Site Accès : - Raccourcisseur d’url - Personnalisation de l’url - Système de restriction par zone géographique - Création 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 d’accès des utilisateurs. On définit les droits de lecture, d’écriture et on défini l’appartenance à un groupe pour chaque utilisateur.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

61

Propriétés : langues : on sélectionne les langues activées pour le site paramètres par défaut : on sélectionne les réglages par défaut : > langue avec option de détection auto via HTTP_ACCEPT > page d’erreur personnalisée > largeur de la page > réécriture d’url > options de scrolling Un onglet « Price points » permet de définir d’autres paramètres par défaut pour la vidéo, le mur, l’article, le diaporama, …

-

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

62

Un autre onglet permet de définir les propriétés graphiques par défaut. Peu compréhensible (et surtout complexe) sans mode d’emploi.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

63

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

64

-

Jpeg quality : il est possible de paramétrer la qualité d’image de chaque image jpg du site. (icône de galerie, téléchargement, preview, video previews, video icons, …) Iphone setting : taille de police, échelle de zoom (max-min), affichage de vignettes miniatures pour les vidéos, choix de l’icône pour le bureau DRM : protection de chaque élément : image, vidéo, sonnerie, animation, … Paramétrage des outils de statistiques : > Admob analytics > Bango analytics > Google Analytics > Google Webmasters Tools
65

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

-

Définition de règles pour chaque type d’OS mobile (Iphone, Android, RIM OS, …) pour affecter une redirection, afficher des blocks supplémentaires, … Reconnaissance d’adresse IP : permet de personnaliser les paramètres selon les adresses IP définies. Contrôles avancés : > utilisation de <div> ou de <table> > choix entre feuille de style interne ou externe > arrière plan horizontal ou vertical

Pour chaque paramétrage, de nombreuses options sont possibles. L’utilisateur peut donc personnaliser un très grand nombre de réglages sur son site.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

66

11.3. Fonctionnalités de l’onglet Edit

Gestion des pages

Manager de pages : gestion et édition des pages.

Pour chaque page on peut éditer un certains nombre de paramètres

-

mots-clés utilisés dans l’url meta description meta keywords fond d’écran durée du cache de la page largeur de la page édition, duplication, suppression

Gestion des mega chunks

Le mega chunk est un élément qui est crée une seule fois et qui peut ensuite s’intégrer sur les pages souhaitées. C’est le cas du header et du menu.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

67

Gestion des menus

Gestion des styles

Permet de définir des propriétés css de façon assez avancées. 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 Lacuée 75012 Paris www.emencia.com

68

Il est également possible de définir une feuille de style personnalisée. − Gestion des textes

Il est possible de définir un affichage de texte en aléatoire si on sélectionne un « text pool » aléatoire.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

69

Gestion des images

− −

Gestion des fonds d’écran Gestion des filigranes
70

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

− -

Fonctionnalités supplémentaires (modules) FAQ : création de questions/réponses Sondage : > limitation du nombre de répondants et date limite > affichage des résultats : à la fin, à la fermeture des votes, jamais > type de graphique > arrière plan / couleur du graphique > taille et largeur des diagrammes ou courbe du graphique > taille/couleur des polices et ombres portées > message de début, fin et fermeture du sondage Boite de commentaires (gestions des commentaires : approuvés, refusés, …) Formulaire : paramétrage d’une url externe pour récupérer les données. (method : post, get ou send) et module d’exportation des données par période. Quizz : fonction comme le formulaire (dont url externe possible) sauf qu’on crée une question et la liste des réponses possibles Shop : création d’une boutique avec catégories et groupes de produits. Location groups : permet de créer un groupe de boutiques (par exemple Starbucks) et ainsi de regrouper tous les différents emplacements dans un seul groupe. Cela permet de rechercher plus facilement une enseigne en prenant en compte la géolocalisation. > langue : personnalisation de tous les mots à utiliser pour la recherche (bouton valider, pas de résultats, lancer une nouvelle recherche, comment nous contacter ? … etc) > gestion de l’affichage : activation ou non pour chaque élément : descriptif, adresse 1, adresse 2, …, affichage ville, affichage pays, affichage fax, téléphone, nom du contact, … affichage ou non du plan.

-

11.4. Gestionnaire de contenu Gestionnaire de médias : flashlite, java. Permet d’importer de nouveaux fichiers. Création de sets : cela permet de regrouper différents types de médias autour d’une même thématique. Par exemple si on vend des produits pour une pop star on regroupe tous les produits dans un même set (photos, fonds d’écran, vidéos, musiques, sonneries…) Création d’articles classés par catégorie Flux RSS (choix du set, langue, url du flux, fréquence de mise à jour, ancienneté maximum d’une entrée…) Catégorie de sets : permet de regrouper un ensemble de sets dans une catégorie (par exemple : Michael Jackson, Madonna, U2 et Lady Gaga sont des sets et on les regroupe dans une catégorie) Espace de stockage de données (maximum 4mb par fichier) Téléchargement des données du site au format csv (sets, catégories, dossiers, liste des tarifs, …) Client FTP en Flash afin de gérer les données hébergées Personnalisation de media : possibilité de sélectionner un format de sortie de fichier vidéo afin d’automatiser par la suite l’importation d’un 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 Lacuée 75012 Paris www.emencia.com

71

11.5. Outils De nombreux outils très spécifiques sont proposés dans la rubrique « outils ». Différentes statistiques sont proposées : Visites/pages vues ventes géolocalisation

Possibilité de télécharger les stats, et de recevoir un rapport par email. Les stats sont dissociables pour chaque campagne.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

72

Wapple propose aussi d’afficher une vue globale de tous les canvas (fonctionnalités) qu’il propose.

11.6. Aide en ligne Wapple propose de l’aide en ligne : guide de démarrage création d’un template aide générale création de chunks tutoriel vidéo glossaire spécifications techniques

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

73

11.7. Remarques Wapple s’adresse à un public très averti ! Il est indispensable de consulter l’aide en ligne pour réussir à 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 fonctionnalités mais il y a justement trop de possibilités de paramétrage, ce qui le rend trop complexe à utiliser. Peut-être faudrait-il réduire le nombre d’options et se concentrer sur l’essentiel… 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 Lacuée 75012 Paris www.emencia.com

74

12. Wix Mobile
http://mobile.wix.com/ Wix Mobile propose un service très simple d’utilisation pour créer un petit site vitrine. Le service est encore en version Alpha. Il permet de créer facilement des pages en intégrant automatiquement les modules dont on a besoin (ex : album, paragraphe, liste de produits, carte, réseaux sociaux, etc…)

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

75

12.1. Mise en place d’un site web en 5 minutes

Choix d’un template parmi 18 modèles

Ensuite on choisit le nom du site, l’url du site et sa catégorie. Il ne nous reste plus qu’à éditer les pages du site (4 pages sont préformatées : home, about, services, contact).

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

76

On remplit les contenus (textes, images, lien, etc…) pour chaque page. Une fois les 4 pages éditées, il ne reste plus qu’à valider pour finaliser la création de son site.

Le site est terminé est une url est directement affichée pour se connecter avec son mobile.

Emencia, SARL au capital de 7500 € 1 rue Lacuée 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 l’apparence : background (image ou couleur) couleurs des éléments du site (texte, bouton, lien, etc…) changement de modèle de template

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

78

Personnalisation du titre du header + image

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

On peut par exemple ajouter une rubrique « réseaux sociaux ».

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

79

Pour supprimer une page il suffit d’aller sur la page « Home » afin de gérer les différentes pages du site Il nous reste simplement à regarder le résultat sur l’url mobile : http://m.wix.com/arnaud3/emencia On constate que la version gratuite intègre un bandeau publicitaire en haut de l’écran. Les liens vers les réseaux sociaux lance le navigateur du téléphone (il n’y a donc pas de chargement intégré dans le site mobile) Les fonctionnalités sont très limitées en version gratuite. (Mais il s’agit d’une version alpha) 12.3. Fonctionnalités proposées en Premium Plusieurs avantages sont proposés en version Premium : Utilisation de son url personnalisée Système de détection et redirection si mobile Suppression du bandeau publicitaire Statistiques Google Analytics Hébergement plus performant (espace disque, bande passante, …) Assistance technique 14 jours d’essai gratuit

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

80

Il y a 4 formules premium.

Remarques Wix Mobile propose un service très simple d’utilisation. C’est simple et rapide pour créer son site mobile. En revanche, c’est un site encore en version Alpha et par conséquent ce service propose très peu de fonctionnalités. Même en version Premium, certains services concurrents proposent plus de fonctionnalités en mode gratuit... Il faut donc surveiller ce service pour découvrir ses prochaines évolutions. Bien que les versions premium appliquent des tarifs très raisonnables, les fonctionnalités restent vraiment limitées. 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 Lacuée 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 L’approche est totalement différente de Google Sites. Il ne s’agit pas de création d’un site web mobile. Ce service est orienté « landing page » ce qui signifie que chaque page créée est un élément indépendant (il n’y a donc pas la notion de menu de navigation).

Plusieurs actions possibles : création d’une landing page : page statique composée de différents composants création d’un formulaire galerie d’images campagne variation reports

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

82

13.1. Création d’une 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 Lacuée 75012 Paris www.emencia.com

-

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

-

Création des différents éléments de la page

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

84

13.2. Création d’un formulaire

Création des éléments du formulaire

Personnalisation du processus d’envoi du formulaire

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

85

-

Message à afficher après validation du formulaire ou bien redirection sur une autre page. Notification email ou non Envoyer les données sur une url distante afin de pouvoir récupérer les données dans sa base de données par exemple Intégration du code Google Conversion pour le suivi Adwords

13.3. Campagne Cela permet de regrouper dans une même campagne un ensemble de landing pages qui seront diffusées en aléatoire. C’est la fonctionnalité VARIATION qui permet de définir les critères de diffusion aléatoire. 13.4. Variation Il est possible de définir des horaires et jours différents pour chaque campagne. C’est dans la rubrique variation qu’on associe une campagne à un type de variation. 13.5. Reports Liste de l’ensemble des visiteurs ayant visité les landing pages (classement par provenance, ip, date, email/sms, …) Tableau regroupant les réponses au formulaire Possibilité d’extraire les données au format Excel

13.6. Fonctionnalités à venir − − Ciblage géographique Ciblage « Query string parameter »

Emencia, SARL au capital de 7500 € 1 rue Lacuée 75012 Paris www.emencia.com

86

13.7. Monétisation

13.8. Remarques Atmio n’est pas un outil pour créer un site web mobile mais plutôt pour créer des landings pages (donc des pages indépendantes). Ce service est très orienté ROI ce qui signifie que de nombreuses options sont mises à disposition pour tracker et optimiser ses taux de conversions. Outil idéal pour un site orienté ROI ou qui souhaite créer des pages html simples. Déconseillé 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 Lacuée 75012 Paris www.emencia.com

87

Master your semester with Scribd & The New York Times

Special offer for students: Only $4.99/month.

Master your semester with Scribd & The New York Times

Cancel anytime.