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

1. LA COMPÉTENCE NUMÉRIQUE CADRE DE TRAVAIL EVOLUTIF POUR LE DESIGN D’INTERFACES WEB OCTOBRE 2009 – VINCENT BENECHE

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

4. Pourquoi ? Parceque … La compétence numérique s’acquiert en utilisant les NTIC et en suivant leurs évolutions…

5. ...Et la compétence numérique WEB, en utilisant des interfaces WEB et leurs évolutions !

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. LE DESIGN Représenter un concept avec des contraintes fonctionnelles, structurelles, esthétiques, didactiques, symboliques, techniques et productives.

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. 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. 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. 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. 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. Merci

14. Slides annexes :

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 ?