SOMMAIRE. 1. Paysage actuel 1. Chiffres clés et tendances 2. Fragmentation toujours élevée 3. Synthèse. 2. Démarche: pourquoi et quoi faire?

Dimension: px
Commencer à balayer dès la page:

Download "SOMMAIRE. 1. Paysage actuel 1. Chiffres clés et tendances 2. Fragmentation toujours élevée 3. Synthèse. 2. Démarche: pourquoi et quoi faire?"

Transcription

1

2 Préambule D'abord considéré comme un simple support de communication, le mobile est devenu en 5 ans un canal d accès privilégié au web, contenus et services. A ce titre, les enjeux du mobile ont considérablement augmenté et font maintenant partie intégrante des stratégies des entreprises. Néanmoins, si l importance du mobile est un fait globalement partagé, le sujet reste complexe à aborder pour la plupart des entreprises car il demeure nouveau, mouvant et à la croisée du web, du marketing et de la technique. Smile, spécialiste du web et de l intégration de solutions open source a donc réalisé ce guide afin de vous éclairer dans votre démarche et de vous accompagner dans la définition puis la gestion d un projet mobile.

3 SOMMAIRE 1. Paysage actuel 1. Chiffres clés et tendances 2. Fragmentation toujours élevée 3. Synthèse 2. Démarche: pourquoi et quoi faire? 3. Démarche: comment faire? 4. Le "cross-platform» 5. L approche de Smile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 3

4 1. Paysage actuel Chiffres clés et tendances

5 CHIFFRES CLÉS ET TENDANCES Le mobile a déjà 30 ans et est devenu au file des années un canal incontournable. Voici quelques terminaux qui ont marqué l'histoire : Motorola DynaTAC 8000x (1983) Bi-Bop (1990) Nokia 3210 et 3310 (1999) Blackberry 5790 (2000) Motorola Razr V3 (2005) Apple iphone 1 (2007) Ce canal sera bientôt dominant, en nombre de connexion dans le monde Dès maintenant [ ] 4 consommateurs sur 5 peuvent accéder à Internet et au commerce en ligne via leur mobile, contre 1 consommateur sur 5 via son ordinateur. " (source: TNS Sofres) 2012 Dans le monde, en 2014, Internet sera majoritairement mobile en nombre de connexion (Source: Etude Morgan Stanley 2011) "All people in the world are going to get a smartphone, and for most of them it will be their first computer." (Larry Page, CEO Google 2012) Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 5

6 CHIFFRES CLÉS ET TENDANCES Croissance du parc et intensification des usages en France En forte croissance (34% en 2011) et avec un parc de 20 millions de smartphones en France à fin 2011, on est loin de la technologie de pointe et réservée à quelques spécialistes que l on a connu. Par ailleurs, l aspect le plus marquant est son utilisation qui s intensifie d année en année (doublement du nombre d utilisateurs quotidiens de l internet mobile en un an). Les nouveaux utilisateurs, se servent de leur smartphone, et ce de plus en plus. +34% Mobinaute = utilisateur de smartphone allant sur Internet (via navigateur ou application) +100% Source: Médiamétrie D après Google/Ipsos, on compterait 55% de mobinautes quotidiens Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 6

7 CHIFFRES CLÉS ET TENDANCES Partout et tout le temps > 90% des utilisateurs gardent leur smartphone sur eux 24h/24h Majoritairement utilisé à la maison Devant la télévision Au lit Dans la salle de bain ou aux toilettes et ensuite en «mobilité» : Durant une attente En transport En réunion / en cours En faisant les courses L âge moyen du premier mobile : 11 ans et demi! Portrait du Mobinaute Données France Près de 50% ont moins de 35 ans 8/10 habitent hors agglomération parisienne (vs. 3/4 l an dernier) 43% sont des femmes (vs. 40% l an dernier) (Source: Médiamétrie) Source : IPSOS et CETELEM Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 7

8 CHIFFRES CLÉS ET TENDANCES Applications - Des utilisateurs qui téléchargent, testent, et zappent Le 5 mars Apple a fêté ses 25 milliards d applications téléchargées. Autre chiffre marquant, demandes d applications à valider par semaine dont un tiers sera rejeté. Applications les plus téléchargées en 2011 (dans le monde tout OS confondus) Angry Birds, Facebook, Skype, Angry Birds Rio, Google Maps, ibooks, Angry Birds season, Fruit Ninja, Talking Tom Cat, Twitter Plébiscitées pour les utilisateurs et présentes en très grand nombre 1 million d applications disponibles sur les stores (total des 4 principaux OS) En 2011, 18 milliards d applications ont été téléchargées 83* applications téléchargées en moyenne par an sur ios. *D autres études parlent de 60 à 80 applications téléchargées par an/ par personne, 30 utilisées dont 10 régulièrement Source chiffres : ChangeWave Gartner Un phénomène de «Blockbusterisation» (concentration des usages) Le top 10 des applications Android concentre 43 % de tout le temps passé Des applications considérées comme jetables ou Kleenex 26% des applications sont téléchargées, ouvertes une seule fois pour ne plus jamais être utilisées. Seuls 26% sont utilisées plus de 10 fois aux durées de vie très éphémères: Après un mois d utilisation, seulement 38% des utilisateurs (ios comme Android) l utilisent encore Après 6 mois, seulement 14%, puis seulement 2% utiliseront après 12 mois Source chiffres: Apple, Localytics, Flurry Analytics & Estimates Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 8

9 CHIFFRES CLÉS ET TENDANCES Web mobile - des utilisateurs exigeants Mais nombreux De 2010 à 2011: la part des recherches sur mobile est passée de 2,95% à 5,98% (chiffres monde) En d autres termes: les utilisateurs ont des besoins et souhaitent vous trouver Mais leur expérience actuelle est encore globalement déceptive (US) Un utilisateur sur deux est globalement insatisfait de son expérience d internet sur mobile. 1/4 d entre eux, ne reviendront pas Pour 15% le site ne répond pas à leurs attentes ou est mal adapté au mobile Pour 38% il est trop lent Pour 18% le site ne fonctionne pas Pour 13% le site mobile n existe pas L étude montre néanmoins que la différence entre le web mobile et les applications téléchargées est perçue et les exigences de temps de réponse, d ergonomie et de contenu restent moins élevées que sur le web. Source Chiffres : NetMarketShare Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 9

10 1. Paysage actuel Fragmentation toujours élevée

11 FRAGMENTATION TOUJOURS ÉLEVÉE Un paysage très fragmenté mais homogénéisé grâce à Android Terminaux (sous Android) Cette représentation montre de manière visuelle le niveau de fragmentation des terminaux pour l OS Android. Elle n a pas vocation à apporter d informations chiffrées Source : OpenSignalMaps Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 11

12 FRAGMENTATION TOUJOURS ÉLEVÉE Ecrans : des proportions similaires qui tendent diverger Si globalement tous les smartphones ont une proportion hauteur/largeur proche, celle-ci tend à diverger avec les modèles les plus récents. A titre d information, elle est de 1,5 sur les iphones 3 et 4, de 1,66 sur les Samsung Galaxy S1 et S2 et de 1,77 (16/9) pour l iphone 5. Ces écarts doivent être pris en compte dans le cadre des sites web mobiles mais aussi des applications en vue de mutualisation de certains coûts de développements (ergonomie, design, montage ) Source : OpenSignalMaps Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 12

