Design numérique

Graphical User Interfaces 1900 - 1986

Une interface graphique (GUI, Graphical User Interface) est une interface permettant à l'utilisateur d'un ordinateur d'utliser les commandes d'un programme par le biais d'éléments graphiques, notemment à l'aide de l'interaction clique. On lui oppose les interfaces dites "en ligne de commande" (CLI, Command Line Interfaces), où l'interaction se fait exclusivement par le biais du texte, où les commandes sont écrites, puis lancées.

1901 > Téléscripteurs / télétypes (en teleprinters / télétypewritters)

Les téléscripteurs sont des machines inventées au début du XXe siècle (commercialisée dans les années 30) qui permettent d'envoyer / recevoir des messages transmis à la base, par l'intermédiaire du réseau télégraphique. Cette invention est née du besoin d'employer des personnes non-formées au code morse pour la transmission des messages. Le code utilisé historiquement, basé sur 5 bits, s'appelle le code Baudot. Les téléscripteurs furent également utilisés au début de l'informatique comme dispositifs d'entrée / sortie (output/input) d'informations, comme intermédiaires entre l'ordinateur et l'opérateur. Les programmes de Terminal, largement utilisés par les programmeurs et administrateurs systèmes aujourd'hui, sont littéralement une version numérique des téléscripteurs. Un héritage direct est que sous certains OS / distributions, les fenêtres du Terminal en opération se voient attribuer un id unique, commençant par les initiales tty pour télétypewritter :)

Source: https://www.britannica.com/technology/teleprinter

1945 > Memex

Le Memex est un dispositif electromécanique d’extension de la mémoire humaine imaginé par l'ingénieur américain Vannevar Bush dans un article de 1945 intitulé As We May Think, considéré comme précursseur du web et pionier du concept d’hyperliens.

1963 > Sketchpad

Sketchpad est un programme de dessin vectoriel mis au point par le programmeur américain Ivan Sutherland en 1963. Il est considéré comme l’ancêtre des locigiciels de PAO (CAD en anglais). Il est le premier programme à utiliser une Interface Graphique (GUI), et un stylet (light pen).

1964 > La souris

L'invention de la souris d’ordinateur est attribuée aux ingénieurs américains Douglas Engelbart et Bill English, dans le cadre d'un programme de recherche à l'université de Stanford initié par Engelbart intitulé Augmenting Human Intellect: A Conceptual Framework. La souris fut introduite au public en 1968 à San Fransicso au cours la Fall Joint Computer Conference lors d’une présentation rétrospectivement appellée The Mother of All Demos, où Engelbart fait la démonstration en direct des fonctionnalité d'un ordinateur expérimental mise au point à Stanford.

Source: https://www.computerhistory.org/revolution/input-output/14/350

1973 > Xerox PARC et l’ordinateur ALTO

En 1969, l'entreprise de photocopieurs XEROX décide de financer un programme de recherche sur le thème "Le bureau de demain" et l'installe en Californie, à Palo Alto, au coeur de ce qui deviendra bientôt la Silicon Valley. L'équipe met au point la première station de travail personelle, ou ordianateur personnel, complètement à contre-courant de l'informatique de l'époque. Celui-ci dispose d'un clavier, d'une souris, d'un écran et surtout d'une Interface Graphique, la première du genre. C'est à cette équipe de recherche que nous devons l'invention de la métaphore du bureau, toujours utilisée par les interfaces graphiques contemporaines. Cet ordinateur ne sera jamais commercialisé pour le grand public (prix autour de 120.000 USD 2021), mais inspirera de nombreux inventeurs, notemment un certain Steve Jobs passé visité le centre en 1979.

MICROS-ORDINATEURS

1977 > Apple II

En 1977, la toute jeune compagnie Apple lance l’un des premiers micro-ordinateurs utilisable tel quel: l’Apple II. La même année, sont lancés le PET Commodore et le TRS-80, eux aussi complètement intégrés. Le magazine Byte les surnomera la Trinité de 1977. À eux trois, ils totalisent des millions de ventes. Les micro-ordinateurs accessibles au grand public existent déjà depuis quelques années mais sont fournis sans écran, sans souris et parfois même avec des composants qu'il faut souder soi-même ! (Altair 8800, 1975). Ces caractéristiques les rendent très personalisables et favorise l'utilisation de standards ouverts, car les différents matériels (hardware) et logiciels (software), fabriqués et programmés par des entreprises / personnes différentes doivent être compatibles entre eux. Mais les ordinateurs restent difficiles d'accès au grand public à cette époque, jusqu’à l’apparition des mirco-ordinateurs. Les premiers OS de ces machines n'utilisaient pas encore l'interface graphique tel que nous la connaissons aujourd'hui: il faut attendre les générations suivantes de logiciels.

Source: https://fr.wikipedia.org/wiki/Apple_II
Première interface de l’Apple II, source: https://guidebookgallery.org/

1978 > Computerized Bulletin Board System

