21 Février 2013 MARTINS Stéphanie VIEIRA Stella 21 Février 2013

 Définition : Interface utilisateur Dispositif qui permet à un usager de manipuler la machine.  Google et Apple ont chacun révolutionné l'interface utilisateur, comment ? Plan : I.Google  Avant Google  L’ évolution de Google II.Apple   Historique  Situation actuelle Introduction

Trois types :  L´interface système : dispositif qui permet à l'utilisateur de commander un système d'exploitation.  L´interface graphique :dispositif dans lequel les objets à manipuler sont présentés sous forme de pictogrammes sur lesquels l'usager peut imiter des manipulations physiques avec une souris.  L´interface en ligne de commande : dispositif dans lequel l'utilisateur peut saisir des phrases correspondant aux opérations à effectuer. Introduction Interface graphique Interface système Interface en ligne de commande

 Avant Google : Interface moteur de recherche Yahoo 1997 Chargé en contenue Chargée en pub Longue à afficher I.GOOGLE

 Avant Google : PREMIERE INTERFACE GOOGLE I.GOOGLE Mention Copyright

JAVAJAVASCRIPT plus rapide intégré au navigateur menus déroulants boutons fenêtres de dialogue éléments graphiques… I.GOOGLE

les widgets : pour la plupart des éléments de formulaires mais aussi des menus s’affichant au survol de la souris, des boutons enrichis en image etc. ; les panneaux : pour découper aisément la page en zones distinctes, étirables ou non, de manière proportionnelle ou au pixel près ; les listes : les classiques listes déroulantes mono ou multi-critères, des arborescences ou encore des listes d’autosuggestion lors de saisie dans des champs de texte ; les textes : prise en charge de la sélection du texte, éditeur visuel enrichi ; les fenêtres : fausses-fenêtres (popup) déplaçables ou pas et écartant les problèmes de rendus dus aux éléments HTML/FLash. I.GOOGLE Web Toolkit (GWT)

I.GOOGLE Personnalisation graphique Personnalisation du contenu

I.GOOGLE

 Historique II.Apple

 Historique  LISA : Sa souris et surtout son premier OS (Operating System) à interface graphique (avec les fameuses fenêtres)  Macintosh : Interface graphique intégrée au système d’exploitation. II.Apple "Hello, I am Macintosh and I am glad to be out of that bag"

 Historique II.Apple

 Historique  Système 7 : Interface en couleur, apparition du gestionnaire d’application.  Système 8 : Interface en 3D et platine Réduction des fenêtres Tableau de bord Apparence Centre d’aide Multi-utilisateur ( 9 ) II.Apple

 Historique II.Apple

 Historique 2000 : MAC OS X BETA Aqua, interface utilisateur : couleurs, le relief et la transparence Outil de recherche -> Boutons pour présentation Dock : icônes libres 2002 : Jaguar iChat : logiciel de discussion sur Internet Dock : fond blanc, nombre d’éléments II.Apple

 Historique II.Apple

 Historique 2003 : Panther Finder : colonne à gauche : accès aux fichiers Fast User Switching : comptes utilisateurs sans fermer -> multiutilisateur (effet cube) Exposé : combinaisons de déplacement des fenêtres 2005 : Tiger Indexation et recherche de fichiers (Spotlight) (« iTunes » pour fichiers) II.Apple

 Historique II.Apple

 Historique : Leopard Time Machine : outil de sauvegarde des fenêtres Dock en 3D Présentation Cover Flow dans le Finder BootCamp pour Windows Snow Leopard : Dock adopte Exposé (fenêtre ouverte par chaque application) Handicapés : écrans en braille, lecture à haute voix des pages Web II.Apple

 Aujourd’hui : OS X Mountain Lion sortie le 16 Février 2012 II.Apple Adopte les fonctionnalités des interfaces tactiles Mission Control : ensemble des fonctions piloté par son touchpad Launchpad = écran d’accueil de l’iPad (widgets) ShareSheets : partager les médias par 1 simple clic iCloud, iMessages remplace iChat Centres de notifications (alertes) Dictée

 Ces deux entreprises se différencient de leurs concurrents par leur interface simple, épurée, instinctive. Apple insiste sur le design et l’ergonomie de ses produits.  De plus, à l’ère actuelle, cet interface ne se limite plus qu’à l’ordinateur mais aux Smartphones, aux tablettes tactiles. Conclusion

utilisateurs-(4)-linterface-graphique/ html revolutionne-l-informatique-grand-public htm?p= prochaine-revolution-des-interfaces-homme-machine mountain-lion-en-dix-etapes/#diaporama Webographie