13 FRAGMENTATION TOUJOURS ÉLEVÉE Terminaux, OS* et navigateurs : la problématique se déplace des terminaux vers les OS Terminaux du mieux! *OS = operating system i.e. système d exploitation La montée en puissance d Android ainsi que l accord Nokia/Microsoft ont permis de réduire le nombre d OS majeurs présents sur le marché grand public Là où il fallait parfois viser une multitude de terminaux, on peut aujourd hui par exemple considérer qu une application développée pour Android 2.1 fonctionnera sur tout appareil qui tourne sous Android 2.1 Problématique modèle et marque Problématique OS et navigateur Pour autant les OS et navigateurs sont toujours trop hétérogènes: Le nombre de ces OS majeurs bougent encore, de nombreux projets sont annoncés ou ont été lancés (ex: TIZEN, BADA). Par ailleurs les OS eux mêmes évoluent très fréquemment, et les mises à jour des utilisateurs ne sont pas toujours automatiques Chaque OS utilise son propre navigateur Web: Tous sont sensés afficher du web «universel» mais dès que l on touche aux spécificités mobiles ou tactiles, il n y a plus de standard On se retrouve parfois à l époque de Netscape où il fallait adapter ses pages à chaque navigateur, les tester et optimiser à chaque évolution Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 13

14 FRAGMENTATION TOUJOURS ÉLEVÉE France Des parts de marché variables qui imposent de viser large Les parts de marché des OS mobiles vont rester instables: Le parc augmente vite (13 millions de smartphones vendus en 2012), et la concurrence est telle qu il est difficile d anticiper vers quel OS les utilisateurs vont se porter Malgré leur prix et la baisse globale du niveau de subventions des opérateurs (notamment Free), le rythme de renouvellement reste rapide L OS n est pas ou plus un critère d achat (excepté pour une part de «Fans» d Apple) 100% Parc France - Estimations Smile basées sur ComScore, GfK, IPSOS 80% Autres (dont Bada) 60% Windows 40% 20% Blackberry Symbian Android? 0% Q Q Q Q Q Q ios Les chiffres communiqués publiquement sont très variables selon le fait qu il s agisse de parts d audience, de sondages déclaratifs, de chiffres de ventes ou de base installée. Ici, nous avons tenté de synthétiser l ensemble pour donner une vision du parc des terminaux en circulation. Aujourd hui, viser Symbian n est plus prioritaire (l OS n étant plus soutenu) et la question se pose pour BlackBerry en perte de vitesse. Sauf exception, nous conseillons généralement de cibler ios, Android et Windows Phone (sans forcément respecter les principes ergonomiques très spécifiques de ce dernier). Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 14

15 1. Paysage actuel Synthèse

16 SYNTHÈSE Vos clients et utilisateurs vous attendent déjà Le mobile (web mobile et applis) est un canal privilégié 24h/24h près de soi 17h/24h allumé Plus personnel et précieux qu un porte-monnaie Connecté en continu et utilisé n importe où et n importe quand largement adopté 20 millions d utilisateurs actifs en France dont 35 à 50% de quotidiens et spécifique Répondant à des besoins et usages différents du web classique Vos utilisateurs s attendent déjà à retrouver vos services et vos informations déclinés spécifiquement pour leur mobile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 16

17 SOMMAIRE 1. Paysage actuel 2. Démarche: pourquoi et quoi faire? 1. Définition des objectifs et stratégies 2. Site Mobile ou Application? 3. Une solution intermédiaire : la WebApp 3. Démarche: comment faire? 4. Le "cross-platform» 5. L approche de Smile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 17

18 2. Démarche: pourquoi et quoi faire? Définition des objectifs et stratégies

19 DÉFINITION DES OBJECTIFS ET STRATÉGIES Définition des objectifs business pour aller au delà d une simple «présence» Un investissement sur le mobile doit être traité comme un projet informatique et non plus comme un «budget de communication» (i.e. achat d espace publicitaire) Ses objectifs sont donc à définir en amont afin de permettre l élaboration d une réelle stratégie et d en mesurer le succès Des analyses de cas montrent que de nombreux objectifs peuvent être adressés par le mobile: Acquérir des clients Vendre d avantage, plus cher ou à moindre coût Générer du trafic (purs players) Fidéliser ses clients Réduire ses coûts Créer, renforcer, modifier son image Jouer son rôle sociétal (institutions, associations) Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 19

20 DÉFINITION DES OBJECTIFS ET STRATÉGIES Définition d une stratégie Pensons «situation d usage» Une fois le ou les objectifs définis, la stratégie à adopter peut être définie en suivant les trois étapes suivantes La cible : Mes clients? Ceux des concurrents? Les visiteurs de mes points de ventes? Les internautes? Les mobinautes? Ses besoins : De quoi mon client / prospect a-t-il besoin sur son mobile? Comment va-t-il exprimer ce besoin? Sa situation d usage: Quand a-t-il une attente? Chez lui depuis son canapé? Dans la rue? Dans le métro? Son besoin est-il urgent? Contextualisé? Fréquent? Comment va-t-il me chercher ou me trouver? Google? App Store? Vous avez tous un smartphone, vous téléchargez des applications et naviguez sur Internet avec, mettez vous à la place de vos utilisateurs Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 20

21 DÉFINITION DES OBJECTIFS ET STRATÉGIES Cas d entreprise : BNP Un dispositif complet et segmenté BNP propose diverses applications ayant chacune une cible, un objectif et un contenu dédié : BNP «Mes comptes» : Objectifs: fidélisation, accroissement de l autonomie, communication sur produits et upselling sur clients grand public Cible: principalement les clients particuliers BNP, mais certaines fonctions sont ouvertes à tous Contenu: accès à ses comptes, virements pour tous: simulateur de prêts/épargne, numéros utiles BNP «Les Bons comptes» : Objectifs: image et communication sur la marque Cible: principalement jeune / dynamique («WE entre amis») Contenu: outil de calcul de remboursement pour événement ponctuel entre amis Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 21

22 DÉFINITION DES OBJECTIFS ET STRATÉGIES Cas d entreprise : E. Leclerc - Qui est le moins cher? Une application marketing E. Leclerc propose une application «marketing» basée sur une promesse très «grande distrib»: Objectifs: communication, et prise de position sur les terminaux des consommateurs «Nous sommes les moins chers et allons le prouver» Dispositif: une campagne de pub associée au lancement de l application L application devient le support de communication et la justification du message Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 22

23 DÉFINITION DES OBJECTIFS ET STRATÉGIES Cas d entreprise : VEOLIA L'eau chez vous : entre le marketing, le service et la rationalisation des contacts Une application avec plusieurs objectifs, et plusieurs cibles Objectifs initiaux: Information, communication, fidélisation: Cible client connu: relevé, visualisation facture, paiement Cible client inconnu ou prospect: qualité, prix et travaux en cours Objectif secondaire de potentielle réduction de coûts: une part importante des appels au call center effectuée pour un relevé d index ou paiement ainsi évitée 23 Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 23

24 2. Démarche: pourquoi et quoi faire? Site Mobile ou Application?

25 SITE MOBILE OU APPLICATION? Site mobile Application «native» Comment les utilisateurs vous trouvent Navigateur + Moteur = = Logique d annuaire Stores Logique de rayons Enjeux SEO Site Web / URL connue Réponse rapide Tops! Cohérence Classification Notoriété marque Comment ils reviennent sur votre «service» Icône Favoris ou raccourci (icône standard ou personnalisée) Les fonctions Web, contenus, transactions, paiement par CB, géoloc, interface tactile (partiele), en partie mode déconnecté (HTML5) Idem + Look & feel premium, paiement in-app., accéléromètre, contacts, vibreur, caméra, flash, d avantage de puissance, mode full déconnecté, full tactile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 25

26 SITE MOBILE OU APPLICATION? A adapter selon les usages e-commerce «besoin d info» contextualisées réseaux sociaux Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 26

