LA COMPÉTENCE NUMÉRIQUE CADRE DE TRAVAIL EVOLUTIF POUR LE DESIGN D’INTERFACES WEB OCTOBRE 2009 – VINCENT BENECHE
LA COMPÉTENCE NUMÉRIQUE «  Digital Literacy  » Capacité à utiliser les NTIC pour  trouver ,  évaluer ,  utiliser  et  crée...
LA FRACTURE NUMÉRIQUE ASPECTS GÉOPOLITIQUES ASPECTS SOCIOLOGIQUES Disparités d’accès au NTIC à différentes échelles <ul><l...
Pourquoi ? Parceque … La compétence numérique s’acquiert  en utilisant les NTIC et en suivant leurs évolutions…
...Et la compétence numérique WEB, en utilisant des interfaces WEB et leurs évolutions !
Débutants Initiés Confirmés Evolution des possibles Acquisition de la  Compétence Numérique LA COMPÉTENCE NUMÉRIQUE Classe...
LE DESIGN Représenter un concept avec des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques...
LA COMPÉTENCE NUMÉRIQUE CADRE DE TRAVAIL ? Comme tout media, le Web possède ses signes au sens sémiologique :  symboles, t...
LE DESIGN D’INTERFACE WEB QUELLE INTERACTION AVEC LA COMPÉTENCE NUMÉRIQUE ? COMPÉTENCE WEB DES UTILISATEURS D’INTERFACES D...
La compétence web est ainsi un cadre  de travail évolutif pour le design d’interfaces web car elle le contraint d’une part...
Lorsque chaque humain aura accès au réseau et en comprendra les signes, la compétence numérique n’aura plus lieu d’être ét...
Les signifiants visuels utilisées sur le Web, traversent progressivement la bulle du virtuel pour s’immiscer dans le monde...
Merci
Slides annexes :
Contrainte fonctionnelle : Trouvabilité et représentation des fonctions de l’interface. Contrainte structurelle : Composit...
 
LE DESIGN D’INTERFACES WEB… <ul><li>Conventions : </li></ul><ul><li>Composition (colonnes/blocs…), </li></ul><ul><li>Aspec...
Upcoming SlideShare
Loading in...5
×

La compétence numérique, un cadre de travail évolutif pour le design d'interfaces Web

1,344

Published on

La compétence numérique, un cadre de travail évolutif pour le design d'interfaces Web.
Thèse professionnelle - Mastère spécialisé en ingénierie des médias numériques (ESIEE-Gobelins) 2009. thèse complète téléchargeable sur http://alturl.com/w6ji

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

  • Be the first to like this

No Downloads
Views
Total Views
1,344
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

