Ergonomie pour applications smartphones

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

Download "Ergonomie pour applications smartphones"

Transcription

1 GL40 - Interface Homme/Machine et perception Université de Technologie de Belfort-Montbéliard Ergonomie pour applications smartphones Pierre-Jean Hückel et Benjamin Marconnet Printemps 2013

2 Table des matières 1 L interface mobile Des interfaces avant tout Caractéristiques d une application smartphone Principes et conseils d ergonomie mobile Systèmes d exploitation mobile actuels Android ios Windows Phone Exemples de bonnes pratiques Android ios Windows Phone Mise en place sur une application existante Présentation de l application Évolution de l application Android Application Windows Phone Conclusion 36 2

3 Introduction Dans le cadre du projet de l UV GL40 «Interface Homme/Machine et perception», nous souhaitons nous intéresser à l ergonomie des applications mobiles. La façon d utiliser et les contraintes étant différentes d un logiciel «bureau» (écrans plus petits, manipulation au touché), nous trouvons intéressant de chercher à savoir ce qui différencie une bonne interface d une mauvaise et quelles sont donc les bonnes pratiques à adopter lors du développement d application mobile. Nous nous appuierons pour cela sur des exemples d applications existantes, sur les conseils donnés par les sociétés responsables des systèmes d exploitation mobile et sur des documents spécialisés dans le domaine. Nous tenterons aussi d appliquer les bonnes pratiques apprises sur nos propres applications mobiles, qui fonctionnent mais dont le design et l ergonomie n ont pas encore été étudiés et mis en place. 3

4 Chapitre 1 L interface mobile Les interactions homme-machine classiques, sur logiciel ou site internet, ont été bouleversées par l arrivée ces dernières années des interfaces mobiles. Elles se retrouvent aussi bien sur smartphones que sur tablettes, qui sont de plus en plus présents (en 2012, croissance de 45% pour les smartphones 1 et de 50% pour les tablettes 2 ), contrairement aux PC qui tendent à diminuer 3. Le cabinet IDC, spécialisé dans les technologies informatiques, estime même que la vente de tablette va suppléer la vente des PC bureau en 2013, puis des PC portables en Des interfaces avant tout Cependant, l un des buts principaux de l IHM n a pas changé et reste le même : réaliser une application utile et utilisable. Comme l a défini Michel Beaudouin-Lafon dans Enjeux et perspectives en interaction homme-machine, pour être utile, elle doit répondre à un besoin (et donc servir à quelque chose) et pour être utilisable, elle doit être adapté aux capacités perceptives, motrices et cognitives de l utilisateur. Ainsi, les grands principes de l IHM restent valables : loi de Fitts : permet de prédire le temps requis pour qu une personne pointe un élément de l écran (concrètement, plus une cible est grande et proche, plus elle sera facile à atteindre) ; les personas : représentation d un utilisateur fictif et de ses besoins, pour se donner une ligne à suivre lors du développement ; loi de proximité : le fait que des éléments soient placés côte à côte implique que ceux-ci sont conceptuellement proches ; loi de similarité : une même couleur, forme ou comportement tend à rapprocher des éléments. 1. sur ; article complet : bit.ly/zlijya 2. sur ; article complet : bit.ly/soxyxs 3. sur ; article complet : bit.ly/16ouiyh 4. sur ; article complet : bit.ly/xddc0x 4

5 1.2 Caractéristiques d une application smartphone Taille de l écran Parmi les contraintes d une application mobile par rapport à un logiciel bureau, on peut retrouver tout d abord un écran de plus petite taille. Même si les constructeurs de smartphones mettent sur le marché des téléphones de plus en plus gros, la «taille idéale» selon Jim Wicks 5, directeur du design de Motorola, serait d environ 4.5 pouces (11.43 centimètres) de diagonale alors qu il est est de plus en courant de trouver des écrans supérieurs à 19 pouces (soit quasiment 50 centimètres) sur bureau. Comme sur logiciel bureau, un écran mobile possède des zones qui sont plus visibles et plus accessibles que d autres. Il est alors intéressant de placer les éléments interactifs dans les zones qui sont accessibles facilement, tout en gardant les boutons «dangereux» (tel que la suppression) à des endroits moins accessibles, pour éviter les erreurs. On privilégiera aussi les textes dans les zones les plus visibles, qui ne seront pas recouvertes par la main. Plus une zone est foncée, plus elle sera facilement atteignable Enfin, concernant les zones de sélection (case à cocher par exemple), il est important que celles-ci soient plus grosse que sur logiciel bureau : toucher un élément est moins précis que de le sélectionner à la souris. 5. sur ; article complet : bit.ly/zzlnek 5

6 Application Google Talk sur Android, montrant l évolution de la zone du bouton «retour». Sur le système mobile Android, les développeurs ont ainsi choisi dans leur dernière version de ne pas limiter le bouton «retour» à un simple élément, mais à transformer toute la zone en bouton : ici, un appui sur le nom du contact active l action de retour. L affordance, la capacité d un objet à suggérer sa propre utilisation, est évidemment essentielle, du fait de l absence d infobulles (renseignement sur un élément lors de son survol avec la souris) sur mobile. L espace entre les différents éléments doit aussi être assez important pour éviter les erreurs de sélection. Application Dropbox sur Android. Il est possible de distinguer sur la capture d écran facilement les boutons et leurs actions (un texte est même là «en renfort»). L espace entre chaque élément est aussi notable, limitant ainsi les erreurs. 6

7 Enfin, une taille d écran limitée implique une recherche pour gagner de la place. Par exemple, il peut être intéressant de modifier l organisation et la structure d un formulaire : présentation des éléments de façon vertical systématiquement ; description des champs dans les champs eux-mêmes ; Application «mobile» Formulaire d ajout de contact sur Android. Comme son nom l indique, une application mobile, contrairement à un logiciel bureau, doit pouvoir être utilisée partout et à tout moment : assis tranquillement chez soi, dans une file d attente, dans les transports en commun, etc. Cette notion de mobilité implique qu un utilisateur ne peut pas donner toute son attention à l application et qu il ne pourra pas interférer totalement avec l interface. Dans son livre «Mobile First», Luke Wroblewski, qui travaille dans le design d application, a fait le choix de définir l utilisateur mobile en le résumant à deux aspects : un seul œil, l utilisateur ne pouvant donner qu une partie de son attention ; un doigt, l utilisateur tenant son téléphone d une seul main et appuyant sur les éléments de l interface avec un seul doigt. 7

