DÉMO IDUG Ergonomie des interfaces tactiles

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

Download "DÉMO IDUG Ergonomie des interfaces tactiles"

Transcription

1 DÉMO IDUG Ergonomie des interfaces tactiles

2 DÉFINITION DE L ERGONOMIE alain Wisner ( ) «L ensemble des connaissances scientifiques relatives à l homme nécessaire pour concevoir des outils, des machines et des dispositifs qui puissent être utilisés avec le maximum de confort, de sécurité et d efficacité.» Discipline qui vise l adaptation d un système à son utilisateur, afin que ce dernier puisse mener ses activités avec un maximum d efficacité, de satisfaction et de bien-être. (Wikipédia) ERGO Ergon = Travail NOMIE Nomos = Règle > Etymologie du mot «ergonomie»

3 CRITÈRES DE BASE DE L ERGONOMIE L UTILITÉ permet de répondre à un besoin et capter l internaute pour qu il reste sur un site, et pour profiter de son utilité, il doit être utilisable. C est la deuxième grande dimension de l ergonomie. L UTILISABILITÉ permet de faciliter la satisfaction du besoin en les aidant à trouver plus facilement les informations voulues. D après la norme ISO 9241 : Un produit est dit utilisable lorsqu il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés, cherchant à atteindre des objectifs donnés, dans un contexte d utilisation donné.

4 QUELQUES RÈGLES D ERGONOMIE Cohérence Capitaliser sur l apprentissage interne. Homogénéité du site dans la localisation des éléments, l aspect des élément, le comportement des éléments interactifs. Le comportement doit toujours être le même! Convention Le site capitalise sur l apprentissage externe. Respecter les conventions de localisation, d interaction des éléments récurrentes sur le web. L ergonomie ne permet pas de se démarquer, il faut passer par le design. Ne pas oublier que l on préfère ce que l on connaît, tout simplement. (Amélie boucher)

5 QUELQUES RÈGLES D ERGONOMIE Information Le site informe l internaute et lui répond. Informations ponctuelles et contextuelles, feed-back d interaction. Compréhension Les mots et symboles sont choisis minutieusement. Icône, bouton, affordances 75% du travail d ergonomie, c est ce qui va faire cliquer (toucher) l internaute (le lecteur) ou pas. (Amélie boucher)

6 SIGNE DE MARQUAGE DE PAGE Wired Magazine

7 SIGNE DE MARQUAGE DE PAGE Wired Magazine

8 SIGNE DE MARQUAGE DE PAGE AVEC FOLIO M Le Monde Appliness

9 TABLETTES VS SMARTPHONE les contraintes écrans iphone 3 ipad 1&2 1024px 640px Défini-on 163 dpi 9,7ˮ 768px Défini-on 132 dpi Défini-on 326 dpi 960px ipad px iphone 4 9,7ˮ 1536px Défini-on 264 dpi

10 LE CONCEPT D AFFORDANCE Capacité d un objet à suggérer sa propre utilisation (A. Boucher) Ene sitibus aceped eictae maion nis mi, aut ut alitat esequam enistota dita dolum ullatur re simuste plibus que nimus, officto tet occupti berume sit et quamu event quas adit int quo mincturerunt eumquidio. Endaerum est latur arcillor min nate dolorro et andaest,

11 TAILLE DES ÉLÉMENTS D INTERFACE éléments ContiGUs Si les éléments sont contigus, la hauteur minimale (1) est d environ 40/45 pixels pour un Ipad 1 et 2. Il est consillé d utiliser des dimensions plus importantes pour les zones fréquemment utilisées et les actions principales de l interface (2). 2 1

12 TAILLE DES ÉLÉMENTS D INTERFACE éléments non ContiGUs Sur ipad 1 et 2 il est préconisé d avoir des éléments touchables non-contigus au minimum de 25 pixels de hauteur par 40 pixels de largeur. Entre ces éléments il est conseillé de laisser un espace d au moins 10 pixels. La taille d un index est d environ 40 / 45 pixels de large. 25 pixels

