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

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

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires :

WINDOWS 8. Windows 8 se distingue par la présence de 2 interfaces complémentaires : WINDOWS 8 Windows 8 : généralités Windows 8 est la dernière version du système d'exploitation de Windows, sortie en octobre 2012. Si vous possédez un ordinateur récent, il y a de fortes chances que votre

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

Table des matières. Module tablette

Table des matières. Module tablette Module tablette Table des matières LA TABLETTE... 1. GÉNÉRALITÉS... 2 Fonctionnement... 2 Différents systèmes... 4 Le clavier... 6 gestes de base... 7 Paramétrages... 9 2. EN PRATIQUE... 10 Installer une

Plus en détail

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

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

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

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

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

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

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

Cliquez sur OK, vous pouvez alors arrêter en toute sécurité.

Cliquez sur OK, vous pouvez alors arrêter en toute sécurité. Une fois le système démarré, vous accédèdez à l univers Android : Vous arrivez sur l interface d accueil par defaut. * Arrêt : Appuyez sur le bouton d alimentation > options de l appareil > sélectionnez

Plus en détail

Modifier les paramètres

Modifier les paramètres Ça y est vous avez craqué pour une tablette! Et vous ne pourrez bientôt plus vous en passer Mais avant ça, vous avez besoin d'un peu d'aide pour débuter avec votre ipad ou votre tablette Android? Lors

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

+ 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

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

Windows 8 Module 5 Cours windows8 Dominique Bulté Sal e Informatique de Cappel e la Grande novembre 2013 Windows 8 Module 5 13. Configurer sa messagerie à l aide de l application Courrier Windows 8 et Windows RT offrent un outil dédié à la messagerie. Cette application, appelée simplement Courrier, vous propose

Plus en détail

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail

Vous allez le voir au cours de ce premier chapitre, 1. Découvrir l ipad

Vous allez le voir au cours de ce premier chapitre, 1. Découvrir l ipad 1. Découvrir l ipad Vous allez le voir au cours de ce premier chapitre, l utilisation de l ipad est très intuitive et, surtout, votre tablette obéit au doigt et à l œil. Vous ne pourrez bientôt plus vous

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

Initiation à Windows 8