27 SITE MOBILE OU APPLICATION? Idéalement les deux! Un exemple : «Paris Bouge» qui propose une version mobile de son site et une application Site mobile Installation application Application Le site mobile fournit les informations ET invite à télécharger l application via un lien vers le store (ici exemple Android) Un utilisateur à la recherche d une information urgente ira plus naturellement sur Internet pour effectuer une recherche (exemple ici: «Meilleurs bars Paris») que sur un store pour rechercher une application. Mais un utilisateur habitué au site web de Paris Bouge, pourra avoir le réflexe d aller rechercher le nom sur les stores. Le dispositif est donc double, pour cibler à la fois les «prospects» et les «fidèles». Objectif: conquête Adresser une demande précise et urgente Objectif: fidélisation Simplifier la vie et offrir le service dans les meilleures conditions Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 27

28 2. Démarche: pourquoi et quoi faire? Une solution intermédiaire : la WebApp

29 UNE SOLUTION INTERMÉDIAIRE : LA WEBAPP Présentation de la WebApp Une webapp est une application web: Accessible via une url et installée presque automatiquement Consultable par smartphone, tablette, PC Evolutive sans mise à jour à effectuer via les store Elle est adaptée aux écrans mobiles Construite en une seule page: Afin de concentrer le temps de chargement au départ Et d offrir des transitions rapides sans chargement lorsque l utilisateur change d écran Fonctionne hors connexion sur la base des données stockées localement App «capable» (mise en marque page) Icône d application Mode plein écran Des balises audios, videos et autres nouveautés Exemple: Ce site (qui est aussi une webapp) est un équivalent de store pour installer via le navigateur des webapp HTML5 Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 29

30 SYNTHÈSE DES TROIS APPROCHES L approche sélectionnée devra avant tout répondre au besoin identifié Application WebApp (HTML5) WebMobile + Visible sur les stores Mode déconnecté Fonctions natives Accessible via l URL actuelle Mode déconnecté une fois installée Flexible Accessible via l URL actuelle Flexible Plus économique - Installation Gestion des différents OS Evolution via mise à jour Nécessite terminaux récents Fonctions limitées (pas d accès aux fonctions natives du terminal) Connexion indispensable (3G/Wifi) Fonctions limitées (pas d accès aux fonctions natives du terminal) Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 30

