Pour un petit dictionnaire du design numérique

L’association se lance dans un nouveau chantier pour l’élaboration d’un Petit dictionnaire du design numérique.
Qu’est-ce qu’une interface utilisateur haptique, une interface multimodale ou encore l’ubimédia ? D’Accessibilité à Zooming User Interface, nous nous proposons d’explorer des définitions de ces termes du lexique, afin de démystifier les disciplines du design numérique. Un corpus de 100 termes génériques est en cours de définition. Une fois de plus, nous avons souhaité mettre en place un mode collaboratif sur cette initiative.

Pour contribuer, laissez un commentaire avec votre définition.

Une liste indicative des termes :

1. Accessibilité
2. affordance
3. Ambient device
4. Analyse des tâches
5. architecture de l’information
6. Attentive user interface
7. Calm technology
8. Cloud computing
9. Comportement
10. Convergence
11. design
12. design centré utilisateur
13. design d’information
14. design d’interaction
15. Design d’interface graphique
16. Design d’interface utilisateur
17. Design de service
18. design interactif
19. Design itératif
20. design numérique
21. design participatif
22. Design patterns (schémas de conception)
23. design process
24. design sonore
25. direct manipulation interface
26. Dispositif de pointage (pointing device)
27. drag and drop
28. Economie de l’attention
29. Emotional Design
30. Ergonomie
31. Evaluation heuristique
32. expérience utilisateur
33. Fab Lab
34. Facteurs humains
35. Feedback
36. Folksonomy
37. Game design
38. Guide de style
39. Haptique
40. Head Up Display (Interface tête haute)
41. Hypermedia
42. Idiome
43. Immersion
44. Information overload
45. Informatique ambiante (Pervasive computing)
46. Innovation
47. input device
48. Intelligence Artificielle (IA)
49. Intelligent user interface
50. interaction
51. Interaction technique (style d’interaction)
52. Interactions Homme-Machine (IHM)
53. Interface
54. Interface en ligne de commande
55. Interface gestuelle
56. interface graphique (gui)
57. Interface multimodale
58. Interface neurale
59. Interface organique (OUI)
60. interface tactile
61. interface tangible (Touch User Interface, TUI)
62. Interface vocale (Voice User Interface, VUI)
63. Interfaces riches
64. Internet des objets
65. Loi de Fitts
66. Loi de Hick’s
67. Look and feel
68. manipulation directe
69. Media sociaux
70. métaphore
71. Modèle mental
72. Motion (graphic) design
73. multi-touch
74. Multimédia
75. Nanotechnologies
76. natural interaction
77. Natural language interface
78. Natural User Interface (NUI)
79. Noncommand user interface
80. Object-oriented user interface
81. objet connecté
82. OOUI (object-oriented user interface)
83. Output device
84. progressive disclosure
85. Prototype
86. réalité augmentée
87. réalité mixte (mixted reality)
88. Reflexive user interface
89. RFID
90. Robotique
91. Scénario d’usage
92. Spécifications fonctionnelles
93. Storyboard
94. styles d’interaction
95. ubimedia
96. univers virtuel
97. usage
98. utilisabilité
99. Virtual artifact
100. Virtual reality
101. visualisation
102. Voice User Interface
103. wearable computers
104. Web 2.0
105. Web design
106. Web sémantique
107. webtop
108. WIMP (Windows, Icons, Menus and Pointers)
109. wireframe
110. WYSIWYG
111. ZUI (Zooming User Interface)

Commentaires

20 commentaires pour le moment.

1. Thibaut Devrraux, 22 juillet 2009 à 18:40 :

   Le RFID, ou Radio-Frequency IDentification, est un système composé d’une puce contenant des informations, et d’un lecteur capabale de lire ces informations à distances, souvent dans un rayon de quelques mètres.

   Le système RFID a de nombreuses applications en design interactif dans le sens où il permet à des corps mobiles de communiquer entre eux lorsqu’ils entrenent dans le rayon d’action du système RFID.

   Le système RFID peut par exemple être utilisé en remplacement du code barre pour payer ses courses sans avoir à déposer tous ses produits sur la caisse. Il suffit alors de passer le portail pour que le système RFID identifie le contenu du chariot.

   Un autre exemple d’application est le Lapin Natazbag, capable de réagir différement (par exemple de vous donner telle ou telle information), en fonction de l’objet que vous approchez de lui. Ici encore le système RFID est utilisé pour transmettre l’information de l’approche d’un objet muni d’une puce.