8 Josh Clark entre plus en profondeur dans les types de comportements que peut avoir un utilisateur mobile dans son guide «Tapworthy - Designing Great iphone Apps». Il a ainsi mis en exergue trois types d usage : «je cherche une information et j en ai besoin maintenant», dont un exemple pourrait être une application indiquant la poste la plus proche ; «je cherche à être à jour, à faire quelque chose tout de suite», avec les réseaux sociaux par exemple ; «je souhaite tuer le temps», où l on retrouve la possibilité d une lecture plus approfondie, les jeux vidéos, etc. L application doit être conçue différemment en fonction de ces usages. Une application où l on souhaite une information rapidement doit être simple d utilisation et un outil de recherche doit être présent. Au contraire, une application prise en main par un utilisateur qui s ennuie et qui n a rien d autre à faire peut offrir davantage de contenu et de possibilités Utilisation avec des gestes L utilisation d une application mobile se fait via des mouvements de doigts spéciaux, des gestes, et non plus avec des clics. L action causée par ces gestes dépend de chaque système. Geste Tap Drag Swipe Double Tap Pinch Touch and hold Shake Description sélection d un élément appuyer sur un élément et, tout en restant appuyer, le déplacer «balayer» l écran actuel vers un des cotés appuyer deux fois rapidement sur un élément appuyer avec deux doigts, puis les éloigner l un de l autre appuyer et rester sur un élément secouer l appareil Par exemple, sur Android, un drag permettra de trier une liste, un swype changera la page d un livre, un pinch permettra de zoomer sur une photo, un touch and hold donnera la possibilité de modifier ou de supprimer un contact dans le répertoire et un shake peut servir à passer à la musique suivante dans le lecteur audio Contraintes techniques Il ne faut pas oublier que sur smartphones, la connexion à Internet sera moins fiable que sur un poste bureau : prévoir un mode «hors-ligne» dans une application sensée être constamment connectée est une chose très importante. Enfin, la puissance requise pour faire tourner l application, même si les smartphones sont de plus en plus performants, doit aussi être surveillée. 8

9 Chapitre 2 Principes et conseils d ergonomie mobile 2.1 Systèmes d exploitation mobile actuels Notre étude s est portée sur les trois systèmes d exploitation mobile smartphones les plus importants. Nous parlerons ainsi : d Android (Google) ; d ios (Apple) ; de Windows Phone 8 (Microsoft). Chacun des systèmes à ses particularités (ios est utilisable seulement sur les produits Apple, alors que de nombreux constructeurs utilise Android comme système). 2.2 Android Sur son site Internet dédié à l ergonomie d application mobile Android Design 1, l équipe de développement a mis à disposition de nombreux principes et guides à respecter lors de la création d une application. 1. developer.android.com 9

10 2.2.1 Organisation de l interface Application Gmail Selon le guide, une application Android typique doit être organisé de la sorte : 1. une barre d actions principales, en haut, qui comporte les éléments pour naviguer (changer de vue, retour arrière, etc.) et quelques actions importantes ; 2. un contrôleur de vue, permettant de changer l arrangement ou l affichage de nouvelles données ; 3. une zone de donnée, où le contenu est affiché ; 4. une barre d actions secondaires, en bas de l écran, pour placer des actions qui ne sont pas assez importantes pour être dans la barre principale Design Principles Parmi les design principles, on retrouve : la manipulation des éléments est plus agréable que d appuyer sur des boutons et naviguer dans des menus. Un exemple peut être l utilisation d un swype pour mettre un élément de coté : 10

11 Application Google Now sur Android. En appuyant sur un élément et en le glissant sur la droite, on peut le «mettre de coté». donner la possibilité de s approprier l application. Le site explique que les gens aiment ajouter leur touche personnelle parce que cela aide à se sentir au contrôle de l application. Ainsi, sans négliger la configuration par défaut, permettre une personnalisation optionnelle de certains éléments est une bonne chose ; les images sont plus rapides à comprendre que les mots. Ce principe est bien connu de l IHM et on le retrouve sur bureau avec les icônes. Application contenant les contacts, où les photos sont mises en avant. ne montrer que ce dont l utilisateur a besoin. Sur mobile, il est important de diviser une tâche en plusieurs étapes et de ne montrer que ce qui est réellement nécessaire. 11

12 Application Google Play, où seulement la fonction recherche est disponible directement. Le reste des actions est «cachée» dans un menu. si cela se ressemble, la fonction doit être la même. La consistance est un élément très important du design et aide l utilisation de l application. Le bouton «retour», qui a été mis en avant dans la partie précédente, se trouve toujours en haut à gauche de l interface. faire en sorte que les actions importantes soient faisables rapidement. Tous les actions ne sont pas égales, et il est important de déterminer et de rendre disponible facilement celles qui sont essentielles Appareil photo sur Android, où le bouton pour prendre la photo est séparé du reste des éléments «Style» de l application Pour maintenir une idée de consistance dans les applications, les responsables du design Android ont mis en avant leur mécanisme de «thèmes». Ceux-ci déterminent les éléments et leurs positions sur l écran, les couleurs et la police à utiliser, etc. 12

13 Applications Gmail, Paramètres et Gtalk, montrant les trois thèmes de base. Plusieurs thèmes sont proposés aux développeurs. La possibilité de modifier ces styles est tout de même possible, et nous verrons dans le chapitre suivant que de nombreuses applications les ont personnalisé et appliqué avec talent Couleurs Les couleurs, indique le guide, doivent être utiliser pour mettre en valeur des éléments. Elles doivent être choisies pour être cohérente avec des produits déjà existants (dans le cas d une application mobile pour une marque par exemple). Il est aussi rappelé que le rouge et le vert peuvent être impossible à distinguer, en cas de daltonisme. Toujours dans un soucis de consistance, une palette de couleur, que les développeurs Android utilisent dans leurs propres applications, est proposée. Palette des couleurs utilisées 13

14 2.2.5 Style d écriture Comme nous l avons vu, une surface d écran plus petite implique de réduire la taille des phrases dans une application. Le guide de design Android va dans ce sens et donne de nombreux autres conseils : rester simple et bref, être «friendly», mettre les choses les plus importantes en premier et ne parler que de ce qui est nécessaire. Avant Consultez la documentation fournie avec votre téléphone pour plus de renseignements Utilisation des satellites GPS Location précise au niveau de la rue Désolé! MyAppActivity (dans l application Météo) ne répond pas Connexion... Votre téléphone a besoin de communiquer avec les serveurs de Google pour se connecter à votre compte. Cela peut prendre jusqu à cinq minutes. Après Lisez les instructions données avec votre téléphone GPS Permettre aux applications de connaitre votre location Météo a un problème Voulez-vous fermer l application? Connexion... Vote téléphone contacte Google. Cela peut prendre cinq minutes. 2.3 ios Dans l ios Human Interface Guidelines 2, les développeurs Apple décrivent leurs visions des bonnes pratiques à adopter lors du design d application pour iphone. Un grand nombre d entre elles ressemblent à celle déjà énoncées pour Android : se concentrer sur la tâche principale, ne pas ajouter de fonctions non nécessaires sur l interface et mettre en avant le contenu que l utilisateur a besoin ; privilégier le haut de l interface ; utiliser des termes «utilisateurs» (éviter le langage technique) ; cohérence avec le reste des applications via un «thème», même si la personnalisation est encouragée ; consistance des boutons dans l application, qu ils soient facilement cliquables, en leur donnant une taille assez importante. Apple souhaite en plus qu une application permettre un partage facile des données (locations, opinions, scores dans un jeux, etc.) et qu il y ait un champ pour effectuer une recherche lorsque l écran contient une liste. 2. apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/ Introduction/Introduction.html 14