31 SYNTHÈSE DES TROIS APPROCHES Possibilités fonctionnelles et techniques Appareil photo numérique, gyroscope, carnet de contacts, calendrier, vibreur, compas, état du réseau, push de notifications Applications Webapp HTML5 Web Mobile Oui Non Non Géolocalisation Oui Oui Oui Fonctionnement hors connexion Oui Oui Non Stockage de grande quantités de données (système de fichiers) Oui Non Non Accès aux applications natives (liées à l'os comme par exemple la galerie de photo sur iphone) Oui Non Non Interfaces natives (boutons, listes, etc ) Oui Oui Oui Performances et fluidité (dignes d un jeu par exemple) Oui Non Non Animations, gaphismes avancés Oui Oui Oui Vidéo, son, images Oui Oui Oui Accès via URL Non Oui Oui Accès via stores Oui Non Non Chargment en une seule fois Oui Oui Non Mise à jours type web Non Oui Oui Mise à jour via les stores Oui Non Non Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 31

32 SOMMAIRE 1. Paysage actuel 2. Démarche: pourquoi et quoi faire? 3. Démarche: comment faire? 1. Conception fonctionnelle, ergonomique et graphique 2. Focus sur la conception fonctionnelle 3. Focus sur la conception ergonomique 4. Site mobile 5. Zoom sur le responsive design 6. Applications 7. WebApp 4. Le "cross-platform» 5. L approche de Smile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 32

33 3. Démarche: comment faire? Conception fonctionnelle, ergonomique et graphique

34 CONCEPTION FONCTIONNELLE, ERGONOMIQUE ET GRAPHIQUE Trois approches Démarche projet Application WebApp (HTML5) Site Mobile Conception Fonctionnelle Ergonomique Graphique Etapes clés du projet Création des écrans Développements spécifiques «mobiles» (potentiellement en cross-platform) Intégration des webservices Création des écrans Développements spécifiques «mobiles» Intégration au back office de gestion de contenus Création des écrans Intégration au back office de gestion de contenus Paramétrage du back office et déploiement Packaging, et adaptation aux OS Paramétrage du back office et déploiement Distribution sur les stores Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 34

35 CONCEPTION FONCTIONNELLE, ERGONOMIQUE ET GRAPHIQUE Prendre le sujet dans le bon sens Objectif Design Ergonomie Au service de l ergonomie et des usages - Rendre l ergonomie lisible - Donner envie d utiliser l application Au service des contenus - Augmenter l utilisation - Rendre intuitif, simple, efficace l accès aux services et informations prioritaires Contenu Au service des usages et des objectifs du projet Exemple: Contre-exemple: La manette de Playstation 3 est belle, mais est avant tout conçue pour une prise en main parfaitement adaptée à un usage continu pendant plusieurs heures sans douleur aux doigts Ces deux sites mobiles proposent d effectuer un drag n drop pour pouvoir accéder à une rubrique un simple tap/clic aurait été plus efficace, logique et ergonomique Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 35

36 3. Démarche: comment faire? Focus sur la conception fonctionnelle

37 FOCUS SUR LA CONCEPTION FONCTIONNELLE Typologie des usages en mobilité Le choix des informations et fonctionnalités à mettre à disposition de l utilisateur de smartphone est à déterminer en fonction de ses besoins. Ceux-ci sont pourront être catégorisés en 3 à 4 grands groupes, en répondant à la question: Pourquoi, quand, où et comment un utilisateur a-t-il besoin d accéder à mon site / service? La typologie de Google «Urgent now», «repetitive now», «bored now» Que Luke Wroblewski (auteur de «Mobile first» chez Eyrolles) reprend en : Consulter / Rechercher : «J ai besoin d une réponse maintenant - et ici» Exemple: Où est ce restaurant? A quelle heure est la séance? Enjeu : proposer des modalités de recherche rapide Explorer / Jouer «J ai du temps et je m occupe / je m amuse» Exemple : Y a-t-il de nouvelles images du robot de la NASA? Enjeu : Être ludique / proposer des poursuites de lecture Vérifier / Checker «Un contenu est continuellement actualisé et je veux être tenu au courant des changements» Exemple : Roger Federrer est-il en train de gagner son match? Enjeu : alerter, montrer les contenus chauds tout de suite Editer / Créer «Je dois faire quelque chose qui ne peut pas attendre» Exemple : J ai oublié de réserver ma place de concert! Enjeu : faciliter la saisie, les choix (formulaires) Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 37

38 FOCUS SUR LA CONCEPTION FONCTIONNELLE Exemple de site mobile dédié : Krys Des fonctionnalités clés Le site web de Krys est très riche et présente notamment les collections. Lors de la conception du site mobile, seules trois rubriques ont été mises en avant, mais celle-ci répondent précisément à des besoins en situation de mobilité: - Mes commandes Suivre ses commandes: «Je ne suis pas loin de la boutique Krys, je vais vérifier si mes lunettes sont arrivées avant de m y rendre» -Informations Informations pratiques: «Mon fils vient de casser ses lunettes, étaient-elles garanties?» - Trouver un magasin Store Locator: «En vacances, où est le magasin le plus proche dans lequel Krys me réparera ma monture» Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 38

39 3. Démarche: comment faire? Focus sur la conception ergonomique

40 FOCUS SUR LA CONCEPTION ERGONOMIQUE A garder en tête «L utilisateur de smartphone est un pouce et un œil» Bruits, mouvements, ensoleillement l utilisateur en mobilité est souvent dérangé et ne dispose pas toujours de sa totale liberté de mouvement (paradigme de la double tache) DIFFICILE ACCEPTABLE FACILE Facilités d accès aux zones de l écran avec un smartphone tenu de la main droite en position portrait : Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 40

41 FOCUS SUR LA CONCEPTION ERGONOMIQUE Privilégier le contenu aux liens 1/3 Les liens prennent trop de place. Laissez d abord vos utilisateurs lire, regarder, écouter. Ils approfondiront s ils le souhaitent. Pousser immédiatement les contenus chauds, et laisser les liens et options de navigation accessibles à la demande Ne pas obliger l utilisateur à passer par un écran intermédiaire Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 41

42 FOCUS SUR LA CONCEPTION ERGONOMIQUE Privilégier le contenu aux liens 2/3 Evitez les barres de navigation sandwich car elles occupent un espace de visibilité précieux sans que leur utilité soit garantie Un accès à l ensemble des catégories / rubriques depuis toutes les pages n est pas utile Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 42

43 FOCUS SUR LA CONCEPTION ERGONOMIQUE Privilégier le contenu aux liens 3/3 Facilitez les poursuites de lecture là où elles sont pertinentes (dans leur contexte), via des liens intelligemment placés après le contenu Laisser toujours le choix à l utilisateur de poursuivre ou d interrompre sa lecture Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 43

44 FOCUS SUR LA CONCEPTION ERGONOMIQUE Concevoir une charte de navigation simple 1/4 Les utilisateurs sur mobile sont peu conciliants, pressés, et attendent une navigation facile à appréhender en situation de double tache. Brancher les liens sur les contenus pour économiser de l espace et associer sémantique et navigation. Attention toutefois à ne pas en faire trop en branchant un lien sur de (trop) gros blocs de texte. OUI NON Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 44

45 FOCUS SUR LA CONCEPTION ERGONOMIQUE Concevoir une charte de navigation simple 2/4 Le bouton «Retour» (back de l historique) est inutile sur les terminaux autres que ios, en revanche, le bouton de retour à la page mère est pertinent (en indiquant quelle est cette page) (Sur ios, un bouton est disponible au niveau de la barre d adresse du navigateur Safari, et donc également inutile sur les sites web-mobile) NON OUI Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 45

46 FOCUS SUR LA CONCEPTION ERGONOMIQUE Concevoir une charte de navigation simple 3/4 Cacher le menu de navigation afin qu il soit accessible à tout moment, sans pour autant occuper continuellement l espace Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 46

47 FOCUS SUR LA CONCEPTION ERGONOMIQUE Concevoir une charte de navigation simple 4/4 Utiliser la barre fixe dans le cas d applications : En haut (Android) qui a déjà des boutons natifs en bas Ou en bas (iphone) Même si cette règle n est pas universelle, il faut garder en tête ces potentiels réflexes d utilisation Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 47

48 FOCUS SUR LA CONCEPTION ERGONOMIQUE Assurer la lisibilité Rendre les textes lisibles avec des tailles de caractères suffisamment grandes Proposer des zones actives de taille suffisante pour un pouce d homme adulte Adopter une organisation unitaire en ligne par ligne afin que la lecture et la manipulation soit simple et ne conduise pas l utilisateur à commettre des erreurs de «tap» Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 48

49 FOCUS SUR LA CONCEPTION ERGONOMIQUE Tactile - Choisir les bons gestes Les smartphones sont caractérisés par leurs interfaces tactiles. Cette manière d interagir est certes très intuitive, mais elle reste nouvelle pour le grand public. De nombreux types de gestes existent et peuvent encore être inventés ; mais l ergonomie ayant pour vocation de simplifier et fluidifier l usage, il faut les utiliser à bon escient. Les utilisateurs d aujourd hui ne connaissent pas encore toutes les subtilités possibles et aucune norme universelle ne s est encore installée comme par exemple: - Le clic droit de la souris pour accéder à des options avancées - La croix qui indique la fonction de fermeture d une fenêtre Ainsi, dans la liste des principaux gestes ci-dessous (issue de «Touch Gesture Reference Guide» nous conseillons de n utiliser que ceux encadrés : Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 49

50 FOCUS SUR LA CONCEPTION ERGONOMIQUE Tactile - comment utiliser les gestes Même parmi les gestes simples, certains ne sont pas totalement intuitifs, il faudra les rendre lisibles C est pourquoi nous avons encore besoin de boutons affichés dans l écran et explicitement visibles pour les utilisateurs Mais cela ne doit pas nous empêcher d utiliser les gestes pour l activation de raccourcis ou d actions avancées pour un usage expert, en doublon des boutons disponibles à l écran Les gestes avancés deviennent donc des raccourcis au même titre que les raccourcis claviers ont envahis nos applications de bureautique Exemple: Sur l application mobile de Facebook, la seule manière de supprimer un «statut» est actuellement d effectuer un Flick sur son statut. Peu d utilisateur le savent, ce geste n étant pas universellement associé à cette fonction (http://www.youtube.com/watch?v=drbca-0d5pm) Edition Septembre2012 Copyright Smile Open Source Solutions Toute reproduction interdite sans autorisation 50

HTML5 Quels enjeux pour la mobilité et le RIA?

HTML5 Quels enjeux pour la mobilité et le RIA? HTML5 Quels enjeux pour la mobilité et le RIA? Julien Roche Philippe Guédez Ludovic Garnier 2 Sommaire Evolution des usages du Web Applications mobiles multiplateformes Contributions d HTML5 au RIA Conclusion

Plus en détail

Bien choisir son smartphone. avec. Les prix bas, la confiance en plus

Bien choisir son smartphone. avec. Les prix bas, la confiance en plus Bien choisir son smartphone avec Les prix bas, la confiance en plus BIEN CHOISIR SON SMARTPHONE Comment bien choisir un Smartphone? Les systèmes d exploitation et les critères techniques à la loupe pour

Plus en détail

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

Plus en détail

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup.

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants My FanGroup Webinaire HTML 5 ou applications mobiles, applications natives ou hybrides : comment choisir? My FanGroup Webinaire

Plus en détail

COMMENT CRÉER UNE APPLICATION MOBILE?

COMMENT CRÉER UNE APPLICATION MOBILE? COMMENT CRÉER UNE APPLICATION MOBILE? Application web vs. native Application mobile web Application mobile native Créer une application Pourquoi développer une appli? Quelles questions se poser? Concevoir

Plus en détail

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup.

Transformez vos clients en Fans de votre marque. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants. FanGroup. Merci de bien vouloir patienter Le webinaire va démarrer dans quelques instants My FanGroup Webinaire Applications mobiles natives, hybrides ou site en HTML5 : comment choisir? My FanGroup Webinaire Présenté

Plus en détail

Définitions. Sites et applications mobiles : de quoi parle-t-on?

Définitions. Sites et applications mobiles : de quoi parle-t-on? Sites et applications mobiles : de quoi parle-t-on? Définitions Une application mobile est un programme téléchargeable conçu pour fonctionner sur un système d exploitation mobile donné. Adaptée aux téléphones

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Labo de technologies mobiles Plateforme de création d applications mobiles - Technologies de reconnaissance visuelle. www.snapnsee.

Labo de technologies mobiles Plateforme de création d applications mobiles - Technologies de reconnaissance visuelle. www.snapnsee. Labo de technologies mobiles Plateforme de création d applications mobiles - Technologies de reconnaissance visuelle www.snapnsee.net LE PROJET SNAP N SEE LE PROJET SNAP N SEE Snap n See est une jeune

Plus en détail

CREER UNE APPLICATION MOBILE

CREER UNE APPLICATION MOBILE Le cap des 1 million d applications pour Smartphones et tablettes numériques a été franchi en décembre 2011. La boutique en ligne d applications d Apple a quant à elle enregistré 25 milliards de téléchargements

Plus en détail

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web CCI Formation vous propose 8 formations WEB 1 formation Smartphone Nos formations se déroulent

Plus en détail

App vs. WebApp Best Of Mobile 5 avril 2012

App vs. WebApp Best Of Mobile 5 avril 2012 App vs. WebApp Best Of Mobile 5 avril 2012 La question! App ou Web App? APP versus WEBAPP Constats du marché 2. Modifiez le style du titre Marketing 3. Modifiez le style du titre Compatibilité Experience

Plus en détail

Techno Mobiles. Macha DA COSTA LP DAM. machada.fr. IUT Informatique. macha.dacosta@gmail.com. Université de Nice-Sophia Antipolis

Techno Mobiles. Macha DA COSTA LP DAM. machada.fr. IUT Informatique. macha.dacosta@gmail.com. Université de Nice-Sophia Antipolis Techno Mobiles Macha DA COSTA machada.fr macha.dacosta@gmail.com LP DAM IUT Informatique Université de Nice-Sophia Antipolis Plan Cours d introduction Chiffres autour du Mobile Qu est-ce que les Techno

Plus en détail

Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet

Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet Camping, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet appyourself répond à tous vos besoins de communication sur Internet Votre Client Vous Nous Quelles sont ses habitudes?

Plus en détail

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site

http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement On site / Off site http5000 Mag #1 Sites internet & applications mobiles Site internet pour la Croix-Rouge p. 8 Référencement p.11 On site / Off site MyAppli pour les restaurants p.14 http5000 u création de site internet

Plus en détail

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite

Guide de démarrage Débuter avec e-monsite Les termes spécifiques à e-monsite Guide de démarrage Débuter avec e-monsite... page 2 Les termes spécifiques à e-monsite... page 2 Le manager... page 2 Les modules... page 3 Les widgets... page 3 Les plugins... page 4 Ajouter du contenu...

Plus en détail

12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES

12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES 12 novembre 2012 Montauban MOBILITÉ, APPLICATIONS ET SITES MOBILES POURQUOI LA MOBILITÉ? ÉVOLUTIONS SOCIÉTALES DES MIGRATIONS QUOTIDIENNES RESTER RELIÉ À SES COMMUNAUTÉS L INSTANTANÉITÉ ÉVOLUTIONS TECHNOLOGIQUES

Plus en détail

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE

L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE L OFFRE, LA METHODOLOGIE, LE SAVOIR-FAIRE Applications Smarphones et Tablettes Tactiles RDMobile 64 Boulevard Malesherbes, 75008 Paris +33 1 77 19 16 07 www.rdmobile.fr SOCIETE RDMobile se positionne comme

Plus en détail

Hôtelier, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet

Hôtelier, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet Hôtelier, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet appyourself répond à tous vos besoins de communication sur Internet Votre Client Vous Nous Quelles sont ses

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Kodiz : La clé universelle de l internet mobile

Kodiz : La clé universelle de l internet mobile Kodiz : La clé universelle de l internet mobile KODIZ : DÉMOCRATISER LE WEB MOBILE Introduction ou état des lieux de l univers mobile Ces dernières années, l Internet mobile marque un tournant, poussant

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Balises pour le choix d une tablette

Balises pour le choix d une tablette Balises pour le choix d une tablette Petit guide issu de nos tests et expériences sur les différents modèles de tablettes dans le cadre du handicap. N hésitez pas à approfondir le sujet sur le site http://lestactiles.be

Plus en détail

Devis Garmin Triathlon de Paris 2012/2013

Devis Garmin Triathlon de Paris 2012/2013 Devis Garmin Triathlon de Paris 2012/2013 Création Nouvelle édition Garmin Triathlon de Paris Redéfinir la mise en page globale des éléments à consulter à partir des nouvelles spécificités techniques demandés.

Plus en détail

t 23 MAI 2013 DIGITAL DAY FIGARO + 1

t 23 MAI 2013 DIGITAL DAY FIGARO + 1 t 23 MAI 2013 DIGITAL DAY FIGARO + 1 HELLO HOLA BONJOUR CIAO BOM DIA HALLO t 23 MAI 2013 DIGITAL DAY FIGARO + 2 t 23 MAI 2013 DIGITAL DAY FIGARO + 3 NURUN MONDE 2 2 t 23 MAI 2013 DIGITAL DAY FIGARO + 4

Plus en détail

M-fundraising Le fundraising à l heure du mobile?

M-fundraising Le fundraising à l heure du mobile? M-fundraising Le fundraising à l heure du mobile? Qui êtes-vous? http://fundraisers.trial.bkrender.mobi Qui sommes-nous? Marie Guitard Responsable de l'offre Conseil Jean-Christophe Camus Chef de projet

Plus en détail

Une tablette, oui mais laquelle? avec. Les prix bas, la confiance en plus

Une tablette, oui mais laquelle? avec. Les prix bas, la confiance en plus Une tablette, mais laquelle? avec Les prix bas, la confiance en plus Six raisons pour choisir une tablette plutôt qu un PC ou un smartphone! INDEX LA TABLETTE : UNE HISTOIRE DE LA MOBILITÉ. ----- LA TABLETTE

Plus en détail

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

Plus en détail

dossier de presse Lancement de la version pour mobiles du site web municipal

dossier de presse Lancement de la version pour mobiles du site web municipal dossier de presse Rencontre du vendredi 20 janvier 2012 à 10h, salle des adjoints, hôtel de ville de Rezé. Lancement de la version pour mobiles du site web municipal Contact presse Maxime Malette 02 40

Plus en détail

Cursus 2013 Déployer un Content Management System

Cursus 2013 Déployer un Content Management System Cursus 2013 Déployer un Content Management System Les critères d évaluation d un CMS Les utilisateurs, après examen de la taille de la base d utilisateurs en France. La communauté, selon son dynamisme

Plus en détail

LES TABLETTES : GÉNÉRALITÉS

LES TABLETTES : GÉNÉRALITÉS LES TABLETTES : GÉNÉRALITÉS Fonctionnement Qu est-ce qu une tablette tactile? Une tablette tactile est un appareil doté d'un écran qui permet d'interagir simplement en touchant l'écran ou à l'aide d'un

Plus en détail

Stratégies opérationnelles d APPS-CRM pour smartphones et tablettes

Stratégies opérationnelles d APPS-CRM pour smartphones et tablettes 1/213 3/213 6/213 9/213 12/213 3/214 5/214 Stratégies opérationnelles d APPS-CRM pour smartphones et tablettes Le marché pour les smartphones et les tablettes En 213, on a dénombré plus de 24,1 millions

Plus en détail

Chapitre 3 Site et/ou application mobile : aide à la décision

Chapitre 3 Site et/ou application mobile : aide à la décision Livre blanc des Applications Mobiles Chapitre 3 Site et/ou application mobile : aide à la décision Vous hésitez entre développer une application mobile ou un site web mobile? Faut-il faire un choix? Comment

Plus en détail

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus + + Points importants n Marché des mobiles très porteur n Grande diversité des appareils IHM Mobiles, web, multimédia Caroline Essert Université de Strasbourg - 2013 Enquête Doodle avril 2011 + Marché

Plus en détail

Applications smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application Smartphone 1

Applications smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique. Application Smartphone 1 Applications Smartphone Applications smartphones : enjeux et perspectives pour les communautés de l'eglise Catholique Application Smartphone 1 Patrice de Saint Stéban Ingénieur en Informatique École EPITA

Plus en détail

Félicitation, votre site est créé!

Félicitation, votre site est créé! Guide de démarrage e-monsite.com Félicitation, votre site est créé! Vous avez fait le plus difficile. A présent, découvrez comment administrer votre site web. 1 Comprendre l interface du manager de votre

Plus en détail

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014

Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik 01/04/2014 Un site internet adapté au mobile pourquoi et comment? Pôle Dream - Kiwik SOMMAIRE #Quelques chiffres sur le mobile #Les différentes solutions : - Le responsive Design - Les versions séparées (thème mobile

Plus en détail

Sage Business Mobile Nouveautés 2013. Copyright 2013 1

Sage Business Mobile Nouveautés 2013. Copyright 2013 1 Sage Business Mobile Nouveautés 2013 Copyright 2013 1 Le saviez-vous? Depuis sa sortie en 2010, Sage Business Mobile a été téléchargé par Plus de 17,000 clients! Copyright 2013 2 Fonctionnalités majeures

Plus en détail

Recevoir l envoi «Traiter la réception» option «Mobile» Manuel

Recevoir l envoi «Traiter la réception» option «Mobile» Manuel Recevoir l envoi «Traiter la réception» option «Mobile» Manuel Version V01.03 Edition juin 2013 1 Sommaire 2 1 Introduction 4 2 Installation / Premier pas 5 2.1 Installation de l application sur un terminal

Plus en détail

Guide d'utilisation des applications dédiées pour Open Videopresence. Guide utilisateur

Guide d'utilisation des applications dédiées pour Open Videopresence. Guide utilisateur Guide d'utilisation des applications dédiées pour Open Videopresence Guide utilisateur Copyright Orange Business Services 1 Edition: Novembre 2012 SOMMAIRE 1. UTILISATION SOUS PC... 4 1.1. LANCEMENT 1ERE

Plus en détail

Plaquette présentation Coriolis 5.0. Coriolis 5.0. Plus moderne, plus complet, plus simple

Plaquette présentation Coriolis 5.0. Coriolis 5.0. Plus moderne, plus complet, plus simple Coriolis 5.0 Plus moderne, plus complet, plus simple Coriolis 5.0, qui est-ce? Coriolis 5.0 est le nom du projet de changement de version de V4 à V5 du logiciel Coriolis Finances Publiques. Voici sa carte

Plus en détail

Découvrir GMail Agenda et Photo+

Découvrir GMail Agenda et Photo+ Découvrir GMail Agenda et Photo+ Cela devient une évidence pour tous ceux équipés d une connexion internet, chaque jour, nous allons vérifier notre messagerie, comme d autres attendent le passage du facteur.

Plus en détail

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com

Guide de l utilisateur pour Firefox 4 Mobile. Contact us: press@mozilla.com Guide de l utilisateur pour Firefox 4 Contact us: press@mozilla.com Sommaire À propos de Mozilla 1 Lancez-vous! 2 Tapez Moins, Surfez Plus! 3 Emportez votre Firefox partout avec vous 5 Personnalisez votre

Plus en détail

Les tablettes ipad / Androïd Mise à jour novembre 2014

Les tablettes ipad / Androïd Mise à jour novembre 2014 Réseau des médiathèques des Portes de l Essonne SÉANCE-DÉCOUVERTE À l INFORMATIQUE MÉDIATHÈQUE SIMONE de BEAUVOIR Les tablettes ipad / Androïd Mise à jour novembre 2014 La documentation des séances découverte

Plus en détail

EVOLUT1ON. Pour créer des sites Web, des boutiques enligne et des Blogs en 5 étapes. PRIX : TVA comprise 69,99

EVOLUT1ON. Pour créer des sites Web, des boutiques enligne et des Blogs en 5 étapes. PRIX : TVA comprise 69,99 Fonctions avancées : Plus de 1.500 modèles graphiques personnalisables Boutiques en ligne avec payement par carte de crédit Blog, Livre d Or et Flux RSS Formulaires email avec fonctions anti-spam Gestion

Plus en détail

Développement mobile «cross-platform»

Développement mobile «cross-platform» Développement mobile «cross-platform» Polytech Nice vendredi 17 octobre 2014 20.10.14 1 Au programme 1. A chaque projet sa techno 2. 1 code Plusieurs plateformes 3. La puissance de jquery sur mobile 4.

Plus en détail

Ceci est un Chromebook, ton ordinateur!

Ceci est un Chromebook, ton ordinateur! Ceci est un Chromebook, ton ordinateur! CHROMEBOOK - Dans le royaume des ordinateurs personnels, il n'y a pas beaucoup de choix. Pour schématiser, soit vous avez un PC, soit vous avez un Mac. Et ce depuis

Plus en détail

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE

Cahier des Charges. Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE Cahier des Charges Nom de l entreprise : Neriah Jewels Personnes à contacter dans l entreprise : Sébastien et Vincent SOMMAIRE 1 PRESENTATION DE L ENTREPRISE... 2 PRESENTATION DU PROJET... 2.1 ROLES...

Plus en détail

MANUEL UTILISATEUR. Application 4trip

MANUEL UTILISATEUR. Application 4trip * MANUEL UTILISATEUR Application 4trip Table des matières 1. Introduction... 1 1.1. Description globale du produit... 1 1.2. Description de la finalité du manuel... 1 2. Manuel d utilisation... 2 2.1.

Plus en détail

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile)

CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, RhoMobile) INGENIEUR EN SCIENCES INFORMATIQUES RAPPORT D ETUDE TECHNOLOGIQUE SUR LES SOLUTIONS WEB CROSS PLATEFORM MOBILE DEVELOPMENT (Phonegap, ) Student : Jiachen NIE Parcours: IHM Subject : Adaptation des Interfaces

Plus en détail

vous permet d agrandir la fenêtre Lync à la taille de votre écran.

vous permet d agrandir la fenêtre Lync à la taille de votre écran. Lync 2013 Lync 2013 est doté d un nouvel aspect qui vous aide à communiquer facilement et rapidement. Vous découvrirez également de nouvelles fonctionnalités, telles que les salles de conversation permanente,

Plus en détail

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de En partenariat avec Webinar Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL avec la participation de 19 mars 2013 Qui sommes-nous? INTRODUCTION

Plus en détail

Dématérialisation et mobilité

Dématérialisation et mobilité Dématérialisation et mobilité Comment gérer le dernier maillon du processus? 1 LA DEMATERIALISATION, UN ENJEU ECONOMIQUE ET ECOLOGIQUE La dématérialisation n est pas un sujet nouveau pour les entreprises,

Plus en détail

Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en Janvier 2011

Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en Janvier 2011 Technologies mobiles & Tourisme: la révolution? Denis Genevois Marche-en en-famenne Janvier 2011 Centre de compétence Programme Introduction Technologies mobiles: le contenant Tactile non, multitouch oui!

Plus en détail

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1

Content Management System V.3.0. BlackOffice CMS V3.0 by ultranoir 1 Content Management System V.3.0 BlackOffice CMS V3.0 by ultranoir 1 SOMMAIRE Introduction Grands principes de fonctionnement Description des modules Références principales BlackOffice CMS V3.0 by ultranoir

Plus en détail

CHOIX ET USAGES D UNE TABLETTE TACTILE EN ENTREPRISE

CHOIX ET USAGES D UNE TABLETTE TACTILE EN ENTREPRISE Tablette tactile, ardoise électronique 1 ou encore tablette PC, ce terminal mobile à mi-chemin entre un ordinateur et un smartphone a d abord séduit le grand public avant d être adopté par les entreprises.

Plus en détail

LA MOBILITE : ACTEURS, OUTILS,

LA MOBILITE : ACTEURS, OUTILS, LA MOBILITE : ACTEURS, OUTILS, DEVELOPPEMENT, CONCEPTION, GESTION DE PROJET INTERVENTION MASTER DILIPEM Pascal Moutet, iseeds Software, 02/02/2012 PARCOURS ET FONCTIONS OCCUPEES Parcoursuniversitaire Parcoursprofessionnel

Plus en détail

«BÉNÉFICIEZ DE LA PUISSANCE D UN PORTAIL E-COMMERÇANTS POUR DÉVELOPPER VOTRE ACTIVITÉ EN MAGASIN ET SUR LE WEB, TIREZ PARTI DU CROSS-CANAL!

«BÉNÉFICIEZ DE LA PUISSANCE D UN PORTAIL E-COMMERÇANTS POUR DÉVELOPPER VOTRE ACTIVITÉ EN MAGASIN ET SUR LE WEB, TIREZ PARTI DU CROSS-CANAL! «BÉNÉFICIEZ DE LA PUISSANCE D UN PORTAIL E-COMMERÇANTS POUR DÉVELOPPER VOTRE ACTIVITÉ EN MAGASIN ET SUR LE WEB, TIREZ PARTI DU CROSS-CANAL!» Annuaire Présentez gratuitement votre enseigne, ajoutez votre

Plus en détail

Le touristonaute en mobilité

Le touristonaute en mobilité COMPÉTENCES TOURISME 2011-2012 Les Rencontres Le touristonaute en mobilité Pierre Croizet Objet de l intervention Contexte de la mobilité en tourisme Benchmark des bonnes pratiques Recommandations stratégiques

Plus en détail

Comment choisir son smartphone?

Comment choisir son smartphone? + Comment choisir son smartphone? Sommaire Ø Critère n 1 : l ergonomie Ø Critère n 2 : le système d exploitation Ø Critère n 3 : les capacités techniques Ø Critère n 4 : la connectivité Ø Critère n 5 :

Plus en détail

Introduction. 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile?

Introduction. 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile? Introduction 1. Pourquoi utiliser un outil multiplateforme pour la programmation mobile? Depuis la sortie de l iphone, les smartphones sont devenus des ordinateurs à part entière. Et même si avant leur

Plus en détail

Communiqué de lancement

Communiqué de lancement Communiqué de lancement Sage CRM Génération i7 Version 8.00 1 SAGE CRM V. 8.00 Compatibilité technique Page 2 Page 3 Page 4 L intégration Sage 100 CRM (Standard / Avancée / Express) 8.0 est compatible

Plus en détail

Kofax Livre blanc. Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs. Résumé

Kofax Livre blanc. Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs. Résumé Kofax Livre blanc Livre blanc Kofax Technologie mobile d automatisation avancée pour la Comptabilité Fournisseurs Résumé De nos jours, l interaction en entreprise avec les applications métier disponibles

Plus en détail

Politique Cookies. Qu est-ce qu un cookie? A quoi servent les cookies émis sur notre site?

Politique Cookies. Qu est-ce qu un cookie? A quoi servent les cookies émis sur notre site? Politique Cookies Qu est-ce qu un cookie? Un cookie est un fichier texte déposé, sous réserve de vos choix, sur votre ordinateur lors de la visite d'un site ou de la consultation d'une publicité. Il a

Plus en détail

L informatique pour débutants

L informatique pour débutants FORMATION L informatique pour débutants Etre à l aise face à son ordinateur Découvrir les clefs du monde de l informatique Devenir un internaute averti et avancer dans son projet professionnel. Itec-Média

Plus en détail

31/03/2015 pmtic.net/contenu-en-ligne EPN Hotton

31/03/2015 pmtic.net/contenu-en-ligne EPN Hotton ENVIRONNEMENT NUMÉRIQUE LA MACHINE Découvrons Exerçons-nous Récapitulons Souris la position déplacer bien tenir la souris les différentes souris les boutons cliquer les boutons les gauchers le pointeur

Plus en détail

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE

... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE @... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN

Plus en détail

AMÉLIOREZ VOTRE PRODUCTIVITÉ OÙ QUE VOUS SOYEZ

AMÉLIOREZ VOTRE PRODUCTIVITÉ OÙ QUE VOUS SOYEZ AMÉLIOREZ VOTRE PRODUCTIVITÉ OÙ QUE VOUS SOYEZ Create and deploy IT solutions for business Notre stratégie d édition et d intégration : un niveau élevé de Recherche & Développement au service de l innovation

Plus en détail

Bénéfices pour votre organisation : une solution pouvant supporter vos besoins d affaires

Bénéfices pour votre organisation : une solution pouvant supporter vos besoins d affaires Pivotal CRM 6.0 Quelle que soit la tendance d évolution des marchés, faites de vos clients le moteur de votre réussite avec une meilleure maîtrise et une meilleure flexibilité et un coût de possession

Plus en détail

Créer son site internet avec Jimdo

Créer son site internet avec Jimdo Présentation Jimdo: Dernière actualisation: le 17.10.2011 Créer son site internet avec Jimdo www.jimdo.com Jimdo: Un système de création de site facile et gratuit - Jimdo est un CMS en ligne qui permet

Plus en détail

Les Ateliers Info Tonic. Applications mobiles, sites mobiles : décryptage d une nouvelle tendance Mardi 11 décembre 2012

Les Ateliers Info Tonic. Applications mobiles, sites mobiles : décryptage d une nouvelle tendance Mardi 11 décembre 2012 Les Ateliers Info Tonic Applications mobiles, sites mobiles : décryptage d une nouvelle tendance Mardi 11 décembre 2012 1 Applications et sites mobiles Mardi 11 décembre 2012 Les applications et sites

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

http://myriam-webmarketing.blogspot.com myriam@fcwebmarketing.fr 06.63.93.14.86

http://myriam-webmarketing.blogspot.com myriam@fcwebmarketing.fr 06.63.93.14.86 1 Formations & Conseils Web Marketing Myriam GHARBI Formations & Conseils Web Marketing Vous êtes Auto-entrepreneur, Créateur d'entreprise, Salarié au sein d'une TPE, PME ou dans une Collectivité? Vous

Plus en détail

Mode d emploi d artishoc mobile

Mode d emploi d artishoc mobile Mode d emploi d artishoc mobile Version gratuite Version 4 Mise à jour le 05/01/2011 Ce mode d emploi est à l usage exclusif des utilisateurs de l offre mobile gratuite d artishoc mobile. Il n a pas de

Plus en détail

Comment télécharger et

Comment télécharger et Dispositifs de lecture numérique Comment télécharger et lire un livre numérique sur tablette et liseuse? Par souci de synthèse nous retiendrons ici les modèles de tablettes et liseuses les plus utilisés

Plus en détail

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR

Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR Interactive Print Content Module Quickstart Le lien entre vos imprimés et le monde numérique DOCUMENTATION UTILISATEUR V 1.0 mai 2013 Table des matières Introduction 3 Prérequis 3 Connexion au système

Plus en détail

Découvrez Outlook.com, la nouvelle génération d e-mail!

Découvrez Outlook.com, la nouvelle génération d e-mail! Découvrez Outlook.com, la nouvelle génération d e-mail! Dossier de presse Septembre 2013 édito Lancé en août 2012, Outlook.com est le nouveau service de messagerie gratuit pour le grand public de Microsoft,

Plus en détail

LES SMARTPHONES. Icon vector designed by Freepik. Deux grandes différences permettent de discerner un smartphone d'une tablette :

LES SMARTPHONES. Icon vector designed by Freepik. Deux grandes différences permettent de discerner un smartphone d'une tablette : LES SMARTPHONES Vous avez certainement déjà entendu parler des smartphones, mais quel est le rapport avec les tablettes? Que peut-on faire de plus qu avec un GSM? Un iphone et un smartphone, estce la même

Plus en détail

Internet en mobilité : scénarios de développement et propositions de valeur. Octobre 2008

Internet en mobilité : scénarios de développement et propositions de valeur. Octobre 2008 Internet en mobilité : scénarios de développement et propositions de valeur Octobre 2008 Contexte «Internet en mobilité» renvoie aujourd hui à un potentiel d usages d encore mal identifiés. Apple a proposé

Plus en détail

Réussir. un projet de site web. 6 e édition. Groupe Eyrolles, 2003, 2004, 2005, 2006, 2008 et 2010 pour la présente édition, ISBN : 978-2-212-12742-3

Réussir. un projet de site web. 6 e édition. Groupe Eyrolles, 2003, 2004, 2005, 2006, 2008 et 2010 pour la présente édition, ISBN : 978-2-212-12742-3 N i c o l a s C h u Réussir un projet de site web 6 e édition Groupe Eyrolles, 2003, 2004, 2005, 2006, 2008 et 2010 pour la présente édition, ISBN : 978-2-212-12742-3 annexe E UMTS GPRS MPEG4 i-modetm

Plus en détail

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge WINDOWS 10 Table des matières L environnement Windows 10 i Généralités Windows 10 : les nouveautés................................ 9 Intérêts d utiliser un compte Microsoft........................ 18 Démarrer

Plus en détail

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013

Windows 8 Module 3 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 3 7. L'indispensable fonction «Paramètres du PC» (3/3) Nous voilà arrivé à la dernière étape de notre tour d horizon des nombreuses options du module Paramètres du PC. Cet outil permet

Plus en détail

BAROMOBILE EDITION 2011. Le baromètre de l internet mobile

BAROMOBILE EDITION 2011. Le baromètre de l internet mobile BAROMOBILE EDITION 2011 Le baromètre de l internet mobile «Le monde change» Alors que les smartphones poursuivent leur envolée, le trafic de données sur le téléphone mobile explose. Il devrait être multiplié

Plus en détail

APPLICATIONS MOBILES Catalogue de services Econocom-Osiatis 21.01.2014

APPLICATIONS MOBILES Catalogue de services Econocom-Osiatis 21.01.2014 APPLICATIONS MOBILES Catalogue de services 21.01.2014 Sommaire 1 2 Catalogue d applications mobiles types Organisation (5) Communication & Collaboration (3) Gestion d activités de services (3) CRM / B2C

Plus en détail

Guide d utilisation Novaxel

Guide d utilisation Novaxel Guide d utilisation Novaxel 1 Objectifs Aucun Prérequis Type Guide explicatif 110 pages Objectifs de ce guide Comprendre les principes de la GED Savoir gérer de l arborescence de classement Ressources

Plus en détail

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE

MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE MODE D EMPLOI (v1.1) DE PARUMOBILE, ÉDITEUR EN LIGNE DE SITE MOBILE TABLE DES MATIÈRES 1. Inscription (p.3) 2. Connexion / Votre compte (p.4) 3. Édition (p.5) 3.1. Manager 3.1.1. La barre horizontale des

Plus en détail

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS

OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS OCLOUD BACKUP GUIDE DE REFERENCE POUR WINDOWS http://ocloud.pripla.com/ Copyright 2014 Private Planet Ltd. Certaines applications ne sont pas disponibles dans tous les pays. La disponibilité des applications

Plus en détail

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION

cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque

Plus en détail

CONFÉRENCE WEB 2.0. UPDATE ASBL Michaël Barchy 23 janvier 2013

CONFÉRENCE WEB 2.0. UPDATE ASBL Michaël Barchy 23 janvier 2013 CONFÉRENCE WEB 2.0 UPDATE ASBL Michaël Barchy 23 janvier 2013 POINTS ABORDÉS Qu est-ce que le Web 2.0? Introduction Différents aspects du Web 2.0 Aspects techniques Syndication et agrégation de contenu

Plus en détail

Restaurant & Bar, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet

Restaurant & Bar, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet Restaurant & Bar, une suite pour développer & fidéliser votre clientèle sur tous les canaux Internet appyourself répond à tous vos besoins de communication sur Internet Votre Client Vous Nous Quelles sont

Plus en détail

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT

CONECT Innovation & Entrepreneurship Plateform. Cahier des charges. Réalisé par : Haythem LABBASSI, DSI - CONECT IT CONECT Innovation & Entrepreneurship Plateform Cahier des charges Réalisé par : Haythem LABBASSI, DSI - CONECT IT Confédération des Entreprises Citoyennes de Tunisie Adresse : 8 rue Imem Ibn Hanbal (par

Plus en détail

Support de cours et mode d emploi pour le CMS WordPress

Support de cours et mode d emploi pour le CMS WordPress pour le CMS WordPress Retrouvez notre le plan de formation sur http:///formation- cms- wordpress- creer- et- administrer- un- site- web.html Agence de communication la couleur du Zèbre - Mise à jour Août

Plus en détail

Avant-Propos Sencha Touch

Avant-Propos Sencha Touch Avant-Propos Développeurs web, vous qui souhaitez vous diversifier et appréhender simplement le développement mobile, mais redoutez un apprentissage long d un langage que vous ne connaissez pas, vous allez

Plus en détail

Iphone vs. Android. Mardi 17 Novembre 2009 Paris, la Défense. Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training.

Iphone vs. Android. Mardi 17 Novembre 2009 Paris, la Défense. Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training. Mardi 17 Novembre 2009 Paris, la Défense Iphone vs. Android Xavier PARADON, Directeur Technique Valtech Training xavier.paradon@valtech-training.fr Anthony DAHANNE, Consultant Valtech Technology Consulting

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS INSTALLATION Une équipe d experts informatiques dédiée à votre bien-être numérique. FORMATION MAINTENANCE CATALOGUE DES FORMATIONS Retrouvez tous les avis clients sur bdom.fr B dom est une entreprise de

Plus en détail

Mag. Solution marketing sur application mobile. Communiquez directement dans la poche de vos clients!

Mag. Solution marketing sur application mobile. Communiquez directement dans la poche de vos clients! http5000 Mag Communiquez directement dans la poche de vos clients! Solution marketing sur application mobile Retrouvez ce magazine et tous les autres numéros sur notre application mobile Tapez http5000

Plus en détail

Table des matières ENVIRONNEMENT

Table des matières ENVIRONNEMENT ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17

Plus en détail

Ma Stratégie commerciale sur le Web et les réseaux communautaires. 14h00 à 15h00

Ma Stratégie commerciale sur le Web et les réseaux communautaires. 14h00 à 15h00 CONFÉRENCE 12/10/2014 Ma Stratégie commerciale sur le Web et les réseaux communautaires 14h00 à 15h00 Valérie MILWARD, Hotelrestovisio Maguette MBOW, Horeka Mickael BALONDRADE, Cap Conseils FORMATION AU

Plus en détail

Sommaire. - Page 1 sur 19 -

Sommaire. - Page 1 sur 19 - Sommaire I Ergonomie du site 2xmoinscher... 2 1 Infos globales... 2 2 Homogénéité/cohérence... 3 3 Adaptabilité... 3 4 Guidage... 4 5 Représentativité... 5 6 Charge de travail... 6 7 Gestion des erreurs...

Plus en détail