La compétence numérique, un cadre de travail évolutif pour le design d'interfaces Web

  1. 1. LA COMPÉTENCE NUMÉRIQUE CADRE DE TRAVAIL EVOLUTIF POUR LE DESIGN D’INTERFACES WEB OCTOBRE 2009 – VINCENT BENECHE
  2. 2. LA COMPÉTENCE NUMÉRIQUE «  Digital Literacy  » Capacité à utiliser les NTIC pour trouver , évaluer , utiliser et créer de l’information . Compétence numérique Compétence informatique Compétence web
  3. 3. LA FRACTURE NUMÉRIQUE ASPECTS GÉOPOLITIQUES ASPECTS SOCIOLOGIQUES Disparités d’accès au NTIC à différentes échelles <ul><li>Clivage Nord/sud </li></ul><ul><li>Fracture Numérique  IDH </li></ul><ul><li>manque de volonté des états </li></ul><ul><li>Infrastructures inexistantes </li></ul><ul><li>Accords politico-commerciaux </li></ul><ul><li>Clivage de la population au sein </li></ul><ul><li>d’une même entité géopolitique </li></ul><ul><li>Sexe </li></ul><ul><li>Age </li></ul><ul><li>Profession / Diplôme </li></ul><ul><li>Lieu de résidence </li></ul>Frein principal à l’expansion de la Compétence Numérique (Web)
  4. 4. Pourquoi ? Parceque … La compétence numérique s’acquiert en utilisant les NTIC et en suivant leurs évolutions…
  5. 5. ...Et la compétence numérique WEB, en utilisant des interfaces WEB et leurs évolutions !
  6. 6. Débutants Initiés Confirmés Evolution des possibles Acquisition de la Compétence Numérique LA COMPÉTENCE NUMÉRIQUE Classement des utilisateurs de NTIC sur 4 niveaux : Concepteurs
  7. 7. LE DESIGN Représenter un concept avec des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques, techniques et productives.
  8. 8. LA COMPÉTENCE NUMÉRIQUE CADRE DE TRAVAIL ? Comme tout media, le Web possède ses signes au sens sémiologique : symboles, textes, images, tout ce qui est présenté à l’internaute est porteur de sens. «  Quand un signe est utilisé par plus de 50% des sites web, il devient une convention  » Jakob Nielsen Pour être utilisable, accessible, et pour offrir à son utilisateur, une navigation agréable , un site web (grand public) doit utiliser des conventions d’usage.
  9. 9. LE DESIGN D’INTERFACE WEB QUELLE INTERACTION AVEC LA COMPÉTENCE NUMÉRIQUE ? COMPÉTENCE WEB DES UTILISATEURS D’INTERFACES DESIGN GRAPHIQUE WEB MARKETING Concept mercantile Axe de communication IHM Ergonomie Architecture d’info. … INFORMATIQUE Nouvelles fonctionnalités Créé de Nouvelles Conventions graphiques Impose des Conventions graphiques
  10. 10. La compétence web est ainsi un cadre de travail évolutif pour le design d’interfaces web car elle le contraint d’une part et grandit en se nourrissant de ses évolutions d’autres part.
  11. 11. Lorsque chaque humain aura accès au réseau et en comprendra les signes, la compétence numérique n’aura plus lieu d’être étudiée séparément de la compétence Humaine globale («  Literacy  »).
  12. 12. Les signifiants visuels utilisées sur le Web, traversent progressivement la bulle du virtuel pour s’immiscer dans le monde réel et sur les autres médias. On peut se demander si la fracture numérique n’est pas en train de creuser, tout simplement une nouvelle fracture culturelle globale.
  13. 13. Merci
  14. 14. Slides annexes :
  15. 15. Contrainte fonctionnelle : Trouvabilité et représentation des fonctions de l’interface. Contrainte structurelle : Composition des éléments structurels et média de l’interface. Contrainte esthétique : Adaptation de l’interface aux tendances d’une époque et aux codes graphiques d’une marque Contrainte didactique : Informer et assister l’utilisateur pour qu’il utilise l’interface au mieux. Contrainte symbolique: Utilisation de signes faisant sens dans le contexte de l’interface et pour ses utilisateurs. Contrainte technique et productive : Codabilité de l’interface dans le respect des normes d’accessibilité, Scalability, Upgradability… LE DESIGN D’INTERFACE WEB QUELLE INTERACTION AVEC LA COMPÉTENCE NUMÉRIQUE ?
  16. 17. LE DESIGN D’INTERFACES WEB… <ul><li>Conventions : </li></ul><ul><li>Composition (colonnes/blocs…), </li></ul><ul><li>Aspect du champ de saisie, </li></ul><ul><li>Bouton d’envoi de formulaire, </li></ul><ul><li>Pied de page, </li></ul><ul><li>Onglets, </li></ul><ul><li>Symboles et pictogrammes… </li></ul><ul><li>Tout ce que les utilisateurs ont appris à reconnaitre et que l’on retrouve sur plus de la moitié des interfaces. </li></ul>Affordances : Cliquabilité, Disposition relative et trouvabilité, Association forme/fonction, … Propriété actionnable d’un élément d’interface, perçue grâce à son design (et aux conventions connues).

×