Ergonomie des interfaces Web s'intéresse à l'amélioration du confort, de la sécurité et de l'efficacité sur un site web pour le plus de visiteurs possible. Cela permet d'optimiser l'interface homme-machine et réduisant les erreurs et en facilitant l'utilisation. Dans le meilleur des cas il faut que tous les visiteurs puissent utiliser un site web sans avoir besoin d'une formation particulière pour comprendre comment il fonctionne.
L'ergonomie sur le web s'intéresse à de nombreux points dont la simplicité d'utilisation, l'amélioration de la lecture (améliorer la visibilité), la rapidité d'exécution et aussi à l'accessibilité (penser aux utilisateurs qui possèdent des handicaps).
support de cours Web design, approche ergonomique (2012)
Master Création Numérique - Département Arts
UVHC Université de Valenciennes et du Hainaut Cambrésis
D'après ouvrage "Ergonomie web" d'Amélie Boucher, 3ème ed.Eyrolles, 2011
De l'IA au Calcul Littéraire: Pourquoi j'ai zappé le Web Sémantique Jean Rohmer
Je parle en tant que chercheur, programmeur et utilisateur de mes développements
Je fais de l’informatique depuis 44 ans
Je suis déçu par l’évolution de l’informatique
Depuis 40 ans on n’a presque rien trouvé de neuf en logiciel
Le logiciel n’est pas réductible à de l’ingénierie
J’essaie de construire des Amplificateurs d’Intelligence
J’écris du contenu sémantique chaque jour depuis 1997
Le nœud du problème est le langage: langage de programmation et langage naturel
Etymologiquement, programmer veut dire « écrire à l’avance »
Le futur n’est pas écrit, donc la programmation n’a pas de futur
La programmation n’a pas de passé: on a oublié les meilleurs langages (Lisp, APL, Prolog) et l’Intelligence Artificielle des années 80.
Il est très difficile de développer des applications intelligentes avec les langages à la mode
On a oublié ce qu’était une application intelligente
« Software Engineering » est une contradiction dans les termes
Il y a deux sortes de langages de programmation: ceux faits pour programmer les machines (à la mode), ceux faits pour résoudre des problèmes difficiles (oubliés)
L'informatique n'est pas l'amie des donnéesJean Rohmer
Voici la présentation que j'ai faire au colloque GREC-O "Les systèmes complexes face au tsunami exponentiel du numérique".
Pour moi, une donnée est une phrase entière, un énoncé.
J'y explique que l'ordinateur "matériel" n'a pas été fait pour traiter les données, les langages de programmation non plus.
Et que cela handicape beaucoup les utilisations de l'informatique.
support de cours Web design, approche ergonomique (2012)
Master Création Numérique - Département Arts
UVHC Université de Valenciennes et du Hainaut Cambrésis
D'après ouvrage "Ergonomie web" d'Amélie Boucher, 3ème ed.Eyrolles, 2011
De l'IA au Calcul Littéraire: Pourquoi j'ai zappé le Web Sémantique Jean Rohmer
Je parle en tant que chercheur, programmeur et utilisateur de mes développements
Je fais de l’informatique depuis 44 ans
Je suis déçu par l’évolution de l’informatique
Depuis 40 ans on n’a presque rien trouvé de neuf en logiciel
Le logiciel n’est pas réductible à de l’ingénierie
J’essaie de construire des Amplificateurs d’Intelligence
J’écris du contenu sémantique chaque jour depuis 1997
Le nœud du problème est le langage: langage de programmation et langage naturel
Etymologiquement, programmer veut dire « écrire à l’avance »
Le futur n’est pas écrit, donc la programmation n’a pas de futur
La programmation n’a pas de passé: on a oublié les meilleurs langages (Lisp, APL, Prolog) et l’Intelligence Artificielle des années 80.
Il est très difficile de développer des applications intelligentes avec les langages à la mode
On a oublié ce qu’était une application intelligente
« Software Engineering » est une contradiction dans les termes
Il y a deux sortes de langages de programmation: ceux faits pour programmer les machines (à la mode), ceux faits pour résoudre des problèmes difficiles (oubliés)
L'informatique n'est pas l'amie des donnéesJean Rohmer
Voici la présentation que j'ai faire au colloque GREC-O "Les systèmes complexes face au tsunami exponentiel du numérique".
Pour moi, une donnée est une phrase entière, un énoncé.
J'y explique que l'ordinateur "matériel" n'a pas été fait pour traiter les données, les langages de programmation non plus.
Et que cela handicape beaucoup les utilisations de l'informatique.
- Qu'est ce que le big data ?
- Exemples d'utilisation
- Le web, l'open data et le web sémantique
- Les algorithmes
- Qu’est ce que ce la change concrètement ?
- Notre projet square predict
Expériences de gestion des connaissances avec IDELIANCE: supprimons le document!Jean Rohmer
Cet article tire quelques leçons de la conception et
de l’usage de l’outil IDELIANCE depuis une di-
zaine d’années. Idéliance est un outil de gestion de
réseaux sémantiques développé à partir de 1993,
c’est à dire à une époque où Internet était encore
très peu répandu dans l’industrie, et le Web sé-
mantique tout à fait in
existant. Nous résumons
brièvement les caractéristiques de Idéliance, et
nous nous intéressons surtout aux applications in-
dustrielles qui en ont été faites. Ceci est l’occasion
de s’interroger sur les
motivations des « cols
blancs » vis à vis de la gestion des connaissances,
que nous opposerons ici à la gestion documen-
taire.
Mots clés :
Ingénierie des connaissances ; représen-
tation des connaissances ; attitudes personnelles et
collectives face à la gestion des connaissances
Le Web sémantique (plus techniquement appelé « le Web de données ») permet aux machines de comprendre la sémantique, la signification de l'information sur le Web.
Le terme a été inventé par Tim Berners-Lee, coinventeur du Web et directeur du W3C, qui supervise l'élaboration des propositions de standards du Web sémantique.
Bonjour à tous !
Voici un petit travail à vocation éducative grand public qui synthétise (dans les grandes lignes bien-sûr et non dans le détail) comment fonctionnent globalement les IA génératives dont ChatGPT fait partie.
La majorité des IA grand public que nous connaissons actuellement sont des IA de type générative car elles s'appuient sur du contenu existant pour générer du nouveau contenu.
La formation de ces systèmes suit généralement une trame commune même si la tâche à laquelle ils sont associés diffère (génération de textes, d'images, de vidéos, d'audios, de codes, etc.).
C'est pourquoi, détenir ces connaissance vous permettra de mieux employer ces outils. En effet, la performance de ces IA (bien que catégorisées comme des IA "faibles") nous a tellement surpris (et ce n'est que le début !) qu'il convient d'approfondir notre compréhension de leur fonctionnement pour éviter certains "a priori" et démystifier certains fantasmes (ce sont des outils fonctionnant sur des systèmes mathématiques, certes complexes et poussés, mais qui restent des mathématiques).
Plus nous maîtriserons ces connaissances, mieux nous utiliserons ces outils adéquatement et à notre service (et non l'inverse !).
Bonne lecture ! 🙂🎓
www.bigbrainevolution.com
Internet, médias sociaux, réseaux sociaux, jeux vidéos, terminaux mobiles : Comment ces nouvelles technologies bouleversent elles notre façon de travailler ?
- Quelles seront les relations entre entreprises et salariés ?
- Comment les pratiques de management s’adapteront elles ?
- Quel sera notre rapport au travail et quels seront nos rapports de collaboration ?
- Quels seront les espaces de travail et notre lien à la productivité ?
Autant de questions (et bien d’autres) qui doivent être posées si l’on veut penser les organisations, le travail, les compétences individuelles et collectives en cohérence avec les évolutions de la société.
Le But de l'IA est de concevoir des systèmes capables de reproduire le comportement de l'humain dans ses activités de raisonnement . L'IA se fixe comme but la modélisation de l'intelligence artificielle prise comme phénomène.
Cours sur les normes et standards (principales notions à connaître) auprès d'étudiants en Master Multimédia de Bordeaux. Principaux enjeux des normes et standards abordés : accessibilité, indexation (avec métadonnées et dublin core), interopérabilité, web sémantique et open data.
L’intelligence artificielle est l’un des sujets de bouleversements majeurs qui affectent notre époque. Rarement une évolution technologique n’aura engendré autant d’opportunités de résolutions de problèmes, autant de changements dans les usages, autant de peurs.
Pourtant, il ne s’agit absolument pas d’une rupture technologique. L’intelligence artificielle s’inscrit dans la continuité de l’informatique dont la puissance de calcul ne cesse de croître, augmentée par la disponibilité de grandes masses de données que le monde Internet sait agréger.
L’intelligence artificielle permet maintenant aux voitures de rouler sans conducteurs, aux robots de devenir de plus en plus autonomes, aux médecins de faire des diagnostics plus fins, aux avocats de faire des contrats plus précis
Big Data revolution : InfoViz, DataViz, quand l'information prend du sensMicrosoft Décideurs IT
L'avalanche de donnée numériques que ce soit dans le web, le cloud, au sein de l'entreprise numérique, dans la vie publique (OpenData) ou au coeur de la recherche médicale rend indispensable l'emergence de nouveaux outils pour visualiser, manipuler et comprendre les données. Une nouvelle discipline extremement créative issue de la recherche en analyse de données et en interaction homme-machine (IHM) propose ces nouveaux outils. Nous avons invité Jean-Daniel Fekete, directeur de recherche à l'INRIA, pour faire le point sur les tendances actuelles, tracer des perspectives et nous presenter les travaux de son equipe.
Visite guidée au pays de la donnée - Du modèle conceptuel au modèle physiqueGautier Poupeau
Ce diaporama est le 3ème d'une série qui vise à donner un panorama de la gestion des données à l'ère du big data et de l'intelligence artificielle. Cette partie s'attache à présenter comment on passe de la modélisation des données jusqu'à leur stockage. Elle dresse un panorama des différentes solutions de stockage de données, en présente les particularités, les forces et les faiblesses.
- Qu'est ce que le big data ?
- Exemples d'utilisation
- Le web, l'open data et le web sémantique
- Les algorithmes
- Qu’est ce que ce la change concrètement ?
- Notre projet square predict
Expériences de gestion des connaissances avec IDELIANCE: supprimons le document!Jean Rohmer
Cet article tire quelques leçons de la conception et
de l’usage de l’outil IDELIANCE depuis une di-
zaine d’années. Idéliance est un outil de gestion de
réseaux sémantiques développé à partir de 1993,
c’est à dire à une époque où Internet était encore
très peu répandu dans l’industrie, et le Web sé-
mantique tout à fait in
existant. Nous résumons
brièvement les caractéristiques de Idéliance, et
nous nous intéressons surtout aux applications in-
dustrielles qui en ont été faites. Ceci est l’occasion
de s’interroger sur les
motivations des « cols
blancs » vis à vis de la gestion des connaissances,
que nous opposerons ici à la gestion documen-
taire.
Mots clés :
Ingénierie des connaissances ; représen-
tation des connaissances ; attitudes personnelles et
collectives face à la gestion des connaissances
Le Web sémantique (plus techniquement appelé « le Web de données ») permet aux machines de comprendre la sémantique, la signification de l'information sur le Web.
Le terme a été inventé par Tim Berners-Lee, coinventeur du Web et directeur du W3C, qui supervise l'élaboration des propositions de standards du Web sémantique.
Bonjour à tous !
Voici un petit travail à vocation éducative grand public qui synthétise (dans les grandes lignes bien-sûr et non dans le détail) comment fonctionnent globalement les IA génératives dont ChatGPT fait partie.
La majorité des IA grand public que nous connaissons actuellement sont des IA de type générative car elles s'appuient sur du contenu existant pour générer du nouveau contenu.
La formation de ces systèmes suit généralement une trame commune même si la tâche à laquelle ils sont associés diffère (génération de textes, d'images, de vidéos, d'audios, de codes, etc.).
C'est pourquoi, détenir ces connaissance vous permettra de mieux employer ces outils. En effet, la performance de ces IA (bien que catégorisées comme des IA "faibles") nous a tellement surpris (et ce n'est que le début !) qu'il convient d'approfondir notre compréhension de leur fonctionnement pour éviter certains "a priori" et démystifier certains fantasmes (ce sont des outils fonctionnant sur des systèmes mathématiques, certes complexes et poussés, mais qui restent des mathématiques).
Plus nous maîtriserons ces connaissances, mieux nous utiliserons ces outils adéquatement et à notre service (et non l'inverse !).
Bonne lecture ! 🙂🎓
www.bigbrainevolution.com
Internet, médias sociaux, réseaux sociaux, jeux vidéos, terminaux mobiles : Comment ces nouvelles technologies bouleversent elles notre façon de travailler ?
- Quelles seront les relations entre entreprises et salariés ?
- Comment les pratiques de management s’adapteront elles ?
- Quel sera notre rapport au travail et quels seront nos rapports de collaboration ?
- Quels seront les espaces de travail et notre lien à la productivité ?
Autant de questions (et bien d’autres) qui doivent être posées si l’on veut penser les organisations, le travail, les compétences individuelles et collectives en cohérence avec les évolutions de la société.
Le But de l'IA est de concevoir des systèmes capables de reproduire le comportement de l'humain dans ses activités de raisonnement . L'IA se fixe comme but la modélisation de l'intelligence artificielle prise comme phénomène.
Cours sur les normes et standards (principales notions à connaître) auprès d'étudiants en Master Multimédia de Bordeaux. Principaux enjeux des normes et standards abordés : accessibilité, indexation (avec métadonnées et dublin core), interopérabilité, web sémantique et open data.
L’intelligence artificielle est l’un des sujets de bouleversements majeurs qui affectent notre époque. Rarement une évolution technologique n’aura engendré autant d’opportunités de résolutions de problèmes, autant de changements dans les usages, autant de peurs.
Pourtant, il ne s’agit absolument pas d’une rupture technologique. L’intelligence artificielle s’inscrit dans la continuité de l’informatique dont la puissance de calcul ne cesse de croître, augmentée par la disponibilité de grandes masses de données que le monde Internet sait agréger.
L’intelligence artificielle permet maintenant aux voitures de rouler sans conducteurs, aux robots de devenir de plus en plus autonomes, aux médecins de faire des diagnostics plus fins, aux avocats de faire des contrats plus précis
Big Data revolution : InfoViz, DataViz, quand l'information prend du sensMicrosoft Décideurs IT
L'avalanche de donnée numériques que ce soit dans le web, le cloud, au sein de l'entreprise numérique, dans la vie publique (OpenData) ou au coeur de la recherche médicale rend indispensable l'emergence de nouveaux outils pour visualiser, manipuler et comprendre les données. Une nouvelle discipline extremement créative issue de la recherche en analyse de données et en interaction homme-machine (IHM) propose ces nouveaux outils. Nous avons invité Jean-Daniel Fekete, directeur de recherche à l'INRIA, pour faire le point sur les tendances actuelles, tracer des perspectives et nous presenter les travaux de son equipe.
Visite guidée au pays de la donnée - Du modèle conceptuel au modèle physiqueGautier Poupeau
Ce diaporama est le 3ème d'une série qui vise à donner un panorama de la gestion des données à l'ère du big data et de l'intelligence artificielle. Cette partie s'attache à présenter comment on passe de la modélisation des données jusqu'à leur stockage. Elle dresse un panorama des différentes solutions de stockage de données, en présente les particularités, les forces et les faiblesses.
2. PLAN
I. INTRODUCTION
II. Les règles de l’ ergonomie web
Le concept de Gestalt
La loi de Fitts
La loi de Hick
Le concept d’Affordance
III. IMPORTANCE DE LA MISE-EN-PAGE
IV. CONCLUSION
3. INTRODUCTION
Ergonomie vient du grec
Ergon (travail)
Nomos (loi, règles).
• Ergonomie est l'ensemble des connaissances scientifiques relatives à l'Homme
nécessaires 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é.
4. INTRODUCTION
• Ergonomie web s'intéresse à l'amélioration du confort, de la sécurité et de
l'efficacité sur un site web pour le plus de visiteurs possible. Cela permet
d'optimiser l'interface homme-machine et réduisant les erreurs et en facilitant
l'utilisation. Dans le meilleur des cas il faut que tous les visiteurs puissent utiliser
un site web sans avoir besoin d'une formation particulière pour comprendre
comment il fonctionne.
• L'ergonomie sur le web s'intéresse à de nombreux points dont la simplicité
d'utilisation, l'amélioration de la lecture (améliorer la visibilité), la rapidité
d'exécution et aussi à l'accessibilité (penser aux utilisateurs qui possèdent des
handicaps).
5. INTRODUCTION
• Objectifs de l’ergonomie web
• Pour faire un site bien construit, plaisant à naviguer, où l’on trouve facilement ce que
l’on cherche, qui se charge rapidement.
• Savoir pourquoi un site est efficace, comment remédier aux problèmes de
compréhension de notre site par nos visiteurs. Savoir apporter un regard critique et
argumenté sur une maquette, un site web existant. Il existe des règles à appliquer
afin de tendre vers cet objectif.
6. LE CONCEPT DE GESTALT
• C’est une théorie selon laquelle les processus de la perception et de la
représentation mentale traitent spontanément les phénomènes comme des
ensembles structurés (les formes) et non comme une simple addition ou
juxtaposition d'éléments.
7. LE CONCEPT DE GESTALT
• La loi de proximité
Le cerveau humain regroupe les éléments, 2 éléments proches se verront
associés, on leur trouvera plus facilement des points communs que 2 éléments
éloignés.
8. LE CONCEPT DE GESTALT
• La loi de proximité
Cette déduction de notre cerveau se fait naturellement, c’est une logique
de proximité, d’éloignement et d’ordre des éléments. C’est fondamentale pour la
conception de pages web. Il faut rapprocher les éléments qui ont une relation forte
et éloigner les autres.
9. LE CONCEPT DE GESTALT
• La loi de proximité
• Exemple
Éléments de
navigation éloignés
les uns des autres..
10. LE CONCEPT DE GESTALT
• La loi de proximité
Dans l’exemple suivant, le contenu est réparti dans 3 colonnes de taille égales
avec des marges égales.
La première colonne à gauche contient le texte principale de ma page
La colonne centrale contient le texte qui illustre ce texte
La colonne de droite contient des liens vers des projets similaires.
La largeur des blancs entre les trois colonnes sont identique, les trois colonnes
ne sont pas associés. Les photos ne sont pas plus associés au texte qu’à la
colonne de droite.
12. LE CONCEPT DE GESTALT
• La loi de proximité
En décalant la colonne
centrale vers la gauche, j’associe
les photos au texte, et dissocie
les photos de la colonne de
droite, auquel j’adjoint un titre qui
donne une explication sur sont
rôle.
13. LE CONCEPT DE GESTALT
• La loi de proximité
Dans cet exemple les
légendes des photos sont à
égale distance des photos
placées au-dessus et en-
dessous. On ne comprend pas
à quelle photo la légende est
associée.
.
14. LE CONCEPT DE GESTALT
• La loi de proximité
En rajoutant une
marge sous le texte, la
légende et la photo sont
associés.
.
15. LE CONCEPT DE GESTALT
• La loi de similarité
Les formes qui se
ressemblent sont regroupés par
notre cerveau (taille, forme
couleur).
Par la taille : petits carrés
et grands carrés, on a donc
tendances à leur chercher des
similitudes.
.
16. LE CONCEPT DE GESTALT
• La loi de similarité
Dans l’exemple suivant on
va associer les blocs par leur
proximité mais aussi par leur taille
différente, on comprend qu’il
s’agit d’infos de nature différente.
.
17. LE CONCEPT DE GESTALT
• La loi de similarité
Ici les blocs carrés et les
ronds n’ont pas la même fonction.
18. LE CONCEPT DE GESTALT
• La loi de similarité
Similarité par la couleur,
plus compréhensible que d’écrire :
noir, gris, violet, etc…
.
19. LA LOI DE FITTS
• Dans le domaine de l'Interaction Homme-Machine (IHM), la loi de Fitts permet de
prédire le temps requis à un humain pour pointer une zone. Appliqué au web,
cette loi permet de savoir en combien de temps la souris va atteindre un élément
sur une page web. Cela permet d'optimiser les interfaces web.
• La loi stipule que le temps nécessaire pour atteindre un élément est
proportionnel à la distance de l'élément et la taille de l'élément.
20. LA LOI DE FITTS
• Plus la souris est éloignée d'un élément et plus le temps pour atteindre cet élément sera long.
• Plus l'élément de destination est gros et moins la souris nécessitera de temps pour l’atteindre.
• De ce fait, pour atteindre rapidement une zone de l'écran, il faut que celle-ci soit grande et
proche de la souris.
• On parle de Fittsizing : Le Fittsizing est le principe de compensation de la distance pour aller à
un point par l’augmentation de sa taille; il permet un gain de temps non négligeable pour
l’internaute.
• Des études montrent qu’un site de e-commerce qui augmente la taille des boutons « Ajouter au
panier » trop petit, augmentera aussi ses ventes.
22. LA LOI DE HICK
• La loi de Hick décrit le temps qu'il faut à un utilisateur pour prendre une décision
en fonction du nombre de choix à sa disposition.
• La loi de Hick décrit le temps qu'il faut à un utilisateur pour prendre une décision
en fonction du nombre de choix à sa disposition.
• Au delà, notre mémoire de travail, mémoire transitoire et instantanée nous joue
des tours. Au delà de 7 grandes zones le messages risques d’être brouillé et mal
compris.
23. LA LOI DE HICK
• Dans les barres de navigations, on évitera de mettre plus de 7 items au grand
maximum 9.
24. LA LOI DE HICK
• Exemple : un menu avec
beaucoup trop d’éléments,
difficile de se repérer.
25. LA LOI DE HICK
• Exemple : Ici impression de
fouillis volontaire, principe du
bazar de la brocante ou l’on va
dénicher des bonnes affaires en
cherchant
26. LE CONCEPT
D’AFFORDANCE
• L'affordance est la capacité d’un
système ou d'un produit à
suggérer sa propre utilisation.
• Une porte nous indique qu’on
doit la pousser ou la tirer par la
présence des gonds, d’une
poignée.
27. LE CONCEPT D’AFFORDANCE
• Important sur le web de faire des liens qui ressemblent à des liens ou qui soit
simplement différents du reste. Et si possible que cette différence soit
omniprésente sur l’ensemble des pages.
• Par l’usage de la couleur du texte cliquable:
• d’un surlignage
• L’usage d’un pictogramme symbolisant la notion de lien
28. LE CONCEPT D’AFFORDANCE
• Pour les images
• Je dois différencier les images cliquables des images non-cliquable par une distinction
qui peu prendre la forme d’un contour de couleur, d’un pictogramme …
29. LES TEXTES
• Pour rendre un texte agréable à lire sur un écran il est préférable de :
• Scinder l'article en plusieurs paragraphes
• Rédiger des intertitres
• Faire des sauts de lignes dans les paragraphes
• Ne pas justifier le texte
• Prévoir un interlignage suffisant
• Utiliser des listes à puces (si c'est possible)
• L'illustrer avec quelques images
• Indenter les textes par rapport aux titres
30. IMPORTANCE DE LA MISE-EN-PAGE
• 33 laboratoires grenoblois, regroupés au sein d’un réseau, ont pour objectifs de :
Comprendre les propriétés de la matière à l’échelle du milliardième de mètre,
fabriquer des objets minuscules de quelques nanomètres, simuler leurs propriétés,
découvrir de nouveaux phénomènes et développer leurs applications… Une méthode
pour préparer le futur : développer un large socle de connaissances fondamentales et
faire émerger de futures applications. Domaine d’application privilégiés comme la
nanoélectronique qui prendra le relais de la microélectronique avec plus de
miniaturisation, plus de puissance de calcul et plus de mémoire de stockage. Ces
recherches contribueront à valoriser les compétences en recherche technologique et
en industries de haut niveau du site grenoblois ; Le vivant : les Nanosciences
permettront de créer de nouveaux outils de diagnostic et de nouvelles approches de
soin ; mais aussi l’énergie et l’environnement.
33. IMPORTANCE DE LA MISE-EN-PAGE
• Ne pas utiliser de terme trop
technique de jargon professionnel
voire poétique et peu explicite.
Utilisez le language de vos visiteurs.
34. CONCLUSION
• Lorsque l'ergonomie d'un site web est bien travaillé, cela réduit le taux de rebond
et améliore la satisfaction des utilisateurs.