13 GESTION DE LA TYPOGRAPHIE Pour une lecture confortable, privilégié un corps d environ 16 à 18 pixels Interlignage d environ 140% Ligne de 45 à 65 caractères Respecter les marges (grilles) Mettre en évidence les liens

14 LES MODES D APPRÉHENSIONS MANUELLES DES TABLETTES Posé (Mains libres) A une main avec une main libre A deux mains avec pouces actifs

15 LES MODES D APPRÉHENSIONS MANUELLES DES TABLETTES Sur un écran tactile, les différentes zones de l interface ne sont pas atteignables avec la même facilité. L accessibilité des objets est à la fois relative à la taille de l écran et à l utilisation d une ou deux mains. Comme le montre le schéma suivant, les éléments situés en bas de l écran sont facilement atteignables alors que l accès aux informations situées aux extrémités supérieures et notamment à gauche est plus contraignant. En tactile l idéal est donc de placer les actions récurrentes ou principales dans la partie basse de l écran. À l inverse les actions occasionnelles ou engageantes seront plutôt à positionner dans la partie haute. La position des éléments a aussi un impact sur la fatigue qui n est pas négligeable en tactile. On évitera d obliger l utilisateur à faire des mouvements longs de manière répété. D autant plus que sur écran tactile la main de l utilisateur masque toujours une partie de l interface. En effet, pour aller appuyer sur la partie haute de l écran l utilisateur occulte une bonne partie de l application. Il faut donc veiller à ce que les éléments tactiles soient disposés de telle sorte que les interactions tactiles puissent être effectuées sans nuire à la visibilité de l écran.

16 LES MODES D APPRÉHENSIONS MANUELLES DES SMARTPHONES Deux mains, pouces actifs Une main libre Exemple Flipboard

17 QUELQUES RECOMMANDATIONS Il n y a pas de survol (Rollover) en tactile : veiller à rendre l interface explicite et ne pas bloquer l usage. Proposer des gestuelles simples. Les gestuelles complexes peuvent être utilisées pour les fonctions annexes. Créer une page qui expliquer à l utilisateur comment manipuler l interface. Concevoir des objets de taille suffisante pour le toucher. Le zoning est primordial : les erreurs de manipulations sont plus fréquentes avec la main qu avec une souris. Prendre en compte la fatigue qu impliquent les mouvements du bras et de la main. Enrichir l expérience utilisateur en optimisant les modes portrait et paysage. Organiser des tests utilisateur pour vérifier la pertinence des fonctionnalités et l utilisabilité de l interface Optimiser les contenus, afin que le magazine ne soit pas trop lourd à télécharger.

Petit lexique de l'ergonomie des interfaces

Petit lexique de l'ergonomie des interfaces Petit lexique de l'ergonomie des interfaces Cet article a pour objectif de dessiner ce qu'est l'ergonomie des interfaces à travers les termes clés employés dans ce domaine. Il s'agit à la fois de donner

Plus en détail

web Ergonomie Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel

web Ergonomie Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel A m é l i e B o u c h e r Ergonomie web Pour des sites web efficaces Préface d Élie Sloïm Avec la contribution de Sandrine Burriel Groupe Eyrolles, 2008, ISBN : 978-2-212-12158-2 12 règles pour optimiser

Plus en détail

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

Plus en détail

Internautes sous surveillance. Retours de la réalité pour un web meilleur

Internautes sous surveillance. Retours de la réalité pour un web meilleur Internautes sous surveillance Retours de la réalité pour un web meilleur Amélie Boucher Jeudi 14 Octobre 2010 Retours de tests utilisateurs Des détails qui n en sont pas Conseils méthodologiques pourquoi

Plus en détail

Motivation et Formation à distance

Motivation et Formation à distance Motivation et Formation à distance 1 Demandez le programme... Objectifs de l atelier Activité : Motivation vs. Découragement Stratégies de motivation ergonomiques psychopédagogiques 2 Objectifs Réfléchir

Plus en détail

Correction des Travaux Pratiques Organiser son espace de travail

Correction des Travaux Pratiques Organiser son espace de travail Module 01 Correction des Travaux Pratiques Organiser son espace de travail Correction de l exercice N 1 Organiser son espace de travail Objectif de l exercice : 1. Comprendre le dock 2. Afficher les règles

