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

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

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

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

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

Plus en détail

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

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

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

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

L. THERMIDOR / UIAD-TIC / Octobre 2015.

L. THERMIDOR / UIAD-TIC / Octobre 2015. 1 L ORDINATEUR DE BUREAU L. THERMIDOR / UIAD-TIC / Octobre 2015. DEBUTER AVEC WINDOWS 10 / Partie-1 (en 12 points) L unité centrale, (boîtier) contient tous les composants électroniques permettant à l

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

À 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

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

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

Guide de démarrage rapide sur ios. (Version 6.2.7)

Guide de démarrage rapide sur ios. (Version 6.2.7) Guide de démarrage rapide sur ios (Version 6.2.7) 2 Table des matières Introduction Réglages de l application MyTalk Mobile 1. MODIFICATION 2. AFFICHAGE 3. SYNTHETISEUR VOCAL 4. MODE CONTACTEUR/BALAYAGE

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

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

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

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

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

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

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

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

PARTAGEZ ET STOCKEZ VOS DONNEES

PARTAGEZ ET STOCKEZ VOS DONNEES L e s T a b l e t t e s PARTAGEZ ET STOCKEZ VOS DONNEES Difficulté : Accédez à vos contenus quand et où vous le voulez! Partagez-les avec vos contacts. Communiquez du bout des doigts Transformez votre

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

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

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

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

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

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

L interface de Windows 7

L interface de Windows 7 chapitre L interface de Windows 7. Utiliser le menu Démarrer et la barre des tâches de Windows 7... 2.2 Profiter de l affichage Aero et de Windows Flip 3D... 30.3 Utiliser les thèmes... 33.4 Modifier la

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

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

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

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

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

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 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

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

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

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

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

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

NOUVELLE INTERFACE POWERPOINT 2013

NOUVELLE INTERFACE POWERPOINT 2013 NOUVELLE INTERFACE POWERPOINT 2013 Barre de lancement rapide Onglets Groupe Fonctions Commande Lanceur boîte de dialogue(options) Ruban PROCEDURE D UTILISATION D UN MASQUE DE DIAPOSITIVE Nouveau document

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

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

Gestionnaire de Sauvegarde

Gestionnaire de Sauvegarde d Utilisation Version 1.5 du 26/12/2011 d utilisation de l application de sauvegarde Actu-pc Sommaire Introduction... 3 Installation et mise en place du logiciel... 3 Pré-requis... 3 Démarrage de l installation...

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

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

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

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

Application BSR pour ios

Application BSR pour ios Application BSR pour ios Mathieu Schroeter 25 juillet 2013 Table des matières 1 Présentation 2 1.1 Ecran de connexion......................... 2 1.2 Ecran de bienvenue......................... 2 1.2.1

Plus en détail

utbm SET Stamp Partage convivial de photos HAJJAM-EL-HASSANI Amir GRÉA Antoine TISSERAND Geoffrey TX52 Travaux de laboratoire

utbm SET Stamp Partage convivial de photos HAJJAM-EL-HASSANI Amir GRÉA Antoine TISSERAND Geoffrey TX52 Travaux de laboratoire Printemps 2012 TX52 Travaux de laboratoire Stamp Partage convivial de photos Création d'une application Android de partage convivial de photographies. utbm université de technologi e Belfort-Montbéliard

Plus en détail

Maîtriser le backend

Maîtriser le backend 4 Maîtriser le backend Les nouveaux utilisateurs de Magento sont souvent impressionnés par la qualité de son interface d administration, mais ils en redoutent aussi la richesse fonctionnelle. Connaître

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

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

Découverte de l ordinateur. Le système d exploitation : Premiers pas avec Windows 7

Découverte de l ordinateur. Le système d exploitation : Premiers pas avec Windows 7 Découverte de l ordinateur Le système d exploitation : Premiers pas avec Windows 7 SOMMAIRE I WINDOWS 7... 4 1-1 : GENERALITES... 4 1-2 : LANCEMENT - QUITTER... 4 1.2.1 : LANCEMENT... 4 1.2.2 : QUITTER...

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

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

6. Utiliser la messagerie