Initiation à Windows 8 Initiation à Windows 8 I) Le Démarrage, l Écran d accueil et le Bureau Ouvrir l ordinateur a) Écran de verrouillage : Premier écran qui apparait, suivi de la page du mot de passe b) Page d accueil (appelée

Plus en détail

Les tablettes. Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration

Les tablettes. Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration Les Tablettes Les tablettes Présentation tablettes Descriptif Fournisseurs Caractéristiques Comparatifs Conseils Perspectives Démonstration Les tablettes Description: Appareil mobile positionné entre smartphone

Plus en détail

Formation sur les appareils mobiles ipad iphone. Formation de niveau DÉBUTANT

Formation sur les appareils mobiles ipad iphone. Formation de niveau DÉBUTANT Formation sur les appareils mobiles ipad iphone Formation de niveau DÉBUTANT Service des technologies de l information 22 février 2012 Sommaire de la formation Niveau DÉBUTANT 1. Utilisation de base 1.1

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

Travailler et organiser votre vie professionnelle

Travailler et organiser votre vie professionnelle 5 Travailler et organiser votre vie professionnelle Il n est guère étonnant que l iphone soit entré dans le monde de l entreprise : grâce à ses innombrables applications susceptibles d orchestrer la vie

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

Guide de démarrage rapide. (pour la version 5.0.)

Guide de démarrage rapide. (pour la version 5.0.) Guide de démarrage rapide (pour la version 5.0.) 2 Table des matières Introduction Réglages de l application MyTalk Mobile 1. MODIFICATION 2. DEMARRER 3. AFFICHER 4. SYNTHETISEUR VOCAL 5. NOMBRE DE MOTS

Plus en détail

Guide de l interface utilisateur d Optymo

Guide de l interface utilisateur d Optymo Guide de l interface utilisateur d Optymo Notes de lecture : dans ce document, les textes soulignés font référence à des libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes

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

Guide de l utilisateur Mikogo Version Windows

Guide de l utilisateur Mikogo Version Windows Guide de l utilisateur Mikogo Version Windows Table des matières Création d un compte utilisateur 3 Téléchargement et installation 4 Démarrer une session 4 Joindre une session 5 Fonctionnalités 6 Liste

Plus en détail

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe :

Afin d accéder à votre messagerie personnelle, vous devez vous identifier par votre adresse mail et votre mot de passe : 1 CONNEXION A LA MESSAGERIE ZIMBRA PAR LE WEBMAIL Ecran de connexion à la messagerie Rendez vous dans un premier temps sur la page correspondant à votre espace webmail : http://webmailn.%votrenomdedomaine%

Plus en détail

Introduction 5. Gestion des intervenants 6. Gestion des chantiers 10

Introduction 5. Gestion des intervenants 6. Gestion des chantiers 10 Introduction 5 Gestion des intervenants 6 Description 6 Importer un intervenant depuis de le carnet d adresse 7 Ajouter un intervenant 8 Modifier un intervenant 8 Supprimer un intervenant 8 Identifiant

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

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

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

Introduction à Windows 8

Introduction à Windows 8 Introduction à Windows 8 Windows 8 est aujourd hui le dernier Système d exploitation de Microsoft. Ce système n étant pas destiner exclusivement au Oridnateur (il est également installé sur certaines tablettes

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

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

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

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

GUIDE D UTILISATION LA DEPECHE PREMIUM

GUIDE D UTILISATION LA DEPECHE PREMIUM www.ladepeche.fr/premium GUIDE D UTILISATION LA DEPECHE PREMIUM La version 100% numérique de La Dépêche du Midi 1 Madame, Monsieur, Ce guide a pour objectif de vous accompagner dans la prise en main de

Plus en détail

Foire aux questions sur Christie Brio

Foire aux questions sur Christie Brio Foire aux questions sur Christie Brio Qu est-ce que Christie Brio? Christie Brio est une solution de collaboration et de présentation compatible réseau qui permet à plusieurs utilisateurs de partager,

Plus en détail

Exposer ses créations : galerie photos, galerie de médias

Exposer ses créations : galerie photos, galerie de médias CHAPITRE 14 Exposer ses créations : galerie photos, galerie de médias Si l éditeur TinyMCE et le système de liens de Joomla permettent d intégrer ou de lier des médias à un article, ils restent assez limités.

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

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

Assistant projets coupe-feu Hilti CFS-DM. Guide d utilisation

Assistant projets coupe-feu Hilti CFS-DM. Guide d utilisation Assistant projets coupe-feu Hilti CFS-DM Guide d utilisation Octobre 2014 SOMMAIRE APPLICATION BUREAU 3 Compte et accès 4 Se connecter à l application bureau 5 Fonctionnalités de base «Projets» 6 Définition

Plus en détail

Lenovo IdeaPad Flex 10

Lenovo IdeaPad Flex 10 Lenovo IdeaPad Flex 10 Guide de l utilisateur Lisez attentivement les consignes de sécurité et les conseils importants fournis avant d utiliser votre ordinateur. Remarques Avant d utiliser cet appareil,

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

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Qu est-ce que Picasa? ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Organiser, traiter et partager ses photos avec Picasa C est un logiciel de gestion de photos gratuit proposé

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Guide d utilisation Version 1.5. Par 1 Guide d utilisation de Via Mobile 1.5. www.sviesolutions.com

Guide d utilisation Version 1.5. Par 1 Guide d utilisation de Via Mobile 1.5. www.sviesolutions.com Guide d utilisation Version 1.5 Par 1 Guide d utilisation de Via Mobile 1.5 www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder à Via...

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

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

VOTRE PREMIÈRE FOIS AVEC WINDOWS 7

VOTRE PREMIÈRE FOIS AVEC WINDOWS 7 C H A P I T R E 1 VOTRE PREMIÈRE FOIS AVEC WINDOWS 7 Comme toutes les premières fois, c est toujours un peu impressionnant, mais vous verrez que Windows 7 a vraiment été conçu pour apaiser toutes vos angoisses,

Plus en détail

WACOM MULTI-TOUCH : UTILISATION TACTILE DES PRODUITS WACOM

WACOM MULTI-TOUCH : UTILISATION TACTILE DES PRODUITS WACOM 1 WACOM MULTI-TOUCH : UTILISATION TACTILE DES PRODUITS WACOM Les produits tactiles Wacom sont conçus pour faciliter votre travail. La saisie tactile vous permet d utiliser les produits Wacom du bout des

Plus en détail

OS X Mountain Lion. 100 % pratique! Christine Eberhardt. Ingénieur en informatique

OS X Mountain Lion. 100 % pratique! Christine Eberhardt. Ingénieur en informatique OS X Mountain Lion 100 % pratique! Christine Eberhardt Ingénieur en informatique Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Couverture : Rachid

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

Mise en route de votre collier GPS Pet Tracker

Mise en route de votre collier GPS Pet Tracker Mise en route de votre collier GPS Pet Tracker www.jelocalise.fr 1 Prérequis : Avant de procéder à l allumage de votre collier GPS, vous devez le laisser charger au moins 3 heures en le branchant sur le

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

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

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

Les pages suivantes présenteront : I. Le téléchargement et l installation du navigateur. II. L utilisation de Pep s à l aide de ce navigateur.

Les pages suivantes présenteront : I. Le téléchargement et l installation du navigateur. II. L utilisation de Pep s à l aide de ce navigateur. Les espaces professeurs et élèves de Pep s ont été développés à l aide de l outil «Flash / Flex», qui permet de fournir des moteurs d exercices aux fonctionnalités riches, mais ne peut pas être lu nativement

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

Application mobile de l IRM version 2.1

Application mobile de l IRM version 2.1 Application mobile de l IRM version 2.1 IRM application mobile v2.1 / Android iphone 08/05/2015 1 Table des matières Table des matières 1 Téléchargement 2 Installation 3 Configuration 3.1 Premier écran

Plus en détail

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com

Guide d utilisation Version 1. Par Guide d utilisation de ViaMobile 1.0. www.sviesolutions.com Guide d utilisation Version 1 1 Par www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder à Via... 5 Application synchrone... 5 Les zones

Plus en détail

GUIDE D UTILISATION. Fonctionnement global du service sur l'interface Senior & Aidant

GUIDE D UTILISATION. Fonctionnement global du service sur l'interface Senior & Aidant GUIDE D UTILISATION Fonctionnement global du service sur l'interface Senior & Aidant icompanion est une application mobile destinée au senior et à ses proches, les Aidants. Son objectif : faciliter l usage

Plus en détail

Au travail avec le Samsung Chat! 1 Première mise en marche. 1.1 Choix de langue. 1.2 Régler réseau sans fil Wi-Fi

Au travail avec le Samsung Chat! 1 Première mise en marche. 1.1 Choix de langue. 1.2 Régler réseau sans fil Wi-Fi Au travail avec le Samsung Chat! 1 Première mise en marche 1.1 Choix de langue Les images dans ce mode d emploi ont été prises avec un autre appareil Android. Elles resteront quand même représentatives

Plus en détail

BUREAU VIRTUEL. Utilisation de l application sur ipad. Guide utilisateur. Sciences Po Utilisation du bureau virtuel sur ipad 1 / 6

BUREAU VIRTUEL. Utilisation de l application sur ipad. Guide utilisateur. Sciences Po Utilisation du bureau virtuel sur ipad 1 / 6 BUREAU VIRTUEL Utilisation de l application sur ipad Guide utilisateur Sciences Po Utilisation du bureau virtuel sur ipad 1 / 6 Utilisation du bureau virtuel sur ipad Table des matières PREAMBULE...2 QU

Plus en détail

RECORD BANK RECORD BANK MOBILE

RECORD BANK RECORD BANK MOBILE RECORD BANK RECORD BANK MOBILE 1 1. INTRODUCTION Vous possédez un iphone ou un ipad? Une tablette ou un smartphone sous Android? Effectuez vos opérations bancaires où et quand vous le voulez, grâce à Record

Plus en détail

CTIconnect PRO. Guide Rapide

CTIconnect PRO. Guide Rapide CTIconnect PRO Guide Rapide Version 01.02.2013 CTIconnect PRO est une application de communication permettant aux utilisateurs du système de voir le statut de leurs collègues et de les contacter en 1 clic

Plus en détail

Multi-Taches Multi-Utilisateurs consulter la rubrique «Les Cours» de notre site «copier» coller «le clic simple «le double-clic» «cliquer-deplacer»

Multi-Taches Multi-Utilisateurs consulter la rubrique «Les Cours» de notre site «copier» coller «le clic simple «le double-clic» «cliquer-deplacer» 1) Notions de Base : Ce cours à pour objectif de vous faire découvrir les principales fonctions du Système d Exploitation Windows XP et Vista. Nous esperons que le contenu de cette documentation vous permetera

Plus en détail

a. Identifier les éléments de l interface utilisée (icônes, menus, etc.)

a. Identifier les éléments de l interface utilisée (icônes, menus, etc.) Page 1 / 14 a. Identifier les éléments de l interface utilisée (icônes, menus, etc.) Le système d exploitation Qu'est ce que Windows? C est un programme qui va gérer toutes les activités de l ordinateur.

Plus en détail

Guide de l utilisateur

Guide de l utilisateur Guide de l utilisateur 25220A À propos de ce guide Merci d avoir fait l acquisition de l ardoise numérique à écran LCD Boogie Board Sync 9.7. Ce guide vous aidera à utiliser l ardoise numérique Boogie

Plus en détail

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de Guide de l utilisateur Faites connaissance avec la nouvelle plateforme interactive de Chenelière Éducation est fière de vous présenter sa nouvelle plateforme i+ Interactif. Conçue selon vos besoins, notre

Plus en détail

Leader de la récupération de véhicules volés. Guide de l utilisateur

Leader de la récupération de véhicules volés. Guide de l utilisateur Guide de l utilisateur Version mise à jour du 05 juin 2014 01. PREMIÈRE CONNEXION J active mon compte P 04/05 02. DEPUIS VOTRE ORDINATEUR 2.1. PERSONNALISATION 2.1. PARAMÉTRAGE DE OUÉTELLE P 07 P 08 P

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

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

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

Guide rapide Windows 7. Informations provenant de Microsoft Office Online

Guide rapide Windows 7. Informations provenant de Microsoft Office Online Guide rapide Windows 7 Informations provenant de Microsoft Office Online Patrick Gravel, formateur Cégep de Lévis-Lauzon Direction de la formation continue et des services aux entreprises Février 2012

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

Manuel Utilisateur Chariot odys.sante-lorraine.fr

Manuel Utilisateur Chariot odys.sante-lorraine.fr odys.sante-lorraine.fr version 1.3 Sommaire 1. Présentation du chariot... 3 2. Mise en fonctionnement du chariot... 3 3. Connexion à Odys... 4 4. Téléconsultation vidéo... 5 4.1. Entrer en téléconsultation...

Plus en détail

UTILISATION DU LIVRE NUMÉRIQUE

UTILISATION DU LIVRE NUMÉRIQUE UTILISATION DU LIVRE NUMÉRIQUE On a tous besoin de savoir POUR AGIR Cinéma et théâtre Communication Comptabilité Criminologie Culture Danse et musique Droit Économie Économie sociale Éducation Enseignement

Plus en détail

Page : N 1. Guide utilisateur Ma Banque

Page : N 1. Guide utilisateur Ma Banque Page : N 1 Guide utilisateur Ma Banque Ma Banque : présentation générale Ma Banque est l application de gestion bancaire du Crédit Agricole. Cette application vous permet de consulter vos comptes, en tant

Plus en détail

Les Google Nexus 7 et 10 sont de véritables couteaux suisses. Calculette, gestionnaire. S organiser au quotidien

Les Google Nexus 7 et 10 sont de véritables couteaux suisses. Calculette, gestionnaire. S organiser au quotidien S organiser au quotidien Les Google Nexus 7 et 10 sont de véritables couteaux suisses. Calculette, gestionnaire de tâches, chronomètre, horloge mondiale, prévisions météo, cartographie, stockage elles

Plus en détail

Guide d utilisation Version 1.5.5. Par 1 Guide d utilisation de Via Mobile 1.5.5. www.sviesolutions.com

Guide d utilisation Version 1.5.5. Par 1 Guide d utilisation de Via Mobile 1.5.5. www.sviesolutions.com Guide d utilisation Version 1.5.5 Par 1 Guide d utilisation de Via Mobile 1.5.5 www.sviesolutions.com Table des matières Installation & accès... 3 Installation de l application Via Mobile... 4 Accéder

Plus en détail

L environnement de travail de Windows 8

L environnement de travail de Windows 8 4 L environnement de travail de Windows 8 Mais où est donc passé le bouton Démarrer? L écran d accueil joue le rôle de l ancien bouton Démarrer. Si l icône de l application que vous voulez lancer n est

Plus en détail

Passer d un Smartphone APPLE à ANDROID

Passer d un Smartphone APPLE à ANDROID Passer d un Smartphone APPLE à ANDROID SOMMAIRE Gardez tous vos Contacts Configurez votre adresse de Messagerie Emmenez vos Photos et Musique avec vous Retrouvez toutes vos applis Comptes Contacts Si

Plus en détail

Pourquoi un appareil photo numérique?

Pourquoi un appareil photo numérique? Pourquoi un appareil photo numérique? Un appareil photo est dit numérique, car les photos vont être principalement lues sur un ordinateur. L impression sur papier photo reste possible chez le photographe,

Plus en détail

Webfauna Android. Versions supportées Android versions 2.3.3 et plus récentes. Téléchargement Disponible sur le Play Store pour la version Android.

Webfauna Android. Versions supportées Android versions 2.3.3 et plus récentes. Téléchargement Disponible sur le Play Store pour la version Android. Webfauna Android Versions supportées Android versions 2.3.3 et plus récentes. Téléchargement Disponible sur le Play Store pour la version Android. Webfauna WF Manuel (Android) 1 / 7 Aperçu de l interface:

Plus en détail

Béatrice Bertrand CDDP de l Eure. Béatrice Bertrand CDDP de l'eure

Béatrice Bertrand CDDP de l Eure. Béatrice Bertrand CDDP de l'eure CDDP de l Eure Android (prononcé androïde) est un système d'exploitation fondé sur un noyau Linux, en open source, pour Smartphones, PDA (Personal Digital Assistant) et terminaux mobiles. Il comporte une

Plus en détail

Utiliser l e-mail. Dans ce chapitre, vous apprendrez à :

Utiliser l e-mail. Dans ce chapitre, vous apprendrez à : 2 Utiliser l e-mail Dans ce chapitre, vous apprendrez à : Configurer votre ipad avec vos comptes de courrier électronique existants Utiliser l app Mail pour rédiger, envoyer et gérer vos e-mails Envoyer

Plus en détail

Modifier son site (design, structure, contenu)

Modifier son site (design, structure, contenu) Modifier son site (design, structure, contenu) Sommaire Personnaliser le Modèle et les couleurs Gérer l en-tête du site Modifier les composants de la Sidebar Gérer les Pages Editer la page d Accueil /

Plus en détail

Boot Camp Bêta 1.1.2 Guide d installation et de configuration

Boot Camp Bêta 1.1.2 Guide d installation et de configuration Boot Camp Bêta 1.1.2 Guide d installation et de configuration 2 Table des matières 5 Présentation 6 Étape 1 : mise à jour du logiciel système et du programme interne de votre ordinateur 7 Étape 2 : utilisation

Plus en détail

Chapitre 1 L interface de Windows 7 9

Chapitre 1 L interface de Windows 7 9 Chapitre 1 L interface de Windows 7 9 1.1. Utiliser le menu Démarrer et la barre des tâches de Windows 7... 10 Démarrer et arrêter des programmes... 15 Épingler un programme dans la barre des tâches...

Plus en détail

Vous allez le voir au cours de ce premier chapitre, 1. Découvrir l ipad

Vous allez le voir au cours de ce premier chapitre, 1. Découvrir l ipad 1. Découvrir l ipad Vous allez le voir au cours de ce premier chapitre, l utilisation de l ipad est très intuitive et, surtout, votre tablette obéit au doigt et à l œil. Vous ne pourrez bientôt plus vous

Plus en détail

NAS 243 Utilisation d AiData sur vos appareils mobiles

NAS 243 Utilisation d AiData sur vos appareils mobiles NAS 243 Utilisation d AiData sur vos appareils mobiles Accéder et gérer des fichiers sur votre NAS avec des appareils ios et Android U N I V E R S I T E A S U S T O R OBJECTIFS DU COURS A l issue de ce

Plus en détail

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie :

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, l Accessibilité consiste à adapter et optimiser l ergonomie : ACCESSIBILITE Définition de l Accessibilité en Informatique Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie : - des matériels et dispositifs

Plus en détail

Contenu Microsoft Windows 8.1

Contenu Microsoft Windows 8.1 Contenu Microsoft Windows 8.1 MODULE 1 AVANT-PROPOS CLAVIER SOURIS TERMINOLOGIE Modifier l apparence de l écran d accueil Modifier l avatar du compte FERMER UNE SESSION WINDOWS Redémarrer l ordinateur

Plus en détail

Des outils numériques simples et conviviaux!

Des outils numériques simples et conviviaux! Des outils numériques simples et conviviaux! 1 La clé USB en bref La clé USB vous permet : n De projeter, avec ou sans tableau blanc interactif (TBI), les pages du livre numérique. n De naviguer facilement

Plus en détail

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4

SOMMAIRE. 1. Connexion à la messagerie Zimbra 4 1.1.Pré-requis 4 1.2.Ecran de connexion à la messagerie 4 Messagerie Zimbra version 7 Prise en main Nadège HARDY-VIDAL 2 septembre 20 SOMMAIRE. Connexion à la messagerie Zimbra 4..Pré-requis 4.2.Ecran de connexion à la messagerie 4 2. Présentation générale de

Plus en détail

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs.

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Wifi Display Dongle Guide d utilisateur Ver 1.1 Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Introduction Le Dongle MD01X envoie le contenu du Smartphone

Plus en détail