15 2.3.1 Organisation de l interface Application Mail Une application ios doit être organisé de la façon suivante : 1. une barre de navigation, qui apparait en haut de l écran. Elle est composée du titre de la page courante et de boutons permettant de se déplacer dans l application. 2. du contenu ; 3. d une barre d outils, en bas de l écran, contenant des contrôles relatifs au contenu (ici recharger la page, archiver le mail, le supprimer, etc.) Skeuomorphism design Le skeuomorphisme, principe utilisé par Apple pour ios, définit un «élément de design dont la forme n est pas directement liée à la fonction, mais qui reproduit de manière ornementale un élément qui était nécessaire dans l objet d origine» 3. Concrètement, en utilisant ce type de design, on privilégiera une interface qui ressemble aux objets réels. 3. Définition par fr.wiktionary.com 15

16 Application BubbleLevel Le guide de design ios explique que plus l application ressemble à un objet existant, plus il sera facile à utiliser. Dans cet exemple qui représente un outil de charpentier, l application aurait pu afficher les informations en texte brut, mais cela l aurait rendu beaucoup moins familière. En voyant la bulle, l utilisateur va intuitivement savoir que si elle se trouve entre les deux traits, la surface est plate. Application Voice Memos Même idée pour l application servant à enregistrer des sons : l utilisateur voit un micro et sait immédiatement de quoi il s agit. Le guide propose d ailleurs de mimer de vrais matériaux, tel que le bois ou le cuir, pour certaines applications. 16

17 Application Notes L application Notes pour ipad est ainsi composée d une «couverture» en cuir, avec coutures apparentes, et d un bloc note où le titre est écrit sur une bordure en liège et où il est possible de voir les «restes» d anciennes pages déchirées. Les boutons sont dessinés en bas de la page et la note courante est entourée «non-parfaitement», comme si on l avait fait au stylo. Le «skeuomorphisme auditif» existe aussi, l exemple le plus courant est le son d un obturateur ajouté aux applications prenant des photos. Ce bruit, normalement mécanique, provient là d un fichier son sur l appareil. Ce type de design particulier, malgré des qualités telle que la facilité d utilisation, rencontre des détracteurs et il possible de trouver de nombreux arguments contre le skeuomorphisme : l utilisation de métaphores et la représentation d objets réels «gâche» de la place sur l écran, dont la taille est déjà limitée ; la perte d une cohérence avec le reste des applications ; l absence de précision, de réglages ; beaucoup d utilisateurs n ont jamais eu d expériences avec les objets représentés ; limitation de la créativité. 17

18 2.4 Windows Phone 8 Microsoft, pour son système mobile, liste ses principes d ergonomie sur le Windows Phone Dev Center 4. La philosophie de design est différente de ce que l on peut trouver sur Android ou ios, en se concentrant sur quelque chose de plus minimaliste Organisation de l interface Application Courriel Selon le site web, une application Windows Phone 8 typique est organisée de la sorte : 1. le «pivot», qui permet de changer la page de l application via un swype ; 2. le contenu de l application ; 3. la «barre d application», où il est possible d ajouter jusqu à quatre actions. Un menu peut-être présent, pour permettre de stocker d autres fonctions. 4. developer.windowsphone.com 18

19 2.4.2 Panorama «L expérience panoramique», comme décrite par le site, fait parti du look and feel de Windows Phone 8, et les développeurs sont donc encouragés à l utiliser. Application People C est «comme-ci» toute l application était affichée, mais avec seulement une partie visible à l écran. Un swipe (balayage de l écran actuel vers l un des cotés) est nécessaire pour voir le reste Thèmes Dans le même ordre d idée que sur Android et ios, il est possible de personnaliser son application Windows Phone avec des styles. 19

20 Deux couleurs sont configurables : la couleur de fond (ici blanche ou noire) et la couleur d accentuation (ici marron, cyan ou violet). Si aucun choix de couleur n est fait, ce sont celles choisies par l utilisateur qui sont utilisées, offrant ainsi une idée de personnalisation immédiate. Contrairement à Android ou ios, une personnalisation totale (des boutons, champs de texte, etc.) est moins encouragée, et il est conseillé de se limiter aux éléments fournis par le système Tuiles Enfin, il est important de faire mention à l écran d accueil de Windows Phone 8, particularité intéressante du système. 20

21 Celui-ci est composé de raccourci vers les applications, nommées «tuiles», qui bougent et changent très souvent. Par exemple, un raccourci vers la galerie parcourt la liste des photos et en choisit une pour l afficher en fond, l application Répertoire affiche des photos de contacts, etc. Le site web encourage ainsi à rendre ses applications (et donc ses tuiles) «vivantes». Ce design de tuiles, en grille, est aussi encouragé pour afficher des informations (principalement les images). Application Nokia Glam Me 21

22 Chapitre 3 Exemples de bonnes pratiques 3.1 Android Pour résumer le guide de développement pour Android, une application doit : offrir la possibilité de manipuler des éléments plutôt que d appuyer sur des boutons ; utiliser des images, qui sont plus rapides à comprendre que des mots ; ne montrer que ce qui est nécessaire à l écran ; permettre de faire les actions importantes rapidement FlightTrack À gauche, l écran de gestion des avions ; à droite, la carte. L application FlightTrack permet de suivre, en temps réel, les vols d avions sur une carte et de zoomer sur leurs itinéraires. Il est possible de voir pour tout les voyages leurs 22

23 horaires de départ, les retards (ou annulations) et les numéros de porte d embarquement. Pour chaque vol, les positions des avions et des aéroports sont affichées directement sur la carte (compréhension très facile donc, sans passer par des mots). Il est possible de zoomer sur cette carte (manipulation des éléments), qui est l élément le plus important de l écran. Les seules autres informations affichées sont une barre d action principale (personnalisée pour cet écran) et une barre indiquant la progression de l appareil. Enfin, il est possible de voir que sur l écran de gestion des avions, les actions possibles sont le rafraichissement des informations et l ajout d un nouveau voyage Feedly À gauche, un affichage de flux RSS ; à droite, la partie pour rechercher de nouveaux flux. Feedly est un lecteur de flux RSS pour Android. Les photos des articles sont mises en avant lors de la présentation de ceux-ci. Le même principe est utilisé pour montrer les différentes catégories lorsque l on recherche de nouveaux contenus. L action principale de l application, disponible rapidement dans la barre d action, est la recherche. Le reste (rafraichissement, suppression du flux, etc.) se trouve dans un sous-menu. 23