6. Utiliser la messagerie "Tablette Windows 8" Sélection de Bonnes Feuilles Août 2012 6. Utiliser la messagerie D e nos jours, la messagerie est devenue un outil du quotidien. Nous recevons tous des e-mails, des messages instantanés,

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 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

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

Généralités. Premier lancement

Généralités. Premier lancement Initiation à la gestion des données avec Essential PIM 1/7 Qui n'a pas souhaité posséder un agenda portable et facile d'utilisation? Et bien ce dernier existe et il s'appelle : Essential PIM - EPIM pour

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

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

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

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

ComptaPerso 3. Guide de l utilisateur. Par Alexandre Venet http://www.alhomepage.com

ComptaPerso 3. Guide de l utilisateur. Par Alexandre Venet http://www.alhomepage.com ComptaPerso 3 Guide de l utilisateur Par Alexandre Venet http://www.alhomepage.com 06/02/2014 C Bienvenue dans ComptaPerso 3 Ce guide a pour but de vous faire découvrir toutes les fonctions de cette application.

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

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

MO-Call pour les Ordinateurs. Guide de l utilisateur

MO-Call pour les Ordinateurs. Guide de l utilisateur MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION

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

Evernote. Application multiplateformes de prise de notes multimédias

Evernote. Application multiplateformes de prise de notes multimédias Evernote Application multiplateformes de prise de notes multimédias Atelier Formation Evernote V. 2013-09-10 Table des matières Qu est-ce qu Evernote? 3 Créer un compte 3 Evernote sur le Mac 5 La fenêtre

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

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

OUTIL GÉREZ ET FACTUREZ DE DESJARDINS

OUTIL GÉREZ ET FACTUREZ DE DESJARDINS GUIDE D UTILISATEUR OUTIL GÉREZ ET FACTUREZ DE DESJARDINS INTERNET ET APPAREIL MOBILE Table des matières Cliquez sur la section qui vous intéresse 2 Présentation générale Simplifiez la gestion de votre

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

Découvrir GMail Agenda et Photo+

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

Plus en détail

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

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

CIMBCC automne 2015 Denis Charron PRÉSENTATION DE LA TABLETTE IPAD

CIMBCC automne 2015 Denis Charron PRÉSENTATION DE LA TABLETTE IPAD CIMBCC automne 2015 Denis Charron PRÉSENTATION DE LA TABLETTE IPAD Utilisation de ce document Ce document est mis exclusivement à la disposition des membres du club informatique du Mont-Bruno pour leur

Plus en détail

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

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

Plus en détail

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

Utilisation du client de messagerie Thunderbird

Utilisation du client de messagerie Thunderbird Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.

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

L e s B a s i q u e s. Découvrez Windows 8. Découvrez l essentiel du fonctionnement de la nouvelle interface de Windows.

L e s B a s i q u e s. Découvrez Windows 8. Découvrez l essentiel du fonctionnement de la nouvelle interface de Windows. L e s B a s i q u e s Découvrez Windows 8 Difficulté : Découvrez l essentiel du fonctionnement de la nouvelle interface de Windows. Equipez-vous malin Débutez sur Internet Organisez vos documents Synopsis

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

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

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

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

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

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

Premier cours d informatique

Premier cours d informatique La lecture du règlement intérieur Définition de quelques mots informatiques Premier cours d informatique Salutation d usage et présentation des participants Et du projet -Informatique : Traitement automatique

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

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

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

Atelier d initiation. Initiation à Windows Vista et 7

Atelier d initiation. Initiation à Windows Vista et 7 Atelier d initiation Initiation à Windows Vista et 7 Contenu de l atelier Qu est-ce que Windows?... 1 Démarrage d un ordinateur... 1 Ouverture de session... 1 Bureau... 2 La barre des tâches... 2 Le menu

Plus en détail

Figure 6.3: Possibilité d exprimer son talent

Figure 6.3: Possibilité d exprimer son talent SÉANCE 6 Création de schémas 6.1 Présentation du logiciel «Draw» est un logiciel de dessin vectoriel et de PAO (Publication Assistée par Ordinateur). Avec ce logiciel, il vous est possible de créer divers

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