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.

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

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

Plus en détail

web Ergonomie 3 e édition Pour des sites web efficaces Boucher Amélie Préface de d Élie Sloïm

web Ergonomie 3 e édition Pour des sites web efficaces Boucher Amélie Préface de d Élie Sloïm Amélie Boucher Ergonomie web Pour des sites web efficaces 3 e édition Préface de d Élie Sloïm Groupe Eyrolles, 2007, 2009, 2011, ISBN : 978-2-212-13215-1 Ergonomie web commande, où il ne vous reste plus

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

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

Présentation de la barre des tâches

Présentation de la barre des tâches Initiation à L'informatique avec Windows 7 1/ 7 Comme pour le menu Démarrer, Windows 7 apporte des nouveautés à la barre des tâches. Présentation de la barre des tâches La barre des tâches de Windows 7

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

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

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

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

COMMENT CRÉER UNE APPLICATION MOBILE?

COMMENT CRÉER UNE APPLICATION MOBILE? COMMENT CRÉER UNE APPLICATION MOBILE? Application web vs. native Application mobile web Application mobile native Créer une application Pourquoi développer une appli? Quelles questions se poser? Concevoir

Plus en détail

CREER UNE APPLICATION MOBILE

CREER UNE APPLICATION MOBILE Le cap des 1 million d applications pour Smartphones et tablettes numériques a été franchi en décembre 2011. La boutique en ligne d applications d Apple a quant à elle enregistré 25 milliards de téléchargements

Plus en détail

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP

Cours SPIP 2.0 pour rédacteur. 1. Présentation de SPIP. 2. Architecture d un site SPIP Cours 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 savoir

Plus en détail

Comment télécharger et

Comment télécharger et Dispositifs de lecture numérique Comment télécharger et lire un livre numérique sur tablette et liseuse? Par souci de synthèse nous retiendrons ici les modèles de tablettes et liseuses les plus utilisés

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

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

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne BIBLIOTHEQUE NOMADE PressReader dans les Bibliothèques de la Ville de Lausanne Table des matières 1. Connectez-vous à Internet 2. Découvrez PressReader 3. Connectez-vous au Hotspot 4. Trouvez votre revue

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

MAJ 08/07/2013. INSTALLATION RAPIDE Version 1.3

MAJ 08/07/2013. INSTALLATION RAPIDE Version 1.3 INSTALLATION RAPIDE Version 1.3 1 Home Confort / installation rapide Préface PREFACE Vous venez de faire l acquisition d un kit de surveillance vidéo HOME CONFORT et nous vous remercions de cet excellent

Plus en détail

Introduction à HTML5, CSS3 et au responsive web design

Introduction à 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étail

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1

INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 INSTALLATION RAPIDE DU CONVERTISSEUR WRC-300 Version 1.1 Home Confort / Installation rapide Procédure PROCEDURE D INSTALLATION DE HOME CONFORT Pour ajouter le Convertisseur RF/Wifi dans votre Espace Home

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

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

1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5

1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 INSERER UNE GALERIE PHOTO DANS UNE PAGE 4 4 LES FONCTIONNALITES DE LA GALERIE PHOTO 5 4.1 Ajouter des photos 5 4.2 Supprimer une photo 7 4.3 Choisir

Plus en détail

Guide d Installation caméra Videoconsult pour Iphone et Ipad

Guide d Installation caméra Videoconsult pour Iphone et Ipad Guide d Installation caméra Videoconsult pour Iphone et Ipad Pré-requis 1-4 Installation.. 5-6 Ajout d une caméra..... 7-9 Possibles problèmes 9 Pré-requis Avant d installer Videoconsult sur votre Iphone/Ipad,

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

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

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

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-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étail

Vous pourrez ainsi : Accéder rapidement à la boutique Kindle d'amazon pour ajouter des livres (gratuits ou payants).

Vous pourrez ainsi : Accéder rapidement à la boutique Kindle d'amazon pour ajouter des livres (gratuits ou payants). Amazon propose le Kindle, une liseuse de livres électroniques (appelés aussi ebooks) qu'il commercialise sous la forme d'une petite tablette et qui permet d'accéder à un catalogue de plus de 1 million

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

À noter que Flickr dispose aujourd hui d une interface en français, ce qui simplifie grandement son utilisation.