2. Thibaut Devrraux, 22 juillet 2009 à 18:56 :

   Le WYSIWYG, ou « What You See Is What You Get » permet de formater du texte en faisant en sorte qu’il apparaisse sur votre écran de la même manière qu’il apparaitra à l’utilisateur final.

   Word, Quarks ou InDesign sont d’exellents exemple de systèmes WYSIWYG.

   Vu sous cet angles les systèmes WYSIWYG peuvent paraître une évidence. Toutesfois il existe encore de nombreux sites web participatifs qui ne sont pas munis d’éditeur WYSIWYG. On pourra notament citer Wikipédia.

   Si vous tappez une étoile  » *  » en début de ligne, elle apparaitra comme une puce une fois l’article enregistré.

   Si vous mettez une ligne entre signes égal  » == Ligne de texte ==  » , vous obtiendrez un titre de section.

   Cette syntaxe n’est autre qu’un raccourci qui génère derrière du code HTML : balise pour les puces, balise pour les titres. Si elle est rapide à écrire pour les habitués, elle n’est toutefois pas intuitive et necessite un apprentissage. Un éditeur WYSIWYG bien pensé présente donc l’avantage d’être plus facil d’accès.

3. Geoffrey Dorne, 27 juillet 2009 à 12:42 :

   Moi je serais curieux d’avoir l’url du wiki pour lire les définitions au fur & à mesure de leur avancement…

4. Monsieur Alex (le clubclub), 28 juillet 2009 à 14:12 :

   ubimédia : Ubiquité et omniprésence des médias numériques.

   Un environnement numérique qui envahit notre quotidien, dans lequel l’individu est tour à tour émetteur, récepteur et relais d’information constituant un univers informationnel dense, cognitif, interconnecté, multiforme et convergent qui touche toutes les sphères de notre quotidien.

   Le concepteur du terme « ubimedia » est Adam Greenfield qui dans son ouvrage « Every ware, la révolution de l’ubmédia » aux éditions FYP et la conférence donnée au Keio University’s DMC Institute à Tokyo le 15 juillet 2007 le défini ainsi :
   « L’ubimedia peut se définir comme ce qui reste de l’informatique quand les ordinateurs ont disparu

5. Gregory GUENEAU, 28 juillet 2009 à 15:45 :

   SaaS : software as a service, logiciel utilisable via navigateur web, tel par exemple, gmail

6. Gregory GUENEAU, 28 juillet 2009 à 15:47 :

   Pop-in (light box) : fenêtre interactive s’affichant en surimpression dans un contenu web. ces fenetres sont le plus souvent réalisées avec des technologies javascript ou ajax et remplacent la popup, nouvelle fenêtre de navigateur.

7. Gregory GUENEAU, 28 juillet 2009 à 15:49 :

   Wiki (définition de wikipedia) : Un wiki est un logiciel de la famille des système de gestion de contenu de site web rendant les pages web modifiables par tous les visiteurs y étant autorisés. Il facilite l’écriture collaborative de documents avec un minimum de contraintes. Créé en 2001, Wikipédia est devenu peu à peu le plus visité des sites web écrits avec un wiki.

   Le mot « wiki » vient du redoublement hawaiien wiki wiki, qui signifie « rapide ». Les wikis ont été inventés en 1995 par Ward Cunningham, pour réaliser la section d’un site sur la programmation informatique, et qu’il a appelé WikiWikiWeb. Au milieu des années 2000, les wikis ont atteint un bon niveau de maturité. Ils sont depuis lors associés à ce qui est nommé Web 2.0.