24 3.1.3 Real Colors À gauche, analyse d une photo ; à droite, affichage de son «spectre des couleurs». Real Colors est une application permettant, après analyse d une photo, de déterminer les couleurs qui lui seront complémentaires, analogues, etc. L application, bien que prenant le modèle offert par les développeurs Android, personnalise les éléments (un choix de couleur rouge à la place du bleu pour souligner les boutons). Les couleurs sont affichées de manières claires, un «bouton slide» (qui offre une liste d autre choix après appui) permet de changer l analyse directement. Un bouton dans la barre d action principale lance l appareil photo sans devoir quitter l application, pour faciliter et rendre plus rapide son utilisation. 3.2 ios Comme pour Android, petit rappel des pratiques encouragées par Apple pour le développement ios : se concentrer sur la tâche principale ; cohérence avec le reste des applications ou utilisation du skeuomorphism design ; éléments facilement sélectionnables ; possibilité de partage facile ; champ de recherche lorsque l écran contient une liste. 24

25 3.2.1 GarageBand En haut, l interface clavier ; en bas l interface ampli. GarageBand est une application qui «transforme» le smartphone en une collection d instruments de musique tactiles. Il est possible de jouer du piano, de l orgue, de la guitare, etc., qui sonnent comme leurs homologues réels, et il existe la possibilité de brancher une guitare électrique à l appareil, via un câble spécial, qui se comportera alors comme un ampli réglable. Ici, le skeuomorphism design est utilisé, on retrouve ainsi des «vrais» piano et ampli. Pour le piano, l alternance entre slow et fast se fait via un interrupteur, une lumière indique si le glissando est «en marche», etc. Même principe pour l ampli, où comme dans la vie réelle, les réglages se font en tournant des boutons. 25

26 3.2.2 Roland-Garros 2013 À gauche, écran de suivi des scores ; à droite une fiche de présentation d un joueur Roland-Garros 2013 permet, comme son nom l indique, de suivre le tournoi de tennis parisien. De nombreuses fonctionnalités sont proposées, dont la possibilité d avoir le résultats des matchs, de suivre les actualités du tournoi, le calendrier des rencontres, etc. Une fiche est disponible pour chaque joueur, renseignant ses informations et sa biographie. L application reprend une interface classique pour ios (barre de navigation, contenu et barre d outils), en apportant cependant certaines modifications de couleurs (le vert du tournoi remplace le gris par défaut). Pour l écran affichant les résultats en direct, l application se concentre sur un seul match et il est possible de partager à tout moment ce que l on voit avec un bouton «social» (en haut à droite). 26

27 3.2.3 Marmiton À gauche, la page d accueil ; à droite une fiche de cuisine Marmiton est un «assistant culinaire» pour smartphone. L application propose plus de recettes, qu il est possible de classer par ingrédients, par prix, etc. Sur l écran d accueil, des photos sont utilisées pour montrer des recettes mises en avant chaque jour, et une recherche est facile à faire, puisqu un champ de recherche est disponible en haut de l interface. Sur chaque repas, la notion de social et de partage est bien présente (note de la communauté, mention «j aime», possibilité de partager des photos après avoir fait la recette, etc.). L aspect général de l application rappelle celle de base sur ios, cependant l équipe de développement a refait les boutons et la barre d outil a changé d aspect pour correspondre aux couleurs du site Internet marmiton.org 27

28 3.3 Windows Phone 8 Du coté de Windows Phone 8, les grands principes sont : utilisation d un panorama ou d une interface classique avec un «pivot» pour se déplacer ; mis à part dans le cas d une marque où une couleur lui est associée, utiliser les couleurs du système pour l application ; utilisation de raccourci «vivant» ; représentation des données en forme de «tuiles» Orange Cineday Panorama : à gauche, les sorties ; au centre les salles de cinéma ; à droite les codes de l offre. L application Orange Cineday permet de profiter de l offre Orange «une place de cinéma acheté = une offerte», directement sur smartphones. Il est aussi possible de suivre l actualité cinéma (bandes-annonces, détails des films, etc.). L application utilise la notion de panorama de Windows Phone 8 (une seule partie visible, un balayage vers un coté pour voire le reste). Elle est personnalisée, avec un fond d écran pour le panorama qui met en avant les données. 28

29 3.3.2 Quoties À gauche, la page d accueil ; à droite le bureau, où il est possible de voir la tuile «vivante» Quoties est un «agrégateur de citations» venant de sites humoristiques français ou anglais. Plutôt que d utiliser une application différente pour chaque contenu, Quoties les regroupe en une seule. Ici, il est possible de voir que le «pivot», utilisé pour passer de pages en pages, a aussi servi à afficher le nombre de nouveautés. Les différentes contenus sont représentés dans des carrés. Ces carrés sont assombris lorsqu il n y a pas de nouveaux éléments, ou mis en avant par une «notification» lorsque de nouveaux contenus sont disponibles. Sur le bureau, le raccourci est une tuile «vivante», où l on peut voir directement, sans lancer l application, le nombre de nouveautés. 29

30 Chapitre 4 Mise en place sur une application existante Nous avons tenté, au fur et à mesure de l étude, d appliquer les bonnes pratiques apprises sur notre propre application mobile, qui fonctionne mais dont le design et l ergonomie n avaient pas encore été étudiés. 4.1 Présentation de l application L application, développée sur la dernière version Android, permet de créer différents types de «projets» : réaliser une tâche avant une date donnée, économiser de l argent pour un objet particulier, etc. Captures d écrans des différents écrans de l application, à sa création 4.2 Évolution de l application Android Pour personnaliser l application, en plus de l amélioration dans le placement et dans l affichage des éléments de l interface, la couleur bleue a été choisie. Le bleu cyan de 30

31 base d Android (qui se retrouve notamment dans la barre de notifications de l écran, sur la batterie par exemple) a servi de base, et des teintes plus foncées ont été utilisées Classement en catégories Le premier choix, pour améliorer l utilisation de l application, a été la séparation des différents projets en catégories : ceux qui ont une date de fin précise, ceux impliquant une notion d argent à économiser, et enfin une partie «divers» pour le reste. Au point de vue de l interface, cela à été fait grâce à un mécanisme de swype. Chaque catégorie a sa propre page, et un balayage vers la droite emmène vers la suivante. Mécanisme de swype représenté par la bande bleue, où il est possible de voir le titre de la catégorie courante en blanc Boutons dans la barre d action Les boutons permettant la création de nouveaux projets, leur modification ou leur suppression ont été ajoutés dans la barre d action principale de l interface : À gauche, l écran contenant les catégories ; à droite, un écran de projet (ici complètement vide). 1. bouton de création d un nouveau projet ; 2. sous-menus, qui une fois appuyé offre la possibilité d accéder à d autres actions telle que la sauvegarde ; 3. bouton de modification d un projet ; 4. bouton de suppression. 31

32 Autre amélioration, le processus de création de projet. Au départ, un appui sur le bouton «nouveau» amenait vers un écran de sélection du type de projet (durée, argent ou divers), puis à un formulaire pour compléter les informations. Désormais, un appui sur le bouton de création fait apparaitre une sorte de «pop-up» : Le type du projet est connu implicitement (en fonction de l écran dans lequel l utilisateur appui sur le bouton) et le formulaire prend en compte des contraintes d un petit écran (intitulés des champs directement dans les champs de saisie) Affichage de la liste des projets Au départ, la liste de tous les projets ne contenait que leur titre. Nous avons vu que les projets sont maintenant séparés en catégories (argent, durée ou divers), avec une page pour chacune. 32