À noter que Flickr dispose aujourd hui d une interface en français, ce qui simplifie grandement son utilisation. Flickr se démarque tout d'abord par sa simplicité. Tout y est très simple à mettre en oeuvre, de l'envoi des photos à l'organisation de ses albums. L un de ses premiers attraits est de permettre de stocker

Plus en détail

Guide d installation en 10 étapes...

Guide d installation en 10 étapes... Bienvenue sur PrestaBox! Guide d installation en 10 étapes... Suivez le guide! Pour ne rien oublier, suivez la liste des étapes incontournables pour la configuration de votre boutique PrestaBox : 1 - Choisissez

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

OUTILS DE TRANSFERT DE FICHIER VERS LISEUSES ET IPAD

OUTILS DE TRANSFERT DE FICHIER VERS LISEUSES ET IPAD Bibliothèque OUTILS DE TRANSFERT DE FICHIER VERS LISEUSES ET IPAD Calibre : transférer un fichier numérique sur la tablette Archos: format supporté = tous, dispositif supporté = tous!... 2 Calibre : transférer

Plus en détail

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

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

Plus en détail

CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca

CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca CADAC Données sur les arts au Canada/Canadian Arts Data www.lecadac.ca/www.thecadac.ca Guide de démarrage Version 1.3.1 Préparé par Dapasoft Inc. TABLE DES MATIÈRES Survol...3 Configuration nécessaire...4

Plus en détail

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

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

Plus en détail

Modifier les paramètres

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

Plus en détail

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

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

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

Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur

Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur Travaux pratiques 1.3.3 Détermination de la résolution d écran d un ordinateur Objectifs Déterminer la résolution d écran actuelle d un moniteur d ordinateur Déterminer la résolution maximale pour une

Plus en détail

Documentation : Installer / Utilisation de l agent de sauvegarde

Documentation : Installer / Utilisation de l agent de sauvegarde Documentation : Installer / Utilisation de l agent de sauvegarde Produit par : Société 2ISR Ingénierie Informatique Systèmes et Réseaux 11, rue de Madrid 49280 LA SEGUINIERE contact@2isr.fr Tel : 09 72

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

Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST

Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST Cours IHM-1 Conception des interfaces 5 - Agencement de l'interface Disposition des éléments Jacques BAPST jacques.bapst@hefr.ch Gestion de l'espace à disposition IHM-1 ID05 Jacques BAPST 2 Organisation

Plus en détail

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

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

Plus en détail

Menu Fédérateur. Procédure de réinstallation du logiciel EIC Menu Fédérateur d un ancien poste vers un nouveau poste

Menu Fédérateur. Procédure de réinstallation du logiciel EIC Menu Fédérateur d un ancien poste vers un nouveau poste Menu Fédérateur Procédure de réinstallation du logiciel EIC Menu Fédérateur d un ancien poste vers un nouveau poste Manipulations à réaliser sur le poste à désinstaller 1. Sauvegarde des données Dans le

Plus en détail

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite

Créer une application de livre interactif pour tablette avec Indesign CS6 et Adobe Digital Publishing Suite Applications de type livre Introduction 9 Qu est-ce qu une application de type livre? 9 Découvrir DPS 11 La publication 12 Comprendre le flux de publication 12 Édition simple ou multifolio 13 Choisir l

Plus en détail

Pourquoi Windows 8. Comment utiliser Windows 8

Pourquoi Windows 8. Comment utiliser Windows 8 Pourquoi Windows 8 Depuis quelques temps les divers medias comme : Mp3, ipod, ipod touch, ipad, iphone, Tablette, pour plus de simplicité de recherche des éléments sur nos appareils, nous ont conduit vers

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

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

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

Plus en détail

Interfaces Humains-Ordinateur Analyse du contexte d opération «GPS touristique» Caroline Le Floch Ludovic Lefebvre Jules Mozes

Interfaces Humains-Ordinateur Analyse du contexte d opération «GPS touristique» Caroline Le Floch Ludovic Lefebvre Jules Mozes «GPS touristique» Caroline Le Floch Ludovic Lefebvre Jules Mozes 29/09/2013 TABLE DES MATIERES I - Introduction... 3 II - Identification des types d utilisateurs... 3 III - Personae... 4 IV - Exigences

Plus en détail

http://agents.cirad.fr/admin Mode d emploi