8. Raphaël Yharrassarry, 28 juillet 2009 à 16:10 :

   Pas moyens de faire ça dans l’espace membre ?

   > WIMP : Windows Icones Menus Pointing

   Dans les Années 1970, le Xerox PARC a développé les premières interfaces graphiques proposant une manipulation directe d’objets graphiques avec une souris en développant la métaphore du bureau. Pour cela, le PARC s’est appuyé sur les travaux de psychologues spécialistes du développement de l’enfant et de l’apprentissage, Jean Piaget et Jerome Bruner.

   Au début des années 1980, Apple est le premier à vendre en grande quantité un ordinateur proposant une interface WIMP. C’est le Macintosh. Son système d’exploitation deviendra le standard pour ce type d’interface.
   Encore aujourd’hui, la plupart des interfaces graphiques s’inspirent de celles développées pour le Macintosh.

   Les interfaces WIMP se caractérisent par la présence de fenêtres primaires contenant une représentation symbolique ou non des objets (données, logiciels, dossiers, textes, images,…). L’utilisation d’une souris permet d’agir (sélectionner, déplacer,…) sur ces objets. Les menus contiennent les actions et les propriétés applicables à ces objets. Ces actions et ces propriétés peuvent nécessiter un dialogue qui prendra place dans une fenêtre secondaire. L’utilisation de métaphores (icônes, bureau, dossiers,…) favorise la prise en main.

9. Raphaël Yharrassarry, 28 juillet 2009 à 16:19 :

   Si on parle d’interface WIMP et d’interface en ligne de commande, il faut aussi évoquer les interfaces hiérarchiques (comme l’ipod) et les interfaces textes (comme le minitel) ? Et si il faut faire un choix, je pense que les interfaces hiérarchiques sont plus répandues/utilisées que les interfaces textes ou en ligne de commandes.

10. Max, 28 juillet 2009 à 17:24 :

    Initiative super intéressante. Je serais ravi de m’y convier, mais comment faire pour participer … ?

11. Mathieu H, 28 juillet 2009 à 18:05 :

    Le « drag and drop », en français glissé-déposé, permet de déplacer un élément, fichier ou image, d’un endroit à un autre sur l’écran d’un micro ordinateur (pc ou mac).
    Pour réussir ce tour de force, il faut cliquer sur un élément graphique avec le bouton principal de la souris, garder ce bouton enfoncé, et ne le relâcher que lorsque le pointeur a atteint la cible voulue.

    Le meilleur exemple est de glisser un fichier de son emplacement sur l’écran pour la déposer sur l’icône de la poubelle (représenté par une corbeille à papier), et ainsi supprimer le fichier que l’on vient de déplacer. On peut ainsi transférer un fichier d’un endroit à l’autre sur un disque dur local ou distant en déposant son icône vers le répertoire de destination.
    On peut aussi déplacer un élément de texte au sein d’un document en le sélectionnant d’abord, puis en opérant un glisser-déposer de l’élément sélectionné vers l’endroit choisi.

    Extrait wikipedia :
    « Cette technique a été imaginé par Xerox PARC, puis étendue pour Lisa et Apple Macintosh, notamment pour l’exemple de la corbeille décrit plus haut. Aujourd’hui cette méthode est utilisée par toutes les interfaces graphiques. A ce jour il est parfois possible de faire un glisser-déposer de certaines ressources provenant d’une page web. »

12. Tim, 28 juillet 2009 à 18:10 :

    Dans l’hypothese d’une publication, et au vu du sujet abordé, ne serait-il pas interessant de se permettre une contribution non pas par la defintion mais aussi par l’exemple ?

13. bdrouillat, 28 juillet 2009 à 21:58 :

    Je pense que le plus pratique serait de disposer d’un site web dédié. J’y travaille…

14. Thibaut, 28 juillet 2009 à 22:26 :

    Ne te prends pas la tête. Le nouveau moteur de Wiki de la plateforme du design est déjà en place (XWiki), pour l’instant on a pas encore passé la base de données du site actuel dessus car on est en train de faire le skin mais on peut déjà te faire un espace brandé Designer Interactifs (logo, skin spécial DI, url et tout) voir un wiki indépendant en quelques clics si tu veux séparer les contenus dans le moteur de recherche de la plateforme.

