Ergonomie pour applications smartphones
|
|
- Jean-Marc Bélanger
- il y a 8 ans
- Total affichages :
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 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étailWINDOWS 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étailTable 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étailLES 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étailSynchroniser 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étailModifier 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étailManuel 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étailMANUEL 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étailLes 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étailFormation 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étailVous 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étailGuide 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étailInitiation à 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étailGuide 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étailCeci 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étailTravailler 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étailGuide 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étailGUIDE 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étailAfin 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étailCré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étailFormation 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étailLes 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étailEmmanuel 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étailWACOM 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étailIntroduction à 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étailPage : 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étailUTILISATION 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étailManuel 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étailMise 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étailRECORD 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étailGuide 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étailBUREAU 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étailGuide 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étailAdministration 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étailOptimiser 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étailLes appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014
Les appareils mobiles vous en mettent plein la vue! Colloque réadaptation aides techniques 2014 Présenté par : Jean-Marie D Amour SRDV, Institut Nazareth et Louis-Braille Louis-Philippe Pineault SRDV,
Plus en détailFICHIERS 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étailTBI-DIRECT. Bridgit. Pour le partage de votre bureau. Écrit par : TBI Direct. http://www.tbi-direct.fr
TBI-DIRECT Bridgit Pour le partage de votre bureau Écrit par : TBI Direct http://www.tbi-direct.fr Contenu Vue d'ensemble...4 Nom du serveur...5 Lancement du Bridgit...5 Installation du logiciel Bridgit
Plus en détailGUIDE 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étailCTIconnect 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étailFoire 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étailESPACE 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étailComprendre les outils mobiles
Les RDV etourisme de Cornouaille Un programme organisé et financé par Avec le partenariat Et le soutien de l Etat Atelier Juin 2014 Comprendre les outils mobiles Au menu 1 Définitions 2 Quelques chiffres
Plus en détailDes 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étailL 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étailGUIDE D UTILISATION DU TABLEAU BLANC INTERACTIF EBEAM EDGE
GUIDE D UTILISATION DU TABLEAU BLANC INTERACTIF EBEAM EDGE Sommaire Installer ebeam : Calibrer le TBI ebeam : Fonctions Projection animée : 1ère utilisation : manipuler votre ordinateur depuis le tableau
Plus en détailBé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étailDesign 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étailAJOUTER UN COMPTE DE MESSAGERIE SUR UN SMARTPHONE
AJOUTER UN COMPTE DE MESSAGERIE SUR UN SMARTPHONE Ref : FP. P1407 V 3.0 Résumé Ce document vous indique comment paramétrer votre smartphone pour l'utilisation de votre messagerie. Pour connaitre la version
Plus en détailSage 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étailLES TABLETTES TACTILES
LES TABLETTES TACTILES Une tablette tactile, pour quoi faire? Pour se détendre Pour téléphoner Pour surfer sur Internet Pour jouer Pour faire comme tout le monde Pour se détendre Un des domaines de prédilection
Plus en détailPRISE EN MAIN D ILLUSTRATOR
CHAPITRE 1 PRISE EN MAIN D ILLUSTRATOR Présentation... 13 Contenu du livre... 13 Les nouveautés... 14 Composants de l interface... 15 Afficher les documents... 20 Organiser son espace de travail... 21
Plus en détailSOMMAIRE. 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étailSupport de formation Notebook
Support de formation Notebook Guide de l utilisateur du tableau interactif SMART Board Table des matières Le Tableau Blanc Interactif... 1 Comprendre le fonctionnement du TBI... 1 Utiliser le plumier
Plus en détailOCLOUD BACKUP GUIDE DE REFERENCE POUR ANDROID
OCLOUD BACKUP GUIDE DE REFERENCE POUR ANDROID 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étailContenu 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étailLe Web de A à Z. 1re partie : Naviguer sur le Web
1re partie : Naviguer sur le Web D abord, vous devez être connectés à l Internet : abonnement auprès d un fournisseur borne publique Wi-Fi via un réseau de téléphonie (3G, 4G, LTE) À la Grande Bibliothèque,
Plus en détailPrésentation de l application Smartphone «Risques Nice»
Présentation de l application Smartphone «Risques Nice» Dans le cadre de sa politique de gestion des risques, la ville de Nice a souhaité mettre les nouvelles technologies de l information au service des
Plus en détailLES TECHNOLOGIES MOBILES POUR LA FORMATION DES ADULTES : AVANTAGES, IMPLANTATION ET ACCOMPAGNEMENT.
LES TECHNOLOGIES MOBILES POUR LA FORMATION DES ADULTES : AVANTAGES, IMPLANTATION ET ACCOMPAGNEMENT. 29 MAI 2014 OBJECTIFS DE L ATELIER Présenter quelques outils des technologies mobiles et leurs caractéristiques
Plus en détailManuel d utilisation de la messagerie. http://zimbra.enpc.fr
Manuel d utilisation de la messagerie http://zimbra.enpc.fr ÉCOLE DES PONTS PARISTECH/ DSI JANVIER 04 SOMMAIRE. Connexion à la messagerie.... Présentation générale de l écran d accueil.... Déconnexion...
Plus en détailAvant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
Plus en détailDescription sommaire des ateliers offerts
1 - La gestion des photos numériques Description sommaire des ateliers offerts La taille des fichiers photos et l espace mémoire Les informations intégrées aux photos (métadonnées ou données EXIF) Le transfert
Plus en détailSoyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Plus en détailLes tablettes numériques en EPS. Repères. Les différents types de tablettes et leurs caractéristiques.
Les tablettes numériques en EPS Repères. Les différents types de tablettes et leurs caractéristiques. Document actualisé le 17 Mars 2013 Repères L objectif de cet article est de donner des repères quand
Plus en détailLe stockage en ligne. Ni icloud, ni MegaUpload et consort ne seront traités ici.
Le stockage en ligne Ni icloud, ni MegaUpload et consort ne seront traités ici. Ni icloud, ni MegaUpload et consort ne seront traités ici....1 Solutions pour tous fichiers...2 Solutions pour fichiers spécifiques...3
Plus en détailOffice 365/WIFI/Courrier. Guide pour les étudiants
Office 365/WIFI/Courrier Guide pour les étudiants Table des matières Guide Office365... 2 Pour accéder à la suite Microsoft Office.... 5 Pour créer un nouveau document/télécharger un nouveau document...
Plus en détailTABLETTE MPMAN MP724 : EMPORTEZ LE MONDE AVEC VOUS
TABLETTE MPMAN MP724 : EMPORTEZ LE MONDE AVEC VOUS Internet Nomade La tablette internet MPMAN MP724 est spécialement conçue pour une utilisation nomade. A tout moment accédez directement à Internet et
Plus en détailFormation sur les appareils mobiles ipad iphone. Formation de niveau AVANCÉ
Formation sur les appareils mobiles ipad iphone Formation de niveau AVANCÉ Service des technologies de l information 28 mars 2012 Sommaire de la formation Niveau AVANCÉ 1. Plans 2. Youtube 3. Messages
Plus en détailBR-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étailThe Grid 2: Manuel d utilisation
The Grid 2: Manuel d utilisation Bienvenue dans The Grid 2 Merci d avoir choisi The Grid 2! Ce guide va vous apprendre tout ce que vous devez savoir à propos de The Grid 2. Il vous guidera pas à pas pour
Plus en détailLenovo TAB A7-40/ Lenovo TAB A7-50
Lenovo TAB A7-40/ Lenovo TAB A7-50 Guide de l utilisateur v. 1.0 Lisez attentivement les consignes de sécurité et les remarques importantes figurant dans le manuel fourni avant d utiliser votre tablette.
Plus en détaildomovea Portier tebis
domovea Portier tebis SOMMAIRE SOMMAIRE Page 1. INTRODUCTION... 2 1.1 OBJET DU DOCUMENT... 2 2. VIDEO UNIQUEMENT (SANS SON), BASE SUR CAMERA IP... 3 2.1 ARCHITECTURE... 3 2.2 CONFIGURATION... 4 2.2.1 Creation
Plus en détailUtiliser une tablette tactile Androïd
Micro-ordinateurs, informations, idées, trucs et astuces Utiliser une tablette tactile Androïd Auteur : François CHAUSSON Date : 4 octobre 2012 Référence : Utiliser une tablette tactile Android.doc Table
Plus en détailIntroduction à HTML5, CSS3 et au responsive web design
1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent
Plus en détailMédiathèque Numérique, mode d emploi
Médiathèque Numérique, mode d emploi 1) Inscription Sur la page d accueil du site, cliquez sur «Inscrivez vous» Remplissez le formulaire d inscription, et validez le. 1 Votre inscription est alors bien
Plus en détailLE GUIDE DE l UTILISATEUR
LE GUIDE DE l UTILISATEUR Table des matières TABLE DES MATIERES... 2 INTRODUCTION... 3 1- OU TROUVER LA NOTICE?... 3 2- LA TABLETTE CODES ROUSSEAU... 4 a- Les caractéristiques de la tablette... 4 b - La
Plus en détailUtilisation d une tablette numérique 01 Initiation à l utilisation de l ipad
Utilisation d une tablette numérique 01 Initiation à l utilisation de l ipad Lecture Tablettes à l école : 5 erreurs à ne pas commettre (http://www.infobourg.com/2012/11/06/tablettes-a-lecole-5-erreurs-a-ne-pas-commettre/)
Plus en détailFrançaise MENU RESET. 2.1 Chargement de la batterie Une batterie est intégrée à la tablette et doit être rechargée lorsqu elle est faible.
1. Aperçu Structure de l appareil : MENU ON OFF RJ45 HDMI USB USB LED 2. Démarrage Remarque : notre société ne cesse d améliorer la qualité du produit. Par conséquent, si une différence s avère entre le
Plus en détailTigerPro CRM Application mobile
TigerPro CRM Application mobile Mise à jour : 8 août 2014 Table des matières INTRODUCTION 3 INSTALLATION 4 STRUCTURE D APPLICATION 5 MENU 5 LA BARRE DES ACTIONS 6 LA BARRE DES MODULES LIES 6 LA VUE INDEX
Plus en détail!!! Archipad version 1.4. Manuel de Référence
Archipad version 1.4 Manuel de Référence 1 - Mes Projets 5 Connexion à Archipad Cloud 7 Exporter un projet 7 Créer un nouveau projet 8 Synchroniser un projet 9 2 - Informations sur le Projet 11 Lots de
Plus en détailTable des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
Plus en détailTravail d équipe et gestion des données L informatique en nuage
Travail d équipe et gestion des L informatique en nuage BAR Octobre 2013 Présentation Au cours des études collégiales et universitaires, le travail d équipe est une réalité presque omniprésente. Les enseignants
Plus en détailGuide d utilisation. Version 1.1
Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com
Plus en détailInitiation au dessin Bitmap
Sébastien Stasse Initiation au dessin Bitmap Guide d apprentissage et notions de base 2e édition Nom : Classe : Produit par l École Alex Manoogian AW version 6 Initiation au dessin bitmap Initiation au
Plus en détailMANUEL D INSTALLATION
Data Processing Commission Fast Advanced Software for Table soccer - v 1.0 Logiciel de gestion de tournoi de football de table MANUEL D INSTALLATION INSTALLATION INFORMATIQUE DE LA TABLE DE MARQUE & CONFIGURATION
Plus en détailOrganiser le disque dur Dossiers Fichiers
Ce document contient des éléments empruntés aux pages d aide de Microsoft Organiser le disque dur Dossiers Fichiers Généralités La connaissance de la logique d organisation des données sur le disque dur
Plus en détailNaviguer à bon compte avec sa tablette ou son smartphone
Naviguer à bon compte avec sa tablette ou son smartphone Les centrales de navigation multifonctions incluant traceur, cartographie et sondeur sont tout à fait adaptées à un usage «marine». L étanchéité,
Plus en détail1. Découvrir l iphone 3G et 3G S
1. Découvrir l iphone 3G et 3G S En juin 2009, Apple dévoilait deux grosses nouveautés : l iphone OS 3.0, nouveau système d exploitation pour ses téléphones portables, les iphone, et l iphone 3G S, successeur
Plus en détailcbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION
cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque
Plus en détailLogiciel SuiviProspect Version Utilisateur
Logiciel SuiviProspect Version Utilisateur 1 Le logiciel SuiviProspect permet le suivi des prospects, mais aussi des clients et fournisseurs; il s agit des contacts. Le logiciel permet l envoi de courrier,
Plus en détailInstallation et prise en main d UBUNTU
Installation et prise en main d UBUNTU Introduction Ubuntu est une distribution Linux adoptée par près de 25 millions d utilisateurs de par le monde. Contrairement aux systèmes d exploitation propriétaires
Plus en détailKIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure
KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier
Plus en détailChapitre 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étailESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Session découverte La Gestion des photos avec Windows Vista / Windows 7 et le traitements d images numériques 1 Généralités sur le jargon de l image numérique
Plus en détailFormation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
Plus en détailESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Montage vidéo avec Windows Live Movie Maker 1 Présentation de Windows Live Movie Maker Windows Live Movie Maker est le logiciel de
Plus en détailCréer un premier document avec Pages
1 Créer un premier document avec Pages Dans ce chapitre, vous aborderez les fonctions élémentaires de Pages par le biais de la rédaction d une lettre et de la réalisation d une carte d anniversaire à l
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailSmartCam HD. Guide d utilisation
SmartCam HD Guide d utilisation Index P.04 Mise en route à partir d un PC (Windows) P.07 Panneau de contrôle (Windows) P.11 Contrôle PTZ (Windows) P.12 Paramétrer enregistrement vidéo (Windows) P.14 Paramétrer
Plus en détail