http://agents.cirad.fr/admin Mode d emploi http://agents.cirad.fr/admin Mode d emploi Introduction... 1 1. Comment créer sa page? La connexion au service... 2 2. Navigation dans agents.cirad.fr... 2 3. Gestion des pages... 3 4. Gestion des fichiers...

Plus en détail

Créer un premier document avec Pages

Cré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étail

L environnement de travail de Windows 8

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

Plus en détail

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

L option mobilité de votre logiciel MédiClick 5

L option mobilité de votre logiciel MédiClick 5 MédiClick mobile Edition.. L option mobilité de votre logiciel MédiClick 5 Vos dossiers patients à portée de main Consulter Enrichir Contacter Géo localiser 1 This document should not be distributed without

Plus en détail

PRISE EN MAIN D ILLUSTRATOR

PRISE 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étail

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements

Plus en détail

Les nouveautés de Ciel Auto-entrepreneur Standard et Premium

Les nouveautés de Ciel Auto-entrepreneur Standard et Premium Les nouveautés de Ciel Auto-entrepreneur Standard et Premium Sage activité Ciel 35, rue de la Gare - 75917 PARIS Cedex 19 Tél. 01.55.26.33.33 - Fax. 01.55.26.40.33 Site internet : http://www.ciel.com Chère

Plus en détail

Liberscol. Espace groupes. Tetra-Informatique Liberscol

Liberscol. Espace groupes. Tetra-Informatique Liberscol Liberscol Espace groupes Tetra-Informatique Liberscol Table des matières Standard... 3 Page d accueil Standard... 3 Principe général... 3 Entrer sur un espace groupe... 3 Communiquer... 5 Chat... 5 Mail...

Plus en détail

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

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

Plus en détail

Manuel d utilisation email NETexcom

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

Plus en détail

Les nouveaux comportements... 9

Les nouveaux comportements... 9 Sommaire Du téléphone portable au smartphone... 4 L apparition du smartphone... 4 Le marché français des smartphones... 6 Le smartphone vs. l ordinateur... 7 Les familles des périphériques... 8 Les nouveaux

Plus en détail

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

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

Plus en détail

Guide de démarrage rapide de SystemTweaker

Guide de démarrage rapide de SystemTweaker Guide de démarrage rapide de SystemTweaker SystemTweaker est un outil fiable et convivial qui vous permet de personnaliser Windows selon vos préférences. Ce guide de démarrage rapide vous aide à installer

Plus en détail

Services internet gratuits. La PICASA Google avec son espace client. Cliquez ici

Services internet gratuits. La PICASA Google avec son espace client. Cliquez ici avec son espace client. Cliquez ici Il convient de régler vos paramètres. Cliquez Ici Par défaut c est votre identifiant qui est repris.. Vous pouvez ajoutez une photo en la sélectionnant parmi celles

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

BOOK REFERENCES ERGONOMIQUES Gfi Informatique

BOOK REFERENCES ERGONOMIQUES Gfi Informatique 2014 BOOK REFERENCES ERGONOMIQUES Gfi Informatique SECTEUR INDUSTRIE-SERVICE CHORUS 2 : Refonte du référentiel des process Groupe Refondre le réferentiel des process Groupe grâce à la réalisation d un

Plus en détail

Guide de l interface utilisateur d Optymo

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

Plus en détail

Modifier son site (design, structure, contenu)

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

Plus en détail

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire

Placez vous au préalable à l endroit voulu dans l arborescence avant de cliquer sur l icône Nouveau Répertoire L espace de stockage garantit aux utilisateurs une sauvegarde de leurs fichiers dans une arborescence à construire par eux-mêmes. L avantage de cet espace de stockage est son accessibilité de l intérieur

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Systèmes d exploitation

Systèmes d exploitation Systèmes d exploitation Un système d exploitation (SE, en anglais Operating System ou OS) est un ensemble de programmes responsables de la liaison entre les ressources matérielles d un ordinateur et les

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

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus

+ Points importants. n Marché des mobiles très porteur. n Grande diversité des appareils. + Chiffres 2014. n 1,9 milliards de mobiles vendus + + Points importants n Marché des mobiles très porteur n Grande diversité des appareils IHM Mobiles, web, multimédia Caroline Essert Université de Strasbourg - 2013 Enquête Doodle avril 2011 + Marché

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail

Plus en détail

Manuels numériques pour tablettes Mode d emploi pour l installation

Manuels numériques pour tablettes Mode d emploi pour l installation Manuels numériques pour tablettes Mode d emploi pour l installation 1. Lorsqu on se connecte pour la première fois à l App bibliothèque EMDL, on voit un écran comme celui- ci : SE CONNECTER À L APP On

Plus en détail

LES TABLETTES : GÉNÉRALITÉS

LES TABLETTES : GÉNÉRALITÉS LES TABLETTES : GÉNÉRALITÉS Fonctionnement Qu est-ce qu une tablette tactile? Une tablette tactile est un appareil doté d'un écran qui permet d'interagir simplement en touchant l'écran ou à l'aide d'un

Plus en détail

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

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

Plus en détail

Le courriel responsive Optimiser vos campagnes pour l affichage mobile

Le courriel responsive Optimiser vos campagnes pour l affichage mobile 1 Le courriel responsive Optimiser vos campagnes pour l affichage mobile SOMMAIRE Du téléphone portable au téléphone intelligent... 2 L apparition du téléphone intelligent... 2 Le téléphone intelligent

Plus en détail

ENT ONE Note de version. Version 1.10

ENT ONE Note de version. Version 1.10 Version 1.10 Ce document présente les nouveautés et les changements apportés par cette nouvelle version de ONE installée le 5 novembre 2014. Quoi de neuf dans cette version? 1. Les nouveautés... 2 1.1

Plus en détail

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock Produit concerné : Sage 100 Etendue (déclinaison mobile) Sujet mis en avant : Les fonctionnalités clés du profil commercial sur Smartphone Sage Etendue bénéficie désormais d une déclinaison sur terminaux

Plus en détail

Mode d emploi. Bienvenue sur notrehistoire.ch et merci de votre inscription. Introduction

Mode d emploi. Bienvenue sur notrehistoire.ch et merci de votre inscription. Introduction Mode d emploi Bienvenue sur notrehistoire.ch et merci de votre inscription Nous vous présentons ici quelques informations sur notrehistoire.ch et un mode d emploi simplifié. Vous pouvez obtenir de plus

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014 Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact

Plus en détail

NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE...

NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE... Installation NOTE GENERALE... 2 ANDROID (SMARTPHONES ET TABLETTES)... 3 IOS (IPHONE ET IPAD)... 5 MAC OS X... 6 MAC OS X - ALTERNATIVE PERMANENTE... 7 WINDOWS... 8 Note générale Si après installation et

Plus en détail

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web.

2. Pour accéder au Prêt numérique, écrivez http://bibliomontreal.com/ dans la barre d adresse de votre navigateur Web. Pour accéder au Prêt numérique 1. Le mot de passe pour accéder à votre dossier dans le catalogue Nelligan est requis. a. Pour créer un mot de passe, écrivez le lien suivant dans la barre d adresse du navigateur

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

FEUILLET D INFORMATION! " Savoir comment protéger les informations personnelles publiées sur votre compte Facebook.

FEUILLET D INFORMATION!  Savoir comment protéger les informations personnelles publiées sur votre compte Facebook. AOÛT 2012 FEUILLET D INFORMATION " Savoir comment protéger les informations personnelles publiées sur votre compte Facebook. À chaque fois que vous utilisez Facebook, votre photo de profil vous suit. CONSEIL

Plus en détail

Section Configuration

Section Configuration 8 Section Configuration MailCleaner s adapte aisément à vos besoins et à votre mode de travail. La section Configuration comporte six rubriques de base : Préférences d interface, Mode de filtrage, Page

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

Créer un compte itunes Store

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

Plus en détail

Sage Business Mobile Nouveautés 2013. Copyright 2013 1

Sage Business Mobile Nouveautés 2013. Copyright 2013 1 Sage Business Mobile Nouveautés 2013 Copyright 2013 1 Le saviez-vous? Depuis sa sortie en 2010, Sage Business Mobile a été téléchargé par Plus de 17,000 clients! Copyright 2013 2 Fonctionnalités majeures

Plus en détail

Administration du site

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

Plus en détail

SENIORS ET TABLETTES INTERACTIVES

SENIORS ET TABLETTES INTERACTIVES SENIORS ET TABLETTES INTERACTIVES Claudio Vandi, Charles Tijus, Geoffrey Tissier, Marie Rougeaux, Thierry Thibault, Liliana Rico Duarte To cite this version: Claudio Vandi, Charles Tijus, Geoffrey Tissier,

Plus en détail