15. Romain Camenen, 29 juillet 2009 à 11:42 :

    Pour faire un peu du 2 en un :
    Design d’information : la définition + la pensée qu’il faudrait l’intégrer dans la mise en forme des définitions de ce dictionnaire en devenir ! En effet quoi de mieux pour un dictionnaire de designers qu’une formalisation représentative de leur métier !?

    La définition wikipédia, qui une fois n’est pas coutume est très bonne, plus qques unes de mes réflexions :

    « Le design de l’information a été définie comme « l’art et la science de la préparation de l’information afin qu’elle puisse être utilisé par les êtres humains avec efficience et efficacité ». Terme apparu dans les années 70. Le design d’information signifie à la fois dessin et projet, qui traduit une information claire et directe. L’information utile n’ est pas un accroissement de la quantité d’informations mais tout au contraire une réduction de cette quantité par des regroupements pertinents. »

    > En effet pour moi le Design d’information est fondamental en ce qu’il permet de mettre d’accord un maximum de gens autour d’une idée ou d’un concept.
    Au delà d’un certain style graphique qui s’y rattache (exemple : clip de Royksopp – Remind Me ou les travaux d’Attoma ou encore Paul Kahn), je pense que c’est un outil NECESSAIRE pour mettre en perspective tout ou partie d’un projet, d’un business model, d’une idée de produit… Il permet de limiter l’ambiguité de la sémantique verbale pour clarifier par une logique formelle. Qui plus est, il permet de confronter la construction de l’esprit à ses incohérences et d’en avoir une vue d’ensemble, prémice à la compréhension des détails.

    Suite de la définition wikipédia :

    « Le design d’information ou le traitement graphique de l’information se définit comme l’arrangement des modèles d’organisation afin de fournir à l’utilisateur un contexte et un sens à l’information. Ce design, [...] se destine à structurer, à mettre en forme, en donnant à des informations des contenus et des valeurs complexes. Il est essentiellement constitué de deux composantes: Esthétique et fonctionnelle. »

16. Digital, 30 juillet 2009 à 7:35 :

    Vous êtes fous de demander ça, apparemment les gens ont du mal à rester objectifs (centrage sur le Mac pour WIMP, etc.)… En tous cas c’est certainement simple pour les acronymes dont la formulation entière doit presque se suffire à elle-même. Vous devriez faire celà sous la forme d’un Wiki ouverts aux utilisateurs inscrits.
    Maintenant, l’initiative est très bonne, je me prêterais bien au jeu (surtout que je l’ai commencé il y a longtemps pour mes cours), mais c’est un boulot monstre, il faut aussi recouper certaines entrées. Bon courage.

17. Thibaut Devrraux, 30 juillet 2009 à 12:44 :

    Bonjour Digital,

    Benoit à ouvert un site qui supporte l’édition en mode Wiki : http://www.designersinteractifs.org/dictionnaire/

    Tu peux y apporter des eclaircissements pour Wimp.

    Le principe du collaboratif c’est que chacun apporte un ou plusieurs bouts de la taille qu’il souhaite.

    Bonne journée

18. CAOUISSIN, 30 juillet 2009 à 19:00 :

    Script Design,
    Se dit de mises en formes plastiques réalisées en code. Le langage de programmation ActionScript que l’on utilise dans l’application Flash permet de réaliser de nombreuses interfaces qui répondent au concept du Script Design. Voir aussi Motion Design.

19. Lektum, 9 août 2009 à 16:07 :

    WEB DESIGN : processus global de conception et de création aboutissant à la réalisation d’un site web original et unique, et comprenant à la fois la conception éditoriale (design de contenus), la réflexion ergonomique (design d’interface), la direction artistique (design graphique), et la mise en page web (intégration HTML/CSS) et le développement web (programmation informatique).

    L’expression « Web design » est un anglicisme qui prête parfois à confusion en donnant à penser qu’il s’agit de la seule conception graphique d’un site web, alors que cela désigne la « conception web » de manière plus globale, conformément à la signification du terme « design » dans la langue anglaise.

    Le Web Design est le champ que recouvrent aujourd’hui des métiers assez variés tels que directeur artistique web, ergonome, architecte de l’information, intégrateur HTML, développeur Flash, etc.

20. Clement, 10 août 2009 à 11:12 :

    Je viens d’écrire la définition pour les interfaces tangibles.
    Juste une petite précision dans la liste donnée ici dans le billet, TUI ne signifie pas « Touch User Interface » mais bien « Tangible User Interface »

Laisser un commentaire