33 Dans l idée que «les images sont plus faciles à comprendre que les mots», une icône a été associée à chaque projet. Pour plus de simplicité, cette image est choisie en fonction du titre du projet (par exemple, si «courrier» ou « » s y trouve, ce sera une enveloppe). L information importante du projet (ici la date de fin, pour un projet argent, c est la somme à économiser) est directement affichée, sans devoir aller dans les détails Détails d un projet De nombreuses informations ont du être représentées dans la partie «détails» des projets. La première étape a été le respect de la «loi de proximité», où les données qui ont un rapport entre elles doivent être regroupées. Le titre a été mis en avant, puis les informations par ordre d importance. Chaque groupe de données se trouve dans un rectangle blanc. Des sous-titres ont été ajoutés, pour une compréhension plus facile. Lorsqu il existe une notion de progression dans le projet, une barre de progression a été mise pour la représenter. Dans le cas d un projet argent, plutôt que de devoir aller modifier le projet tout entier, un champ et un bouton pour augmenter directement la somme économisée est présent Analyse et conclusion Pour reprendre le guide de développement Android Design, elle permet bien la manipulation des éléments directement (un appui long sur un des projets dans la liste 33

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise

Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Le Windows que vous connaissez, simplement amélioré. Petit guide rapide pour Windows 8.1 en Entreprise Découvrez l écran d accueil. Votre écran d accueil concentre les informations les plus importantes

Plus en détail

SOMMAIRE. 1.Qu est ce qu une tablette 2.Caractéristiques techniques 3.Manipulations de base 4.Les principales applications

SOMMAIRE. 1.Qu est ce qu une tablette 2.Caractéristiques techniques 3.Manipulations de base 4.Les principales applications 1 SOMMAIRE 1.Qu est ce qu une tablette 2.Caractéristiques techniques 3.Manipulations de base 4.Les principales applications 2 QU EST CE QU UNE TABLETTE? Une tablette : un ordinateur portable ultraplat

Plus en détail

Guide de l application mobile BR-Docs pour ios

Guide de l application mobile BR-Docs pour ios Guide de l application mobile BR-Docs pour ios BR-Docs Mobile App est une application gratuite qui vous permet d accéder à la plate-forme BR-Docs via votre appareil mobile. Version 0 FRE Table des matières

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

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

À LA DÉCOUVERTE de PowerPoint 2010

À LA DÉCOUVERTE de PowerPoint 2010 Chapitre 1 À LA DÉCOUVERTE de PowerPoint 2010 C est le logiciel de présentation le plus utilisé au monde. PowerPoint est devenu au fil du temps un incontournable. Intégré à la suite bureautique Office

Plus en détail

ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR

ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR ODOTRACK pour iphone version 1.0 GUIDE DE L UTILISATEUR TABLE DES MATIÈRES 1. Introduction... 3 2. Spécificités par rapport au système d exploitation Apple... 3 3. Exigences matérielles... 3 4. Avant d

Plus en détail

Synchroniser ses photos

Synchroniser ses photos Synchroniser Avec l'arrivée des smartphones et tablettes équipés de fonctions «appareils photos», nous réalisons de plus en plus de photos avec ceux-ci. Soucis, la mémoire de ces outils n'est pas aussi

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» La gestion des photos avec Windows 10 1 Généralités sur le jargon de l image numérique Les différents formats d image : une image enregistrée

Plus en détail

Messagerie académique

Messagerie académique académie Créteil Convergence 2.0 Messagerie académique Copyright : Direction des systèmes d information Convergence 2.0 : la nouvelle messagerie académique La messagerie académique évolue et devient Convergence

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

BR-Docs guide d applications mobile Android

BR-Docs guide d applications mobile Android BR-Docs guide d applications mobile Android Version 0 FRE Table des matières Guide d applications mobile Android Application Android... Spécifications... Se connecter à l application...2 Naviguer dans

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Pièces maîtresses de l iphone, les applications vous permettent d étendre

Pièces maîtresses de l iphone, les applications vous permettent d étendre Gérer les applications Pièces maîtresses de l iphone, les applications vous permettent d étendre librement ses fonctions et d envisager les activités les plus variées, de la lecture de films à la consultation

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

ERGONOMIE, INTERFACE HOMME / MACHINE PROJET : IPHONE

ERGONOMIE, INTERFACE HOMME / MACHINE PROJET : IPHONE ERGONOMIE, INTERFACE HOMME / MACHINE PROJET : IPHONE Partie : Arconada MALO Andy 1 Description de l Iphone : Phonétique et phonologie : Sémantique et lexicologie : Syntaxe : Conclusion : 4 2 Description

Plus en détail

FICHIERS ET DOSSIERS

FICHIERS ET DOSSIERS La différence entre fichier et dossier FICHIERS ET DOSSIERS La première notion à acquérir est la différence entre un dossier et un fichier Un dossier est une sorte de classeur dans lequel on range divers

Plus en détail

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4

E-LECLERC LEVALUATION DU SITE WEB. A. Evaluation «subjective» du site web. 1. Choix du site web. 2. Présentation le site A P I 0 8 1 1 / 0 3 / 2 0 1 4 LEVALUATION DU SITE WEB E-LECLERC A P I 0 8 1 1 / 0 3 / 2 0 1 4 A. Evaluation «subjective» du site web 1. Choix du site web J ai choisi de réaliser l évaluation «subjective» sur le site web : www.e-leclerc.com,

Plus en détail

LES TABLETTES : EN PRATIQUE

LES TABLETTES : EN PRATIQUE Installer une application LES TABLETTES : EN PRATIQUE Lorsque vous achetez une tablette, des applications sont déjà installées. En général, vous trouverez de quoi surfer sur Internet, écouter de la musique,

Plus en détail

Espace de travail. Les éléments... 12 Modifications de l affichage... 17

Espace de travail. Les éléments... 12 Modifications de l affichage... 17 Espace de travail Les éléments... 12 Modifications de l affichage... 17 Chapitre 1 Espace de travail L espace de travail d InDesign CS4 s inscrit dans la lignée de tous les produits de la gamme Creative

Plus en détail

Manuel d utilisation du CMS

Manuel d utilisation du CMS Manuel d utilisation du CMS ---------------------------- Le gestionnaire de contenu Web et son manuel d utilisation sont une production Global-Média inc. Cet ouvrage est assujetti aux lois sur les droits

Plus en détail

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

Plus en détail

Tablettes tactiles Android Découverte et utilisation

Tablettes tactiles Android Découverte et utilisation Tablettes tactiles Android Découverte et utilisation Une tablette tactile est un ordinateur portable qui se présente sous la forme d un écran tactile transportable, c est-à-dire qu il n y a pas de clavier

Plus en détail

Présentation Skype 14 janvier 2015

Présentation Skype 14 janvier 2015 Windows et ipad Skype est un logiciel de communication Grâce à l'évolution de la technologie, la distance n'est plus un obstacle à la communication. Quiconque connaît le logiciel Skype sait que cela est

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

guide d utilisation My Friends pour téléphones Android

guide d utilisation My Friends pour téléphones Android guide d utilisation My Friends pour téléphones Android Sommaire 1 introduction...1 2 experience utilisateur...2 2.1 page d accueil...2 2.2 connexion à un service...3 2.3 Facebook Chat...3 2.3.1 connexion

Plus en détail

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers Découverte de l ordinateur Explorer l ordinateur et gérer ses fichiers SOMMAIRE I L ORDINATEUR ET L EXPLORATEUR... 3 1.1 : PRESENTATION ET GENERALITES... 3 1.2 : CONNAÎTRE LES PROPRIETES D UN ELEMENT...

Plus en détail

Découvrir Android. 1. Le vocabulaire

Découvrir Android. 1. Le vocabulaire Découvrir Android 1. Le vocabulaire Android : sans le e, il désigne un système d exploitation créé àpartir d un noyau Linux, qui équipe un support numérique portable : smartphone (téléphone de dernière

Plus en détail

Emmanuel CROMBEZ 30 mai 2015

Emmanuel CROMBEZ 30 mai 2015 Je valide, Page 1 Historique La #TeamMaternelle sur Twitter cherchait une application de type cahier de progression que les enfants rempliraient eux-mêmes à la rentrée 2014. ABC-Applications a essayé de

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

Créer un compte itunes Store

Créer un compte itunes Store P r o f i t e r d I n t e r n e t A t e l i e r 0 9 Créer un compte itunes Store en 4 étapes L ipad est un ordinateur aux nombreuses capacités dès la sortie du carton mais ses capacités ne sont rien face

Plus en détail

WINDOWS 8. Actions basiques. Boulogne Informatic Club Guillaume FRANCOLON

WINDOWS 8. Actions basiques. Boulogne Informatic Club Guillaume FRANCOLON WINDOWS 8 Actions basiques Boulogne Informatic Club Guillaume FRANCOLON Introduction : La volonté de Microsoft d ouvrir son système d exploitation Windows aux périphériques tactiles a modifié l ergonomie

Plus en détail

Créer des documents interactifs

Créer des documents interactifs Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format

Plus en détail

Windows XP. Microsoft. Sommaire :

Windows XP. Microsoft. Sommaire : Microsoft Windows XP Sommaire : OUVERTURE DE SESSION...2 LE BUREAU...3 CHANGER D ENVIRRONEMENT...4 NOUVEAU RACCOURCI...7 LE MENU DEMARRER...9 LES PROGRAMMES AU DEMARRAGE...11 LA GESTION DES FICHIERS...12

Plus en détail

ODOTRACK pour Android 2.0 GUIDE D UTILISATION

ODOTRACK pour Android 2.0 GUIDE D UTILISATION ODOTRACK pour Android 2.0 GUIDE D UTILISATION TABLE DES MATIÈRES 1. Introduction... 3 2. Exigences matérielles... 3 3. Avant d utiliser l application ODOTRACK pour Android... 4 4. Utilisation lors de la

Plus en détail

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site "Se Former en Alsace"

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site Se Former en Alsace SFEA Ce document peut être imprimé au format livret Guide utilisateurs du site "Se Former en Alsace" Version 1.2-28/11/2012 SOMMAIRE 1 INTRODUCTION... 9 2 FONCTIONNALITES...10 3 CONNEXION A L APPLICATION...11

Plus en détail

Guide de prise en main Windows 8

Guide de prise en main Windows 8 Guide de prise en main Windows 8 Découvrez le nouveau Windows Premiers pas La barre d icônes Commandes Applications Bureau Zoom sémantique Dernière application utilisée Fermer une application Défilement

Plus en détail

Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes

Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes Contenu 1- La fonction copier-coller... 2 a. Annuler «Coller»... 2 2- Supprimez plusieurs photos simultanément... 3 2. ipod: des commandes améliorées... 4 a. Secouez votre iphone pour passer à la prochaine

Plus en détail

Mes premiers diaporamas avec Open Office Impress?

Mes premiers diaporamas avec Open Office Impress? Mes premiers diaporamas avec Open Office Impress? Courage! Tu vas y arriver 1 Sommaire I. Les bons gestes avant de lancer Open Office (page 3) II. Créer un dossier Open Office. (page 4) III. Les 5 zones

Plus en détail

Un nouveau visage pour le fil d actualité

Un nouveau visage pour le fil d actualité Un nouveau visage pour le fil d actualité Nous annonçons aujourd hui une nouvelle version de Facebook, plus aérée et plus orientée que jamais sur les actualités des personnes qui vous sont chères. Le contenu

Plus en détail

Didacticiel destiné à l apprentissage de modifications colorimétriques sous GIMP.

Didacticiel destiné à l apprentissage de modifications colorimétriques sous GIMP. Didacticiel destiné à l apprentissage de modifications colorimétriques sous GIMP. Lancez le logiciel Gimp, son espace de travail typique contient 3 fenêtres par défaut: au centre la fenêtre principale

Plus en détail

Maîtriser son clavier et apprivoiser sa souris

Maîtriser son clavier et apprivoiser sa souris Maîtriser son clavier et sa souris - 13 janvier 2014 p 1 Maîtriser son clavier et apprivoiser sa souris Le but de ce petit tutoriel est de vous aider à mieux connaître votre clavier, à insérer tous les

Plus en détail

Guide de l utilisateur

Guide de l utilisateur Guide de l utilisateur Illico mobile Mobile Table des matières Introduction... 3 Description... 4 Guide de l utilisateur d (version enrichie)... 4 Guide de l utilisateur par le Portail Vidéotron... 12

Plus en détail

Formation pour tablette Androïde

Formation pour tablette Androïde Formation pour tablette Androïde DURÉE : en heures Préalable : Posséder une tablette électronique (avoir avec CA) Objectif Apprendre à gérer son appareil de façon efficace Bien connaître et exploiter les

Plus en détail

Documentation. Guide de démarrage

Documentation. Guide de démarrage Documentation Guide de démarrage V3.0 30/03/2015 Avant Propos Jalios Agora en bref Réseau Social d Entreprise : expertise et de gestion des compétences Espaces collaboratifs : projets organisés, communautés

Plus en détail

Mise en œuvre d un Site Sharepoint-V1

Mise en œuvre d un Site Sharepoint-V1 Mise en œuvre d un Site Sharepoint- MAJ 20/01/2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013 NADAP et SharePoint NADAP ( Nouvelle

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

HYPERPLANNING EST UN LOGICIEL INDEX EDUCATION

HYPERPLANNING EST UN LOGICIEL INDEX EDUCATION HYPERPLANNING EST UN LOGICIEL INDEX EDUCATION Guide de l Espace Enseignant Table des matières Présentation de l Espace Enseignants... Saisir ses indisponibilités... Saisir un programme de cours... 5 Saisir

Plus en détail

Mon ipad et moi. There s an app for that! Document de démarrage version 1.0 Cs des Chênes. Karine St-Georges Cs des Chênes, Page 1

Mon ipad et moi. There s an app for that! Document de démarrage version 1.0 Cs des Chênes. Karine St-Georges Cs des Chênes, Page 1 Mon ipad et moi There s an app for that! Document de démarrage version 1.0 Cs des Chênes Karine St-Georges Cs des Chênes, Page 1 L appareil Allumer ou éteindre Appuyez de façon prolongée sur le bouton

Plus en détail

Organisez vos activités quotidiennes avec Bulletin

Organisez vos activités quotidiennes avec Bulletin Organisez vos activités quotidiennes avec Bulletin Board et ReelTime Avec Toshiba LifeSpace Être organisé n a jamais été aussi simple... LifeSpace est un outil à la fois simple et élégant qui vous aide

Plus en détail

Ciblez votre recherche à l aide de filtres pertinents affichés au centre de la page.

Ciblez votre recherche à l aide de filtres pertinents affichés au centre de la page. L objectif du présent document consiste à offrir une vue d ensemble des caractéristiques du nouveau site Web de Richelieu. Notre principale tâche au niveau de la conception du site visait à rendre les

Plus en détail

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6

Toutes formations CIEL GESCO. et mise en œuvre. Découverte. Jean-Michel Chenet. Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 Toutes formations CIEL GESCO Découverte et mise en œuvre Jean-Michel Chenet Gep Éditions / Eyrolles Éducation, 2013 ISBN : 978-2-84425-935-6 I. La mise en œuvre Les menus Les déplacements 1.1 Lancement

Plus en détail

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

Procédure d utilisation de l application web mobile de Code Bleu placement en santé.

Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Page de connexion Ce message s affiche si l utilisateur a entré un nom d utilisateur valide et le mot de passe correspondant,

Plus en détail

Vous pouvez toujours lancer un programme ou une application en tapant les premières lettres de son nom à partir du menu démarrer.

Vous pouvez toujours lancer un programme ou une application en tapant les premières lettres de son nom à partir du menu démarrer. Après un Windows 8 qui a déconcerté plus d'un et sa mise à jour Windows 8.1 qui n'a pas convaincu voici le dernier né du système d'exploitation de Microsoft. Le retour du menu démarrer 20 ans après son

Plus en détail

Sage Customer View (ios) Guide d installation et d utilisation 21.01.2015

Sage Customer View (ios) Guide d installation et d utilisation 21.01.2015 Sage Customer View (ios) Guide d installation et d utilisation 21.01.2015 Tables des matières Sage Customer View (ios) - Guide d installation et d utilisation Tables des matières 2 1.0 Avant-propos 3 2.0

Plus en détail

Guide de l utilisateur de PrintMe Mobile 3.0

Guide de l utilisateur de PrintMe Mobile 3.0 Guide de l utilisateur de PrintMe Mobile 3.0 Sommaire A propos de PrintMe Mobile Matériel et logiciels nécessaires Impression Dépannage A propos de PrintMe Mobile PrintMe Mobile est une solution d impression

Plus en détail

Descriptif et utilisation de Netvibes

Descriptif et utilisation de Netvibes Descriptif et utilisation de Netvibes I. Description : Netvibes est un service en ligne qui permet principalement de lire, classer et partager des flux RSS disponibles sur le web. Cet agrégateur ne propose

Plus en détail

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Accueil Zimbra Aide utilisateur Ce document explique le fonctionnement de l accueil Zimbra, comment l utiliser et le personnaliser.

Plus en détail

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants 1. Le fonctionnement de base de l ipad 2. Les applications utilitaires 3. Se connecter

Plus en détail

Sommaire : tutorial Powerpoint 2003

Sommaire : tutorial Powerpoint 2003 Sommaire : tutorial Powerpoint 2003 Ouvrir le logiciel PowerPoint 2003...2 Affichage «mode normal» : mode de travail...3 Ajouter un modèle de conception existant...4 Insertion d une nouvelle diapositive

Plus en détail

Book Creator. Guide de prise en main rapide. Introduction

Book Creator. Guide de prise en main rapide. Introduction Version 3.4 - Avril 2015 Introduction Book Creator est une application qui permet de réaliser des livres numériques au format epub à lire sur une tablette. Son interface très simple permettra même aux

Plus en détail

Guide utilisateur. Flexible Storage

Guide utilisateur. Flexible Storage Guide utilisateur Flexible Storage Sommaire Débuter avec Flexible Storage Gérer mon espace de stockage Synchroniser mes données Partager un dossier (mode collaboratif) Sauvegarder mes données Autres fonctionnalités

Plus en détail

Page 1/11. Préambule. Table des matières

Page 1/11. Préambule. Table des matières Page 1/11 Table des matières Préambule... 1 1- Le principe de «NuaFil»... 2 2 - Accueil de votre gestion de profil... 2 2-1 - La recherche de profils... 3 2-2- La liste de vos profils... 3 3 - Le référencement

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

Toutes formations CIEL PAYE. Découverte et mise en œuvre. Pascal Parisot. Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8

Toutes formations CIEL PAYE. Découverte et mise en œuvre. Pascal Parisot. Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8 Toutes formations CIEL PAYE Découverte et mise en œuvre Pascal Parisot Eyrolles Éducation / Gep Éditions, 2014 ISBN : 978-2-84425-931-8 ergonomie générale du logiciel Vous pouvez prendre contact avec l

Plus en détail

AOLbox. Partage de disque dur Guide d utilisation. Partage de disque dur Guide d utilisation 1

AOLbox. Partage de disque dur Guide d utilisation. Partage de disque dur Guide d utilisation 1 AOLbox Partage de disque dur Guide d utilisation Partage de disque dur Guide d utilisation 1 Sommaire 1. L AOLbox et le partage de disque dur... 3 1.1 Le partage de disque dur sans l AOLbox... 3 1.1.1

Plus en détail

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels.

Aide Webmail. L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. Aide Webmail 1. Découverte de l environnement : L environnement de RoundCube est très intuitif et fonctionne comme la plupart des logiciels de messagerie traditionnels. 1. La barre d application (1) Les

Plus en détail

Messagerie Étudiante

Messagerie Étudiante Messagerie Étudiante Accès Web... 3 Présentation de Outlook Web... 4 Envoi de message... 6 Transfert... 7 Configurer Outlook sur ses périphériques... 9 Android... 9 Smartphone Android... 9 Tablette Android...

Plus en détail

StockMalin l application pour les brocanteurs!

StockMalin l application pour les brocanteurs! StockMalin l application pour les brocanteurs! Conçue en intégralité par Quentin Comte-Gaz StockMalin Gestion de stock/clients/fournisseurs en ligne (2014) 1/15 Sommaire Introduction...3 PARTIE 1 : DESCRIPTION

Plus en détail

Il n est guère étonnant que l iphone soit entré de plain-pied dans le monde de

Il n est guère étonnant que l iphone soit entré de plain-pied dans le monde de 5 Travailler et organiser votre vie professionnelle Il n est guère étonnant que l iphone soit entré de plain-pied dans le monde de l entreprise : par ses innombrables applications susceptibles d orchestrer

Plus en détail

2. Réglages de base. 2.1 Général. 2.1.1 Se brancher à un réseau sans fil

2. Réglages de base. 2.1 Général. 2.1.1 Se brancher à un réseau sans fil 2. Réglages de base Cette section permet de personnaliser et de configurer votre appareil mobile. Il est possible de configurer les informations générales et vos options : réseau, notifications, luminosité,

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

Documentation utilisateur FReg.NET

Documentation utilisateur FReg.NET Epitech Documentation utilisateur FReg.NET Document réservé aux utilisateurs souhaitant comprendre rapidement le fonctionnement du logiciel FReg.NET Lago_a, schehl_c, narcis_m, clique_x, tran-p_n 5/14/2010

Plus en détail

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog

Sommaire. Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Sommaire Qu est ce qu un blog? Blog / site : quelle différence? Les plateformes de blog Premiers pas sur Wordpress Créer un compte utilisateur Créer un blog Tableau de bord et administration Interface

Plus en détail

Concepts de base de Word

Concepts de base de Word Concepts de base de Word Word est une application performante de traitement de texte et de mise en page. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas.

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas. Logiciel Excel version Office 2007. Voici une liste non exhaustive de fonctions de ce logiciel en relation avec le stage. Au sommaire : 1. Créer des boutons de raccourci dans une barre d outils: a) Sélection

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

Cinéma Gaieté. Guide de formation pour la mise à jour du site

Cinéma Gaieté. Guide de formation pour la mise à jour du site Cinéma Gaieté Guide de formation pour la mise à jour du site Table des matières 1 Connexion...3 2 Description du tableau de bord...4 2.1 Partie de gauche (menu)...4 2.2 Partie du haut (menu)...5 2.3 Partie

Plus en détail

APPRENDRE A UTILISER SA TABLETTE ANDROID

APPRENDRE A UTILISER SA TABLETTE ANDROID APPRENDRE A UTILISER SA TABLETTE ANDROID La Tablette Androïd de Samsung L intérêt premier d une tablette tactile est clairement de pouvoir se divertir par différents moyens comme la vidéo, la photo, la

Plus en détail

Site Internet WWW.CAPSANTE93.FR

Site Internet WWW.CAPSANTE93.FR Site Internet WWW.CAPSANTE93.FR Table des matières Présentation du site internet de Cap Santé 93.... 3 Structure du site internet de Cap Santé 93.... 4 Les fonctions du site CAP Santé 93.... 5 L abonnement

Plus en détail

Portail Client Sigma Informatique

Portail Client Sigma Informatique Portail Client Sigma Informatique Edité le 19 févr. 2013 Sommaire Présentation du portail client 3 La page d accueil 8 Vie d une demande (Création et suivi) 11 La consultation d une demande. 18 La gestion

Plus en détail

Utilisation du mode «barre d outils extérieure» sur tablette

Utilisation du mode «barre d outils extérieure» sur tablette Utilisation du mode «barre d outils extérieure» sur tablette Animez votre cours hors application grâce à la barre d outils extérieure. Naviguez sur votre tablette tout en gardant les fonctionnalités de

Plus en détail

Outil de collecte et de traitement des données de production et de distribution

Outil de collecte et de traitement des données de production et de distribution Outil de collecte et de traitement des données de production et de distribution Sifoee, 1 place Louis Chazette 69001 Lyon Tél. : +33 4 82 53 96 77, Fax. : +33 4 82 53 93 29, Web : www.sifoee.com SOMMAIRE

Plus en détail

Guide d utilisation des outils de messagerie. Guide d utilisation de la messagerie de l académique de Paris

Guide d utilisation des outils de messagerie. Guide d utilisation de la messagerie de l académique de Paris Guide d utilisation des outils de messagerie Guide d utilisation de la messagerie de l académique de Paris Sommaire Caractéristiques et Nouveautés 3 Le Webmail 4 Aperçu général 5 Le carnet d adresses 7

Plus en détail

Sommaire. Procédurier Windows Movie Maker Mars 2009

Sommaire. Procédurier Windows Movie Maker Mars 2009 Procédurier Windows Movie Maker Mars 2009 Conception et réalisation Mathieu Brisson Technicien multimedia local Q3049 418.647.6600 poste 6776 mathieu.brisson@climoilou.qc.ca Sommaire L interface... 2 La

Plus en détail

Félicitations! Vous disposez désormais de votre armoire numérique en ligne.

Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Cette armoire va vous permettre : De mieux classer vos documents De mieux les retrouver De mieux les partager Ce petit guide

Plus en détail

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x)

Manuel utilisateur du site www.cg-corsedusud.fr. 1. L Interface Typo 3 (version 4.4.x) Manuel utilisateur du site www.cg-corsedusud.fr 1. L Interface Typo 3 (version 4.4.x) Version 1 Le contenu de ces pages est relatif à TYPO3, CMS/Framework sous licence GNU/GPL disponible sur www.typo3.com

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS)

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) Qu est-ce que l espace collaboratif? L espace collaboratif est un service vous permettant à vous, vos associés et collaborateurs

