Directives et principes de conception tirées du livre “Designing Interfaces: Patterns for Effective Interaction Design” de Jenifer Tidwell Chapitre 5.

Slides:



Advertisements
Présentations similaires
Comment utiliser PowerPoint
Advertisements

Été INF1025 Driouch Elmahdi
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Bases de linformatique : Premiers pas Niveau : Débutant.
Conseils de conception
Navigateur web pour PDA
TuxPaint © 2005 Yves Combe – Creative Commons v2.0 by-sa TuxPaint en Maternelle Aperçu des possibilités Tuxpaint version
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Chapitre 3: Système d’exploitation
Le réseau pédagogique du lycée Stendhal
Utilisation des boutons Suivant MODULE 2 PRINCIPES GENERAUX DUTILISATION DAPOGEE.
FORMATION OUTILS « FONCTIONS »
Comprendre lergonomie du module Sconet BEE. La page daccueil de Sconet BEE Nom de létablissement Version du module Nom du module Sconet BEE Code de létablissement.
EVALUATIONS NATIONALES CE2
Créer un document LES FONCTIONS ENREGISTRER LES FORMATS Retour au menu principal.
Principe de défilement du document dans un traitement de texte
Ce qui est fait Cahier des charges L’analyse de l’application
Assistance à distance Parfois on se sent bien seul face à un problème informatique surtout si on n’est qu’un simple utilisateur. Lorsqu'un problème survient.
Tutoriel pour l’utilisation de
Directives et principes de conception tirées du livre Designing Interfaces: Patterns for Effective Interaction Design de Jenifer Tidwell Chapitre 1.
Conception et mise en page
Systèmes d’exploitation
Ce janvier Faire une copie d'écran......et la préparer pour demander de l'aide, pour illustrer un texte,... Claude Espinasse février 2007.
Vidéogramme séance 2 du 13 février 2012 Les Fenêtres Windows Micro Informatique au Cellier Joseph HOHN Séance du 13 février 2012 Sur le thème de Découverte.
ENVIRONNEMENT WINDOWS
Tableau blanc interactif
Claude Espinasse février 2007
Passer à la première page Le logiciel : 1er dossier n Création de dossier u Taper le nom du patient ici.
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
INITIATION PowerPoint
Créer une animation simple Gif avec ImageReady.
La souris.
Projection La nouvelle ergonomie présentée au travers de quelques écrans. MàJ : 16/12/2013.
Comment remplacer le certificat pour Mozilla Firefox Le certificat actuel expire le 24 avril prochain. Il faudra donc le remplacer lors.
28 novembre 2012 Grégory Petit
A la découverte de la bureautique et des fichiers.
Comment remplacer le certificat pour Internet Explorer Le certificat actuel expire le 24 avril prochain. Il faudra donc le remplacer lors.
SWF Opener And Cache Viewer
Directives et principes de conception tirées du livre Designing Interfaces: Patterns for Effective Interaction Design de Jenifer Tidwell Chapitre 1.
ALLUMER L’ORDI 1 Appuyer sur le bouton du disque dur
Création JJ Pellé le 26août 2012 UTILISER INTERNET.
Accès au logiciel.
Les présentations assistées par ordinateur (préAO)
Marche à suivre 1 1.Choisir le joueur Choisir un titre (menu déroultant ou clic dans la cote)
Gestion des fichiers et dossiers
Vous indiquez d’abord votre identifiant, puis votre mot de passe et enfin vous cliquez sur ouvrir session.
Windows 7 et son explorateur
Rejouez les donnes avec Wbridge5 Pour vous guider…
Les raccourcis-clavier
Aide-mémoire sur Lync 2013 pour Office 365
Traitement de texte +.
Utiliser les fichiers d’un ordinateur
POWERPOINT.
Par défaut la touche [Im écran] permet: - actionnée seule, la capture de la totalité de l’écran, - accouplée à la touche Alt, une capture de la fenêtre.
05/02/98WEB ESNIG Préférences Oracle Designer/2000 & Oracle Web Server.
LOGOS_w Imagerie Les photos et images numérisées.
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
Introduction.
Création JJ Pellé octobre 2014 Il suffit de faire un clic gauche sur l’onglet « Nouveau dossier » Et le nouveau dossier est créé ! Il ne reste plus.
1 Session de formation Windows 8.1 Bienvenue !. Module de formation 1 2 Sujets : Naviguez dans Windows 8.1 Découvrez les bases de la nouvelle interface,
L’objectif Faire connaître des artistes 3D grâce à un site Web accessible à tous.
Comment créer un nouveau dossier Par JJ Pellé Formation informatique.
HTML Création et mise en page de formulaire
L’ordinateur et ses composantes
WINDOWS SEVEN.
DOSSIER ET FICHIER. Un menu contextuel est accessible en faisant un clic avec le bouton droit de la souris. Ce menu peut être différent en fonction de.
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Interface Utilisateur pour synchroniser son iPod ou iPad
Recherchez « balado » ou « podcast » sur Internet avec Google puis choisissez un site qui vous intéresse…ou allez dans Podcasts/iTunes Store par exemple:
Bouton de login Ecran de régénération de statistiques Liste des dossiers configurés. Section de sélection de dossiers.
Transcription de la présentation:

Directives et principes de conception tirées du livre “Designing Interfaces: Patterns for Effective Interaction Design” de Jenifer Tidwell Chapitre 5

5.1 Two-Panel Selector Deux panneaux, un pour montrer un ensemble d'items, l'autre pour montrer le contenu (ou détails) de l'item sélectionné Exemples d'items: courriels, sections d'un site web, chansons, images, fichiers Ne fonctionne pas sur des écrans *très* petits de cellulaire (mais pourrait fonctionner sur en écran de Blackberry) Un patron connu aux utilisateurs L'utilisateur peut facilement déplacer leur focus d'attention entre les deux panneux, sans naviguer avec un dispositif d'entrée, pour mieux comprendre la relation entre différents items Montrez le contenu aussitôt qu'un nouvel item est sélectionné (sélection en un seul clic) Permettez une navigation via le clavier aussi (touches de flêches, et Tab)

5.2 One-Window Drilldown Remplissez la fenêtre complètement avec le contenu de l'écran ou du (sous)menu actuel. Quand l'utilisateur choisit une option ou un item de menu menant à un autre écran, on remplace le contenu complet de la fenêtre. Exemples: les lecteurs-web de courriel, et les menus sur le iPod pour sélectionner une pièce de musique ou un jour dans un calendrier Bon pour des petits écrans, pour des utilisateurs novices, ou pour des kiosques ou bornes Ce patron simplifie l'interface encore plus que le "two-panel selector" et oblige l'utilisateur à se concentrer sur un choix à la fois Fonctionne bien avec les boutons "Back" et "Forward" dans un fureteur web Si le dispositif ou plateforme pour lequel vous concevez n'a pas déjà des boutons "Back" et "Forward", rajouter un bouton pour reculer dans l'interface

iPhone