0
11/01/2012

Ludovic Maindron
Ingénieur UTC en génie logiciel
DESS ergonomie Paris V
12 ans d’expérience en conception d’In...
Pour la série d’écran qui va suivre :
Exercice 1 :
Identifier le ou les patrons de conception utilisés

Ludovic Maindron I...
L’explorateur Windows

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
3
iTunes

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
4
Client de messagerie

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
5
Application métier

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
6
Application métier

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
7
Applications webs

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
8
Applications webs

Ludovic Maindron IHM Consulting

TP1 : patrons et layouts

11/01/2012
9
•Vous devez choisir un composant graphique pour afficher des
tableaux dans une application Web

En binôme, faites des rec...
Le CA de depanAuto doit trouver le contrat associé aux véhicule du
conducteur (entre 50 et 100 fois/j)
La plupart du temp...
Exercice 1 :
 Identifier le ou les layouts à
utiliser pour que ces IHMs
soient responsive

Ludovic Maindron IHM Consultin...
Ludovic Maindron
Consultant ergonome

Ludovic Maindron IHM Consulting

Vos Questions ?

l.maindron.ihmconsulting@gmail.com...
Upcoming SlideShare
Loading in...5
×

Cours 2 conception d'une ihm -tp

600

Published on

Travaux pratiques IUT : Cours 2 : Conception d'une IHM

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
600
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Cours 2 conception d'une ihm -tp"

  1. 1. 11/01/2012 Ludovic Maindron Ingénieur UTC en génie logiciel DESS ergonomie Paris V 12 ans d’expérience en conception d’Interfaces Homme Machine Ludovic Maindron IHM Consulting Cours 2:TP Conception d’une IHM 1
  2. 2. Pour la série d’écran qui va suivre : Exercice 1 : Identifier le ou les patrons de conception utilisés Ludovic Maindron IHM Consulting TP1 : patrons de conception Exercice 2 : Identifier le ou les layouts à utiliser pour que ces IHMs soient responsive 11/01/2012 2
  3. 3. L’explorateur Windows Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 3
  4. 4. iTunes Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 4
  5. 5. Client de messagerie Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 5
  6. 6. Application métier Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 6
  7. 7. Application métier Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 7
  8. 8. Applications webs Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 8
  9. 9. Applications webs Ludovic Maindron IHM Consulting TP1 : patrons et layouts 11/01/2012 9
  10. 10. •Vous devez choisir un composant graphique pour afficher des tableaux dans une application Web En binôme, faites des recherches sur Internet Etablir un hit parade des fonctions utiles pour l’utilisateur final Faites des recherches sur Internet et proposer un composant graphique Justifier votre choix Ludovic Maindron IHM Consulting TP2 : choix d’un composant 11/01/2012 10
  11. 11. Le CA de depanAuto doit trouver le contrat associé aux véhicule du conducteur (entre 50 et 100 fois/j) La plupart du temps, le conducteur connait son immatriculation mais parfois il n’est capable que de fournir la marque et le modèle L’équipe de développement vous propose une boite de dialogue pour rechercher le contrat à partir du véhicule Ludovic Maindron IHM Consulting TP3 : optimisation recherche On vous demande de préconiser des améliorations Voyez-vous une erreur de 11/01/2012 conception ? Comptez le nombre d’interactions et qualifiez-les (souris ou clavier) Faire une liste de propositions pour en réduire le nombre 11
  12. 12. Exercice 1 :  Identifier le ou les layouts à utiliser pour que ces IHMs soient responsive Ludovic Maindron IHM Consulting TP : layouts 11/01/2012 12
  13. 13. Ludovic Maindron Consultant ergonome Ludovic Maindron IHM Consulting Vos Questions ? l.maindron.ihmconsulting@gmail.com 06 28 07 22 35 11/01/2012 @ludolmn Sources : http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×