Plus en détail

1. APPARENCE DE LA TABLETTE

1. APPARENCE DE LA TABLETTE 1. APPARENCE DE LA TABLETTE Structure du produit : 2. DEMARRAGE 2.1 RECHARGEMENT DE LA BATTERIE La tablette est équipé d une batterie intégrée et sa recharge est nécéssaire lorsque la batterie est faible.

Plus en détail

Guide d utilisation de votre site de gestion de contenu CMS Made Simple

Guide d utilisation de votre site de gestion de contenu CMS Made Simple Guide d utilisation de votre site de gestion de contenu CMS Made Simple Version 2.0 Table des matières Présentation... 3 Se connecter à l administration de votre site... 3 Retrouvez son mot de passe....

Plus en détail

Tutoriel pour la configuration des ipad et son «rattachement» au CG

Tutoriel pour la configuration des ipad et son «rattachement» au CG Tutoriel pour la configuration des ipad et son «rattachement» au CG Contexte : Les élus du conseil général du Cantal doivent prendre des décisions tout au long de l année sur différents thèmes (éducation,

Plus en détail

Restaurer des données

Restaurer des données Restaurer des données Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il est également nécessaire

Plus en détail

Bureau de Windows et raccourcis

Bureau de Windows et raccourcis Bureau de Windows et raccourcis Présentation de Windows 1 Le Bureau de Windows Le Poste de travail Contenu du disque dur Les icônes principales du Bureau Les raccourcis - créer un raccourci d'un fichier

Plus en détail

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160

Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160 Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser

Plus en détail

Table des matières : 2. Démarrer avec TuxBox 2.0... 5. 3. L interface de TuxBox 2.0... 6

Table des matières : 2. Démarrer avec TuxBox 2.0... 5. 3. L interface de TuxBox 2.0... 6 Guide Tuxbox 2.0 Table des matières : 1. Les bases... 1 a. Qu est-ce qu un compagnon intelligent?... 1 b. Qui est Tux Droid?... 2 c. Que sont les gadgets?... 3 d. Que sont les attitunes?... 4 2. Démarrer

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail