Une interface utilisateur graphique (GUI en abrégé) permet aux utilisateurs d'interagir avec le matériel informatique de manière conviviale.
Au fil des ans, une gamme de GUI a été développée pour différents systèmes d'exploitation tels que OS / 2, Macintosh, Windowsamiga, Linux, Symbian OS, etc.
Nous examinerons l'évolution des conceptions d'interface des principaux systèmes d'exploitation depuis les années 80.
Je dois mentionner que cet article ne présente que les avancées significatives en matière de conception d’interfaces graphiques (et non d’avancées du système d’exploitation), ainsi que toutes les interfaces utilisateur graphiques et tous les systèmes d’exploitation existants.
Le premier GUI a été développé par des chercheurs de Centre de recherche Xerox Palo Alto (PARC) dans les années 70. Cette recherche a ouvert une toute nouvelle ère d'innovations informatiques.
Le premier ordinateur personnel utilisant une interface graphique moderne était le Xerox Alto , développé en 1973. Ce n'était pas un produit commercial et était principalement destiné à la recherche dans les universités.
C'était le premier système appelé ordinateur de bureau entièrement intégré, y compris les applications et une interface graphique. Il était connu sous le nom de "The Xerox Star" , plus tard renommé "ViewPoint" et plus tard renommé "GlobalView" .
Xerox 8010 Star, Source: toastytech.com
Aussi appelé Lisa OS, qui dans ce cas est court pour Office System. Il a été développé par Apple avec l’intention d’être un poste de travail de traitement de documents.
Malheureusement, cette station de travail n'a pas duré, elle a été détruite par le système d'exploitation Macintosh d'Apple, plus abordable.
Il y a eu des mises à niveau vers Lisa OS, Lisa OS 2 en 1983 et Lisa OS 7/7 3.1 en 1984, qui ont mis à niveau le système lui-même, mais pas l’interface graphique.
Apple Lisa OS 1, Source: Guide
Apple Lisa OS 1, Source: Guide
Visi On était la première interface graphique de bureau développée pour le PC IBM. Ce système était destiné aux grandes entreprises et présentait un prix élevé. L'interface graphique utilisait une souris, elle disposait d'un programme d'installation et d'un système d'aide intégrés et n'utilisait pas d'icônes.
VisiCoprt Visi On, Source: toastytech.com
VisiCoprt Visi On, Source: toastytech.com
System 1.0 était le premier système d'exploitation développé pour le Macintosh. Il possédait plusieurs fonctionnalités d'un système d'exploitation moderne, à savoir des fenêtres basées sur des icônes. Les fenêtres peuvent être déplacées avec la souris et les fichiers et dossiers peuvent être copiés en les faisant glisser vers l'emplacement cible.
Apple Mac System 1.0, Source: toastytech.com
À sa sortie, Amiga était en avance sur son temps. L'interface graphique inclut des fonctionnalités telles que des graphiques couleur (quatre couleurs: noir, blanc, bleu, orange), le multitâche préemptif, le son stéréo et les icônes multi-états (sélectionnés et non sélectionnés).
Amiga Workbench 1.0, source: Guide
Amiga Workbench 1.0, source: Guide
Cette année, Microsoft a finalement rattrapé l’engouement pour l’interface graphique et a lancé Windows 1.0, son premier système d’exploitation basé sur l’interface graphique (bien que personne n’ose en parler comme tel). Le système comportait des icônes de 32 × 32 pixels et des graphiques couleur. La caractéristique la plus intéressante (qui a ensuite été omise) était l'icône de l'horloge analogique animée.
Microsoft Windows 1.01, source: makowski-berlin.de
Microsoft Windows 1.01, source: makowski-berlin.de
GEM (Graphical Environment Manager) était une interface graphique de style fenêtré créée par Digital Research, Inc. (DRI). Il a été initialement créé pour être utilisé avec le système d'exploitation CP / M sur les microprocesseurs Intel 8088 et Motorola 68000 et a ensuite été développé pour fonctionner sous DOS. La plupart des utilisateurs se souviendront de GEM comme interface graphique pour les ordinateurs Atari ST. Il a également été utilisé sur une série d’ordinateurs IBM compatibles Amstrad. C'était le noyau de Ventura Publisher et quelques autres programmes DOS. L'interface graphique a également été portée sur d'autres ordinateurs, mais n'a pas gagné en popularité.
La source: Wikipédia
Le système d'exploitation IRIX 64 bits a été créé pour UNIX. Une caractéristique intéressante de cette interface graphique est le support des icônes vectorielles. Cette fonctionnalité a été intégrée à l’interface graphique avant même que Mac OS X n’existe.
Silicon Graphics IRIX 3.0, Source: osnews.com
Le système d'exploitation GEOS (Graphic Environment Operating System) a été développé par Berkeley Softworks (plus tard GeoWorks). Il a été initialement conçu pour le Commodore 64 et comprenait un traitement de texte graphique, appelé geoWrite, et un programme de peinture appelé geoPaint.
La source: Wikipédia
Dans cette version, la gestion réelle des fenêtres s’était considérablement améliorée. Les fenêtres peuvent être superposées, redimensionnées, maximisées.
Microsoft Windows 2.03, source: guidebookgallery.org
Microsoft Windows 2.03, source: guidebookgallery.org
OS / 2 a été à l'origine co-développé par IBM et Microsoft, mais en 1991, les deux sociétés se sont scindées, Microsoft intégrant cette technologie dans sa propre interface graphique Windows et IBM développant davantage OS / 2. L'interface graphique utilisée dans OS / 2 s'appelait "Presentation Manager". Cette version de l'interface graphique ne prend en charge que les icônes fixes monochromes.
Microsoft-IBM OS / 2 1.1, source: pages.prodigy.net
Microsoft-IBM OS / 2 1.1, source: pages.prodigy.net
Steve Jobs a eu l'idée de créer l'ordinateur de recherche idéal pour les universités et les laboratoires de recherche. Cette idée a ensuite évolué pour devenir une startup appelée NeXT Computer Inc.
Le premier ordinateur NeXT a été lancé en 1988, mais d'importants progrès ont été réalisés en 1989 avec la sortie de l'interface graphique NeXTSTEP 1.0, qui a ensuite évolué pour devenir OPENSTEP.
Les icônes de l'interface graphique étaient plus grandes (48 × 48) et introduisaient davantage de couleurs. L'interface graphique était initialement monochrome, mais la version 1.0 a également pris en charge les moniteurs couleur. Cette capture d'écran vous donne un aperçu de ce qui deviendrait les interfaces graphiques modernes.
NeXTSTEP 1.0, Source: kernelthread.com
La prochaine mise à niveau de la version mineure de l'interface graphique a montré de légères améliorations dans de nombreux domaines. Les icônes étaient plus belles et les fenêtres plus douces.
OS / 2 1.2, Source pages.prodigy.net
Avec cette version, Microsoft avait réalisé le réel potentiel des interfaces graphiques et commencé à les améliorer de manière significative.
Le système d'exploitation lui-même supportait les modes standard et 386 améliorés, qui utilisaient une capacité de mémoire supérieure à 640 Ko et de l'espace disque, permettant d'utiliser des résolutions d'écran supérieures et de meilleurs graphiques, tels que Super VGA 800 × 600 et 1024 × 768. .
En outre, Microsoft a embauché Susan Kare concevoir les icônes Windows 3.0 et ajouter un style unifié à l'interface graphique.
Microsoft Windows 3.0, source: toastytech.com
Microsoft Windows 3.0, source: toastytech.com
De nombreuses améliorations ont été apportées à cette version de l'interface graphique. La palette de couleurs a changé et un aspect 3D a été introduit. Le bureau pourrait être divisé verticalement en écrans de différentes résolutions et profondeurs de couleurs, ce qui semble aujourd'hui un peu étrange. La résolution par défaut de Workbench était de 640 × 256, mais le matériel supportait également des résolutions plus importantes.
Commodore Amiga Workbench 2.04, Source: guidebookgallery.org
Mac OS version 7.0 était la première interface graphique de Mac OS prenant en charge les couleurs. De subtiles nuances de gris, de bleu et de jaune ont été ajoutées aux icônes.
Apple Mac OS System 7.0, Source: guidebookgallery.org
Apple Mac OS System 7.0, Source: guidebookgallery.org
Cette version de Windows comprenait des polices TrueType préinstallées. Cela a effectivement fait de Windows une plate-forme de publication assistée par ordinateur fonctionnelle pour la première fois.
Auparavant, il était uniquement possible d'obtenir de telles fonctionnalités dans Windows 3.0 en utilisant le système de polices Adobe Type Manager (ATM) d'Adobe. Cette version contenait également un jeu de couleurs nommé Hotdog Stand, qui contenait des nuances vives de rouge, de jaune et de noir.
Ce schéma de couleurs a été conçu pour aider les personnes présentant un certain daltonisme à voir les textes / graphiques à l’écran plus facilement.
Il s’agissait de la première interface graphique soumise à des tests d’acceptation, d’utilisabilité et d’accessibilité internationaux. L'interface graphique complète a été développée en utilisant une conception orientée objet. Chaque fichier et dossier était un objet pouvant être associé à d'autres fichiers, dossiers et applications. Il supportait également les fonctionnalités et les modèles de glisser-déposer.
IBM OS / 2 2.0, source: toastytech.com
IBM OS / 2 2.0, source: toastytech.com
L'interface utilisateur a été complètement repensée depuis la version 3.x. C'était la première version de Windows où un petit bouton de fermeture était ajouté à chaque fenêtre.
L'équipe de conception a donné des états (activés, désactivés, sélectionnés, cochés, etc.) aux icônes et autres graphiques. Le célèbre bouton Démarrer est apparu pour la première fois.
Ce fut un grand pas en avant pour Microsoft en ce qui concerne le système d'exploitation lui-même et l'interface graphique unifiée.
Microsoft Windows 95, source: guidebookgallery.org
Microsoft Windows 95, source: guidebookgallery.org
IBM a publié OS / 2 Warp 4 qui a apporté un important lifting à l’espace de travail.
Les icônes étaient placées sur le bureau, où des fichiers et des dossiers personnalisés pouvaient également être créés. La déchiqueteuse est apparue, qui était similaire à la corbeille de Windows ou à la corbeille de Mac OS, sauf qu'elle supprimait instantanément le fichier ou le dossier et ne stockait aucune copie supplémentaire pour une récupération ultérieure.
IBM OS / 2 Warp 4, Source: toastytech.com
IBM OS / 2 Warp 4, Source: toastytech.com
256 icônes de couleur étaient la valeur par défaut dans cette version de l'interface graphique. Mac OS 8 était l'un des premiers utilisateurs d'icônes de style isométrique, également appelées icônes pseudo-3D. Le thème gris platine utilisé ici est devenu une marque de commerce pour les futures versions de l'interface graphique.
Apple Mac OS 8, Source: guidebookgallery.org
Les styles d'icônes étaient presque les mêmes que ceux de Windows 95, mais toute l'interface graphique pouvait utiliser plus de 256 couleurs pour le rendu. Windows Explorer a presque complètement changé et le "Active Desktop" est apparu pour la première fois.
Microsoft Windows 98, source: toastytech.com
Voici comment l’équipe KDE a décrit le projet lors de la sortie de la version 1.0: «KDE est un environnement de bureau contemporain et transparent pour les stations de travail UNIX. KDE cherche à combler le besoin d'un ordinateur de bureau facile à utiliser pour les stations de travail Unix, semblable aux environnements de bureau disponibles sous MacOS ou Window95 / NT. Une plate-forme informatique totalement gratuite et ouverte à la disposition de tous, y compris son code source à modifier. "
Le système d'exploitation BeOS a été développé pour les ordinateurs personnels. Il a été écrit par Be In en 1991 pour être exécuté sur du matériel BeBox. Il a ensuite été développé pour tirer parti des nouvelles technologies et du matériel tel que le multitraitement symétrique en utilisant la bande passante E / S modulaire, le multithreading omniprésent, le multitâche préemptif et un système de fichiers de journalisation 64 bits personnalisé appelé BFS. L’interface graphique de BeOS a été développée sur la base des principes de clarté et de conception propre et épurée.
La source: Wikipédia
Le bureau GNOME a été principalement développé pour Red Hat Linux, plus tard il a également été développé pour d’autres distributeurs Linux.
Red Hat Linux GNOME 1.0.39, Source: visionfutur.com
Au début des années 2000, Apple a annoncé sa nouvelle interface Aqua et, en 2001, la société l'a publié avec son tout nouveau système d'exploitation appelé Mac OS X.
Les icônes par défaut 32 x 32 et 48 x 48 ont été remplacées par de grandes icônes anti-aliasing et semi-transparentes de 128 x 128.
Beaucoup de critiques ont suivi après la sortie de cette interface graphique. Apparemment, les utilisateurs n'étaient pas tout à fait prêts pour un tel changement, mais assez tôt ils ont adopté le nouveau style et aujourd'hui, cette interface graphique représente la base de tous les systèmes d'exploitation Mac OS X.
Apple Mac OS X 10.1 Source: guidebookgallery.org
Comme Microsoft a tendance à changer complètement son interface graphique avec chaque version majeure du système d’exploitation, Windows XP n’a pas fait exception. L'interface graphique elle-même est personnalisable, les utilisateurs peuvent modifier l'apparence de l'interface. Les icônes étaient de taille 48 x 48 par défaut, rendues en millions de couleurs.
Microsoft Windows XP Professionnel, source: guidebookgallery.org
Depuis la version 1.0, l'environnement de bureau K s'est considérablement amélioré. Ils ont affiné tous les graphiques et les icônes et ont unifié l'expérience utilisateur.
C'était la réponse de Microsoft à leurs concurrents. Ils ont également inclus beaucoup de 3D et d'animation. Depuis Windows 98, Microsoft a toujours essayé d'améliorer le bureau. Avec Windows Vista, ils ont publié des widgets et un remplacement quelque peu amélioré de Active Desktop.
Microsoft Windows Vista, Source: technology.berkeley.edu
Avec leur 6ème génération, le système Mac OS X d'Apple a encore amélioré l'interface utilisateur. Le GUI de base est toujours l'Aqua avec ses barres de défilement de bonbons et ses couleurs bleu platine gris. La nouvelle interface graphique offre un aspect plus 3D, avec le dock 3D et bien plus d’animation et d’interactivité.
Apple Mac OS X 10.5 Leopard, Source: skattertech.com
GNOME a déployé beaucoup d'efforts pour créer les thèmes et les illustrations dans la version 2.2.4, car leur objectif est de "rendre votre ordinateur plus esthétique". Ils ont organisé un concours pour collecter certains des arrière-plans de bureau les plus intrigants que leurs contributeurs ont produits pour la v2.24.
La source: gnome.org
La version 4 de K Desktop Environment a apporté de nombreuses améliorations à l’interface graphique, telles que la gestion des fenêtres animées, fluides et efficaces, ainsi que la prise en charge des widgets de bureau. La taille des icônes est facilement ajustable et presque tous les éléments de conception sont beaucoup plus faciles à configurer. Parmi les modifications les plus notables, citons les nouvelles icônes, les thèmes et les sons fournis par le projet Oxygen. Ces icônes sont plus photoréalistes. C'est certainement une grande amélioration par rapport aux versions précédentes de KDE. Il peut désormais être exécuté sur les plates-formes Windows et Mac OS X.
Écrit et compilé exclusivement pour WDD par Gyorgy Fekete.
Que pensez-vous de l'évolution de ces designs? Quelles autres améliorations souhaiteriez-vous voir? S'il vous plaît partager avec nous ...