Plus en détail

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet.

Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. 1- Optimiser le poids de votre image : Dans l idéal, ceci devrait être fait en amont pour chaque image envoyée sur l espace de stockage de votre site internet. Tous les types d utilisateurs (auteur, publicateur,

Plus en détail

Conception des interfaces. 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982

Conception des interfaces. 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982 Conception des interfaces 1. Le maquettage 2. La loi de Fitts 3. La méthode RITE 4. La conception des icones 5. La norme ISO 16982 Conception des interfaces 1. Le maquettage Comprendre comment et pourquoi

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

BONNES PRATIQUES AUDIENCE MOBILE

BONNES PRATIQUES AUDIENCE MOBILE BONNES PRATIQUES AUDIENCE MOBILE IDENTIFIEZ VOS MOBINAUTES Identifiez les mobinautes de votre base de contacts et leur équipement mobile. Combien de contacts consultent vos emails sur mobile? Quel(s) équipement(s)

Plus en détail

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7 Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute Logiciel utilisé : Adobe PhotoShop 7 Etape 1 Sélectionner les images, et les copier dans un répertoire

Plus en détail

Générez votre fichier PDF sur PC avec CutePDF writer

Générez votre fichier PDF sur PC avec CutePDF writer Ce Guide vous explique les procédures informatiques à suivre pour générer votre fichier au format PDF avec le logiciel CutePDF Writer sur un PC. Le format PDF est le meilleur moyen de transmission de votre

Plus en détail

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club

Atelier du 25 juin 2012. «Les bonnes pratiques dans l e-mailing» Club Atelier du 25 juin 2012 «Les bonnes pratiques dans l e-mailing» Agenda de l atelier Introduction et rappel des bonnes pratiques Exemple et retour d expérience Maison Tasset Partage d expérience entre les

Plus en détail

INTERACTION HOMME- MACHINE NSY 110. 2 ème session 2013-2014 17 avril 2014. Documents papiers : NON AUTORISES M. HENRIQUES

INTERACTION HOMME- MACHINE NSY 110. 2 ème session 2013-2014 17 avril 2014. Documents papiers : NON AUTORISES M. HENRIQUES CNAM PACA INTERACTION HOMME- MACHINE NSY 110 Centre de Nice 2 ème session 2013-2014 17 avril 2014 Nombre de pages du sujet : 4 (non compris la page de garde) Durée 3 Heures Documents papiers : NON AUTORISES

Plus en détail

E-Learning / Ergonomie :

E-Learning / Ergonomie : BARRAU Mathieu Licence Pro Communication Electronique GRUFFAZ Loic Université Lyon 2 E-Learning / Ergonomie : Cahier des charges, contenu et organisation du support de cours pour le programme de formation

Plus en détail

Approche Design Méthodologie de conduite de sites web

Approche Design Méthodologie de conduite de sites web Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:

Plus en détail

Ergonomie et utilisabilité

Ergonomie et utilisabilité Chapitre 7 Ergonomie et utilisabilité L ergonomie est la recherche de la meilleure adaptation possible entre une fonction, un matériel et son utilisateur. 7.1 L ergonomie est une science L ergonomie est

Plus en détail

NOTE DE LA VERSION. Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également.

NOTE DE LA VERSION. Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également. NOTE DE LA VERSION Cette note de version est pour NQI Orchestra 4.0. Les documentations précédentes sont disponibles également. Téléchargez la version pdf Sommaire Nouvelles fonctionnalités Nouvelle Gestion

Plus en détail

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage

Aller plus loin avec le tableur : réaliser un suivi du budget du ménage 26 février 2013 p 1 Aller plus loin avec le tableur : réaliser un suivi du budget du ménage Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office

Plus en détail

Une interface moderne et multi devices avec Drupal Focus sur Omega

Une interface moderne et multi devices avec Drupal Focus sur Omega Une interface moderne et multi devices avec Drupal Focus sur Omega Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets Publier du contenu aujourd hui > Plateformes de consultation

Plus en détail

Créer son mini-site sur la plateforme Mécatronique LR

Créer son mini-site sur la plateforme Mécatronique LR Créer son mini-site sur la plateforme Mécatronique LR 1 Sommaire Accéder à l interphase de création.....3 Préambule d ergonomie...4 Ajouter votre logo.....5 Transférer des fichiers sur le serveur.6 Remplir

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

Manuel de mise en page de l intérieur de votre ouvrage Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est

Plus en détail

Manuel logiciel client for Android

Manuel logiciel client for Android 1 Manuel logiciel client for Android 2 Copyright Systancia 2012 Tous droits réservés Les informations fournies dans le présent document sont fournies à titre d information, et de ce fait ne font l objet

Plus en détail

Design + Développement. Web. Gunther Groenewege CFA - IGS

Design + Développement. Web. Gunther Groenewege CFA - IGS Design + Développement Web Gunther Groenewege CFA - IGS antibioclic.com audit ergonomique antibioclic.com audit ergonomique un site internet utilisé par des médecins généralistes un médecin utilise ce

Plus en détail

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE

STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE STANDARDS PUBLICITAIRES POUR LA PUBLICITE SUR TELEPHONE MOBILE Edités par la Mobile Marketing Association France, juin 2010 http://www.mmafrance.org La Mobile Marketing Association France, association

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale

Institut Méditerranéen de Biodiversité et d Ecologie marine et continentale Documentation pour l administration de Pages personnelles sur www.imbe.fr Update : 05/12/2013 Les pages personnelles Ouverture d une page personnelle La demande de création d une page personnelle doit

Plus en détail

Version 4.2 Nouveautés

Version 4.2 Nouveautés Version 4.2 Nouveautés PERSONNALISER SON AFFICHAGE À L AIDE DES TEMPLATES DJANGO Un travail de fond a été réalisé dans PMB pour séparer les données du catalogue de la mise en forme dans le portail. Ainsi,

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

Manuel d utilisation InSite

Manuel d utilisation InSite Manuel d utilisation InSite Guide détaillé des fonctionnalités Nom d utilisateur : Mot de passe : Chevillon IMPRIMEUR N hésitez pas à nous contacter au 03 86 65 65 69 ou chevillon-pao@orange.fr 1. Page

Plus en détail

Comment générer un fichier PDF de qualité et certifié imprimable?

Comment générer un fichier PDF de qualité et certifié imprimable? JOUVE Janvier 2004 Comment générer un fichier PDF de qualité et certifié imprimable? L objectif de ce document est d aider à la réalisation d un fichier PDF "Portable Document Format". Ce format électronique

Plus en détail

Ajuster la dimension d une image et l imprimer

Ajuster la dimension d une image et l imprimer Ajuster la dimension d une image et l imprimer Proposé par Tabila117 Membre du Forum Nikon Numérique Document Nikon traduit par Tabila117 Version 1.1 12/07/2007 Ajuster la dimension d une image et l imprimer

Plus en détail

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Ergonomie des IHM Karim Sehaba Maître de Conférences en Informatique karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Université Lumière Lyon2 Conception Web Organisation du contenu Navigation

Plus en détail

Web Design Métier N 17. 42 ème Olympiades des Métiers Sujet Régional

Web Design Métier N 17. 42 ème Olympiades des Métiers Sujet Régional Web Design Métier N 17 42 ème Olympiades des Métiers Sujet Régional 1 01 Introduction La Société Minnesota Mining and Manufacturing Company, plus connue sous le nom 3M est l inventeur de la marque Scotch,

Plus en détail

L explosion du marketing multi-écrans

L explosion du marketing multi-écrans Chapitre 6 L explosion du marketing multi-écrans Vérifier la météo sur son smartphone tout en regardant les informations à la télévision dès le matin, puis recevoir une publicité sur son PC du bureau pour

Plus en détail

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web 1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................

Plus en détail

GUIDE DES BONNES PRATIQUES POUR LA REALISATION D UN MODULE E-LEARNING AVEC ARTICULATE.

GUIDE DES BONNES PRATIQUES POUR LA REALISATION D UN MODULE E-LEARNING AVEC ARTICULATE. GUIDE DES BONNES PRATIQUES POUR LA REALISATION D UN MODULE E-LEARNING AVEC ARTICULATE. Table des matières Bonne pratique 0 Préalable :... 2 Bonne pratique 1 : Limiter les effets et les transitions inutiles

Plus en détail

PROCEDURE. POUR METTRE LES PHOTOS AUX FORMATS POUR LA VIDEOPROJECTION ET POUR INTERNET Par François DONNIER webmaster du club PHOTOCONTACT

PROCEDURE. POUR METTRE LES PHOTOS AUX FORMATS POUR LA VIDEOPROJECTION ET POUR INTERNET Par François DONNIER webmaster du club PHOTOCONTACT PROCEDURE POUR METTRE LES PHOTOS AUX FORMATS POUR LA VIDEOPROJECTION ET POUR INTERNET Par François DONNIER webmaster du club PHOTOCONTACT Introduction : La procédure est la même, que l on veuille préparer

Plus en détail

Le module Livres. 2012 Pearson France Lightroom 4 Gérard Michel-Duthel

Le module Livres. 2012 Pearson France Lightroom 4 Gérard Michel-Duthel 10 Le module Livres 10 n Le module Livres Adobe a ajouté à la quatrième version de Lightroom un module Livres. Totalement intégré au logiciel, il va vous permettre de créer des livres de photos et de les

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

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

Mode d emploi : traitement des images pour diffusion web

Mode d emploi : traitement des images pour diffusion web BIU Montpellier / Service informatique Mode d emploi : traitement des images pour diffusion web 1. Introduction... 1 2. Exemple 1 : récupération et traitement d une vignette Aleph... 1 2.1 Récupération

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

FABRIK4WEB. création web - communication interactive - solutions digitales

FABRIK4WEB. création web - communication interactive - solutions digitales FABRIK4WEB création web - communication interactive - solutions digitales SITE INTERNET WEB DESIGN ET ERGONOMIE Performance et plaisir! INTEGRATION ET DEVELOPPEMENT Innover pour évoluer, Evoluer pour convaincre!

Plus en détail

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

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

Plus en détail

Boostez les performances de votre entreprise en quelques clics!

Boostez les performances de votre entreprise en quelques clics! Boostez les performances de votre entreprise en quelques clics! RÉVOLUTIONNONS notre métier! Pilotez votre entreprise en toute simplicité Dynamisez les performances de votre entreprise Gestion Commerciale

Plus en détail

Configuration de Windows (II)

Configuration de Windows (II) Configuration de Windows (II) Affichage des icônes sur le Bureau : 1 disposer les icônes librement sur le Bureau 2 créer des raccourcis des lecteurs sur le Bureau 3 ranger les icônes sur le Bureau Affichage

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

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

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

Plus en détail

Mode d emploi SPIP 2.0 pour rédacteur

Mode d emploi SPIP 2.0 pour rédacteur Mode d emploi SPIP 2.0 pour rédacteur L objectif de ce document est d apprendre à utiliser le logiciel SPIP en tant que rédacteur. Ce cours ne requiert aucune connaissance informatique préalable à part

Plus en détail

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

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

Plus en détail

Les images dans Word

Les images dans Word I- Mettre le texte sur plusieurs colonnes a. Cliquer sur l onglet «Mise en page» b. Cliquer sur «Colonnes» 1. Cliquer sur une des présentations proposées ii. OU 1. Cliquer sur «Autres colonnes» 2. Frapper

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

TUTORIEL - GESTION DU BLOG

TUTORIEL - GESTION DU BLOG Pierre A. Martin 1920 Martigny pierremartin.ch@gmail.com web project manager community manager consultant social media webmaster/designer TUTORIEL - GESTION DU BLOG Document confidentiel à l intention

Plus en détail

Observatoire des ressources numériques adaptées

Observatoire des ressources numériques adaptées Observatoire des ressources numériques adaptées INS HEA 58-60 avenue des Landes 92150 Suresnes orna@inshea.fr IDENTIFIANT DE LA FICHE Autimo DATE DE PUBLICATION DE LA FICHE Mars 2015 MOT -CLE LIBRE Emotions,

Plus en détail

Tutoriel ActivInspire

Tutoriel ActivInspire Le logiciel ActivInspire est un logiciel pour Tableau Blanc Interactif (TBI) de la marque Promethean. Le logiciel peut être installé dans la salle de classe et sur le poste personnel de l enseignant lorsque

Plus en détail

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web

Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases

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

L accessibilité numérique. Michel Futtersack, Faculté de Droit, Université Paris Descartes

L accessibilité numérique. Michel Futtersack, Faculté de Droit, Université Paris Descartes L accessibilité numérique Michel Futtersack, Faculté de Droit, Université Paris Descartes L accessibilité est la facilité d accès à un lieu, un service ou un produit. Disposer d une bonne accessibilité

Plus en détail

VOLUME 1 CRÉATION D UN SITE WEB

VOLUME 1 CRÉATION D UN SITE WEB VOLUME 1 CRÉATION D UN SITE WEB Comprendre les principales étapes TABLE DES MATIÈRES PARTIE 1 - RENCONTRE DE DÉMARRAGE 03 PARTIE 2 - ANALYSE FONCTIONNELLE 03 PARTIE 3 - ARBORESCENCE 04 PARTIE 4 - MAQUETTES

Plus en détail

Design + Développement. Web. Gunther Groenewege CFA - IGS

Design + Développement. Web. Gunther Groenewege CFA - IGS Design + Développement Web Gunther Groenewege CFA - IGS groenewege.com/cours Design d expérience utilisateur UX Design Le design d'expérience utilisateur est une pratique globale, utilisée par de nombreux

Plus en détail

DIGITAL MINDS. Chapitre 11, Mobile Marketing et Responsiv Design. 12 Clés pour Développer votre Business sur le Web. 2014 WSI. All rights reserved.

DIGITAL MINDS. Chapitre 11, Mobile Marketing et Responsiv Design. 12 Clés pour Développer votre Business sur le Web. 2014 WSI. All rights reserved. DIGITAL MINDS 12 Clés pour Développer votre Business sur le Web Chapitre 11, Mobile Marketing WSI We Simplify the Internet Leader mondial en Stratégie Marketing sur Internet Siège social, Toronto, Canada

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Epreuve intégrée - consignes

Epreuve intégrée - consignes Epreuve intégrée - consignes Brevet d enseignement supérieur section WEB DEVELOPER Calendrier Consignes de rédaction du rapport Consignes de présentation de l Epreuve intégrée Document «Choix du client»

Plus en détail

Photo Smartphone Android

Photo Smartphone Android Photo Smartphone Android Apprenez les bases Touchez l icône de l appareil photo. Tenez l écran à la verticale ou à l horizontale selon le cadrage souhaité. Dans la barre d icônes, touchez l appareil photo

Plus en détail

Évaluation d un site web

Évaluation d un site web Évaluation d un site web greyna.eu Sommaire : I. Évaluation subjective Présentation Les points positifs Les points négatifs II. Évaluation avec critères III. Avec la méthode d évaluation cepiah Technique

Plus en détail

L Avenue Digital Media. Visualisation de processus industriels par l image 3D. créateur de mondes virtuels

L Avenue Digital Media. Visualisation de processus industriels par l image 3D. créateur de mondes virtuels L Avenue Digital Media Visualisation de processus industriels par l image 3D créateur de mondes virtuels L Avenue Digital Media En quelques mots L Avenue Digital Media est spécialisée dans les créations

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

1. Des contre-exemples?

1. Des contre-exemples? Approche «orientée utilisateur» et adaptation à l être humain Cours de N. Bonnardel PSY Q11B - Analyse ergonomique des situations de terrain 1. Des contre-exemples? Pour faciliter l adaptation à l être

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

Or, même si chaque fenêtre est différente, elles suivent toutes les mêmes règles.

Or, même si chaque fenêtre est différente, elles suivent toutes les mêmes règles. Ouvrez les fenêtres! http://vanconingsloo.be/les-cours/modules-informatiques-et-internet/initiation-a-linformatique/decouvertewindows/fenetres La principale force de Windows, c est son mode d affichage.

Plus en détail

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur...

Plus en détail

INITIATION A L INFORMATIQUE. MODULE : Initiation à l'environnement Windows XP. Table des matières :

INITIATION A L INFORMATIQUE. MODULE : Initiation à l'environnement Windows XP. Table des matières : INITIATION A L INFORMATIQUE MODULE : Initiation à l'environnement Windows XP Table des matières : INTRODUCTION Les outils de l Interface Graphique : CONFIGURER VOTRE POSTE DE TRAVAIL Paramétrer la barre

Plus en détail

Mise en œuvre des Assistants d Optymo

Mise en œuvre des Assistants d Optymo d Optymo Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes en caractères gras à des informations

Plus en détail

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX

Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Créer une trace, obtenir son fichier gpx et sa carte Ou Afficher un fichier trace GPX Logiciels nécessaires : - - - Google Chrome comme navigateur internet FireShot qui est un add-on qui se greffe sur

Plus en détail

Landesk Service Desk

Landesk Service Desk Guide d utilisation Landesk Service Desk Gestionnaire d incidents Groupe Samsic Sommaire 1 PREAMBULE 3 1.1 Objectif du document...3 1.2 Public cible...3 1.3 Conventions typographiques...3 1.3.1 Indications...

Plus en détail

L intervention ergonomique sur les chantiers vers une intégration des conditions de travail dans les indicateurs des entreprises?

L intervention ergonomique sur les chantiers vers une intégration des conditions de travail dans les indicateurs des entreprises? L intervention ergonomique sur les chantiers vers une intégration des conditions de travail dans les indicateurs des entreprises? Congrès de Deauville Juin 2007 1 Les attendus de ce type de démarche Prendre

Plus en détail

GUIDE D UTILISATION LA DEPECHE PREMIUM

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

Plus en détail

Gestion des fichiers sur micro-ordinateur

Gestion des fichiers sur micro-ordinateur ... 1 Qu est ce qu une gestion de fichier :... 2 Importance d une bonne gestion des fichiers :... 2 Qui doit faire une gestion des dossiers :... 3 Étapes à suivre pour une meilleur gestion des dossiers

Plus en détail

MISE EN PAGE D UN TABLEAU DANS EXCEL

MISE EN PAGE D UN TABLEAU DANS EXCEL MISE EN PAGE D UN TABLEAU DANS EXCEL U n nombre élevé de lignes ou de colonnes d un tableau Excel peut entraîner l impression du tableau sur plusieurs pages. En modifiant sa mise en page, il est tout à

Plus en détail

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document.

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document. Writer Attention : Les documents faits avec Writer ne pourront être lu qu avec Writer, sauf manipulation permettant l échange avec d autres logiciels. Le logiciel se présente directement avec une page

Plus en détail

PREMIERE UTILISATION D IS-LOG

PREMIERE UTILISATION D IS-LOG PREMIERE UTILISATION D IS-LOG Is-LOG est un logiciel d identification et d authentification à un ordinateur qui se substitue à la saisie du couple «Login / mot passe» par la présentation au lecteur de

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

INTRODUCTION À L ERGONOMIE: VOTRE POSTE DE TRAVAIL LIEU OÙ LE TRAVAIL EST FAIT; DANS UNE JOURNÉE, PLUS D UN POSTE DE TRAVAIL; COMPREND AUSSI LE

INTRODUCTION À L ERGONOMIE: VOTRE POSTE DE TRAVAIL LIEU OÙ LE TRAVAIL EST FAIT; DANS UNE JOURNÉE, PLUS D UN POSTE DE TRAVAIL; COMPREND AUSSI LE INTRODUCTION À L ERGONOMIE: VOTRE POSTE DE TRAVAIL LIEU OÙ LE TRAVAIL EST FAIT; DANS UNE JOURNÉE, PLUS D UN POSTE DE TRAVAIL; COMPREND AUSSI LE MILIEU PHYSIQUE (TEMPÉRATURE, ÉCLAIRAGE, BRUIT). LE BUREAU:

Plus en détail

Utilisation de GIMP. : : INTRASITE-DEVELOPPEMENT : : Développement de sites internet : : Hébergement : : Référencement : :

Utilisation de GIMP. : : INTRASITE-DEVELOPPEMENT : : Développement de sites internet : : Hébergement : : Référencement : : Utilisation de GIMP 1. GIMP (The GNU Image manipulation Program) Préambule 1.1 Téléchargement et installation 1.2 Téléchargement 1.3 Installation 1.4 Modification des attributs tailles d une image 1.5

Plus en détail

Module 2: Fonctions de base Navigation & Édition

Module 2: Fonctions de base Navigation & Édition Module 2: Fonctions de base Navigation & Édition 2.0 Introduction Dans le module 1, le Tableau de bord Excel donnait une description des divers composants de l interface d Excel. Le module 2 explique les

Plus en détail

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

Forma NEW. La nouvelle gamme cardio professionnelle à domicile. www.technogym.com * NOUVEAU

Forma NEW. La nouvelle gamme cardio professionnelle à domicile. www.technogym.com * NOUVEAU Forma La nouvelle gamme cardio professionnelle à domicile NEW * www.technogym.com * NOUVEAU La course professionnelle à domicile. Run Forma a été développé à partir de la technologie et biomécanique de

Plus en détail

Réseau ISO-Raisin. Surveillance des. Infections du Site Opératoire. (Surveillance des interventions prioritaires)

Réseau ISO-Raisin. Surveillance des. Infections du Site Opératoire. (Surveillance des interventions prioritaires) Réseau ISO-Raisin Surveillance des Infections du Site Opératoire (Surveillance des interventions prioritaires) Guide d utilisation de l application WEBISO Année 2015 Sommaire Guide utilisateur - Application

Plus en détail

05/08/2008. Unité d Ergonomie Faculté de Médecine Pitié-Salpêtrière 91, bd de l Hôpital 75 634 Paris cedex 13 www.ergonomie.chups.jussieu.

05/08/2008. Unité d Ergonomie Faculté de Médecine Pitié-Salpêtrière 91, bd de l Hôpital 75 634 Paris cedex 13 www.ergonomie.chups.jussieu. Unité d Ergonomie Faculté de Médecine Pitié-Salpêtrière 91, bd de l Hôpital 75 634 Paris cedex 13 www.ergonomie.chups.jussieu.fr DIPLÔME D ERGONOMIE ET DE PHYSIOLOGIE DU TRAVAIL o p t i o n 1 Ergonomie

Plus en détail

Le guide du référencement Avec WebGazelle CMS 2.0

Le guide du référencement Avec WebGazelle CMS 2.0 Fiche Outil : Référencement Avec WebGazelle CMS 2.0 Le guide du référencement Avec WebGazelle CMS 2.0 Le guide du référencement avec WebGazelle CMS 2.0 1/10 SOMMAIRE 1 PRESENTATION GENERALE... 3 2 LES

Plus en détail

AD SPECIFICATIONS. Bannières standards. Livraison directe (Site Served) Créations. Animation. Fichiers à fournir. Disponibilité.

AD SPECIFICATIONS. Bannières standards. Livraison directe (Site Served) Créations. Animation. Fichiers à fournir. Disponibilité. Bannières standards Une bannière publicitaire standard est une publicité pouvant être statique ou animée. Cette publicité peut permettre un large éventail d'actions, notamment l'accès à un site mobile,

Plus en détail

FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER

FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER Centres d accès communautaire Internet (CACI) des Îles FAMILIARISATION AVEC LA SOURIS ET LE CLAVIER Table des matières Introduction 1- La souris 1.1 Le positionnement de la main 2 5 min. 1.2. Les boutons

Plus en détail

1. Une image de 12 cm de long exactement

1. Une image de 12 cm de long exactement 1. Une image de 12 cm de long exactement Votre image est particulièrement grande et vous souhaitez qu elle ne mesure pas plus de 12 cm de long, pas un millimètre de plus, mais en conservant ses proportions.

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

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

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

Les pré-requis pour créer un.ave pour Android

Les pré-requis pour créer un.ave pour Android Les pré-requis pour créer un.ave pour Android 1 Sommaire Spécificités d Android : conseils pour la création d un.ave... 3 Conseils génériques (également valable pour ios et le Web)... 4 Compatibilité détaillée

Plus en détail