Le premier BBS (Bulletin Board System), appellé Computerized Bulletin Board System est programmé en 1978 par deux ingénieurs Ward Christensen et Randy Suess, pour pouvoir communiquer alors qu'ils sont empêchés de se rencontrer en vrai par une tempête de neige (de nombreuses inventions logiciels viennent d'individus qui inventent des programmes pour leurs propre usages). Les BBS, "tableaux d'affichages numériques" sont les ancêtres des sites web et ressemblent fortement dans leur fonctionnement aux désormais tombés en désuétude forums (excepté pour stack overflow, un forum absoluement incoryable dont je parle souvent en cours). Il s'agit de programmes permettant de laisser / receveoir des messages, et ainsi d'échanger sur des sujets en différé. Il est également possible de partager des fichiers (notemment des jeux) depuis ces serveurs. La transmission des données passe par le réseau téléphonique de bout en bout (internet n'a pas encore été inventé!), qui permet aux ordinateurs de communiquer entre eux grâce aux modems, qui encode / décode les signaux transmis analogiquement. L'utilisation du réseau téléphonique implique que les BBS conservent une communauté locale car les appels longue distance (USA) ou à l'étranger coûtent cher, ce qui peut paraître dingue à nous autres fervants internautes du 21e siècle. L'interface des logiciels clients des BBS est en ligne de commande, limitée aux formats et aux capacités des systèmes et écrans de l'époque, ce qui les rendent particlulièrement intéréssants du point de vue inventivité et économie de moyens. Ces logiciels disparurent progressivement avec l’arrivée d’internet et du web.

1983 > Apple Lisa

En 1983, Apple commercialise l’Apple Lisa, à un prix si élevé qu'il sera un flop commercial. Néanmoins, cet ordinateur est resté dans l'histoire comme le premier accessible au grand public comportant une interface graphique telle que nous la connaissons aujourd'hui. L'interface était en noir et blanc seulement, avec un écran 12 pouces, en résolution 720 x 364 pixels.

Source: http://toastytech.com/

1983 > VisiOn

En 1983, IBM lance le systèle d'exploitation VisiOn, dotée la première interface graphique compatible avec ses IBM PC. Celui-ci sera un flop du fait de ces exigences matérielles trop élevées et de sa générale lenteur.

1984 > Apple Macintosh

En 1984, Apple lance le Macintosch, qui sera un immense succès commercial. Celui-ci n'est pas aussi sophistiqué et puissant que l'Apple Lisa, mais il coût 4 fois moins cher. Ce qui ne fait néanmoins pas de l'Apple Macintosh un ordinateur bon marché: l'ordre de prix est même supérieur à celui d'aujourd'hui, les ordinateurs Apple étant bien plus chers que leurs concurents (à l'époque principalement l’IBM PC). Il sera le premier a utilisé les dessins typographiques et d'icones de la designeuse américaine Susan Kare (une exposition lui étant consacré a été organisée en 2022 au musée de l'imprimerie de Lyon https://www.imprimerie.lyon.fr/fr/susan-kare). Elle est notemment la créatrice de plusieurs dessins et métaphores nous étant aujourd'hui familiers, tel que la corbeille (pour la supression de fichiers) ou la disquette / le disque dur (pour accéder au système de fichier). Sur ce modèle, l'utilisateur pouvait utiliser deux logiciels révolutionaires qui poseront les bases des logiciels WYSIWYG de dessins numériques et de mise en page de texte: MacPaint et MacWrite. Mac Write est le premier programme offrant plus d'une police de caractères et surtout des polices de caractères non-monospace grâce aux évolutions du matériel et logciel, se détachant ainsi des desssins de la machine à écrire. Toutes les polices disponibles sont déssinées par Susan Kare, et nommée d'après des capitales. À cette époque, les typographies numériques sont encodée en bitmap, c'est-à-dire en pixels, avec une image par caractère et par corps de caractère. De nos jours, les typographies sont encodées en vecteurs, c'est-à-dire par une suite de coordonnées qu'il est possible de mettre à l'échelle pour chaque corps. Les fichiers de fonts sont de ce fait plus légers, mais la puissance de calcul nécéssaire pour les rendre à l'écran a augmenté.

GUI Mac 1984, source: http://toastytech.com/
GUI Mac 1984, source: http://toastytech.com/
GUI Mac 1984, source: http://toastytech.com/
GUI Mac 1984, source: http://toastytech.com/
Mac Paint, source: http://toastytech.com/
Mac Paint, source: https://winworldpc.com/

1985 > Windows 1, Amiga 1000

En 1985, Microsoft lance la première version de Windows! Le système d'exploitation produit par Microsoft est jusqu'ici MS-DOS, qui n'a pas d'interface graphique. La même année, Commodore introduit l'OS Amiga 1000.

1986 > Tandy Personal Desk Mate

Tandy Personal Deskmate est un logiciel d'interface graphique qui fonctionnait avec le système d'exploitation MS-DOS.


Ressources