Navigation sur le Web sous Windows 8 Consumer Preview avec IE10

Conception de Windows 8

Vision en coulisses de l'équipe d'ingénierie Windows

Navigation sur le Web sous Windows 8 Consumer Preview avec IE10

  • Comments 8

Dans ce billet, nous souhaitons parler de la nouvelle forme de navigation d'Internet Explorer 10. Nous avons considérablement amélioré le moteur de navigation sous-jacent en termes de performances, normes et fonctionnalités, comme nous l'avons déjà indiqué dans des blogs précédents. IE10 conçu pour une expérience de style Metro incarne un nouveau mode de navigation amélioré qui vous permet de vraiment vous concentrer sur les informations que vous souhaitez parcourir et non sur la navigation elle-même. Il s'agit d'une véritable immersion. Elle fournit en même temps toute la sécurité et tous les contrôles auxquels vous êtes habitué, dont les onglets, les raccourcis clavier et la navigation InPrivateRob Mauceri, chef de projet pour Internet Explorer, est l'auteur de ce billet.
--Steven


Afin de vous offrir ce qui se fait de mieux en matière de navigation sur tous les périphériques Windows 8, nous avons réimaginé l'architecture et l'expérience utilisateur du navigateur Web avec Internet Explorer 10.

Nous avons créé une nouvelle façon de naviguer qui est conforme à Windows 8 pour vous donner tous les avantages offerts par les applications de style Metro. Pour ce faire, nous avons étendu l'architecture sous-jacente d'IE pour fournir un moteur de navigation rapide avec accélération matérielle complète, qui assure une prise en charge optimale de HTML5 et des autres normes Web, ainsi qu'un haut niveau de sécurité.

Dans Windows 8 Consumer Preview, le résultat est une expérience Web de style Metro. IE10 est conçu pour rendre l'interaction avec les sites Web rapide et fluide aussi bien pour le tactile que pour la souris et le clavier. Avec IE10, les sites Web participent à l'expérience de style Metro dans Windows 8, y compris l'écran d'accueil, les « charms », l'ancrage et bien plus. IE10 assure par ailleurs la meilleure protection possible à l'encontre des programmes malveillants sur le Web tout en permettant de contrôler réellement votre confidentialité en ligne.

En concevant et en perfectionnant la navigation de style Metro pour la version Consumer Preview, nous avons réalisé que cette manière de naviguer était meilleure, que ce soit sur un ordinateur de bureau avec grand écran, souris et clavier, ou sur un appareil mobile tactile. Alors que les gens naviguent davantage « sans chrome » (c'est-à-dire avec une interface débarrassée de ses éléments classiques tels que les barres de titre, les barres de défilement ou les cadres de fenêtre), ils se sont maintenant habitués à une navigation plus immersive et moins manuelle par rapport au Bureau. La navigation de style Metro vous offre une expérience des sites immersive et plein écran. Avec IE et Windows 8, vous avez toujours la possibilité d'utiliser les « charms » pour agir comme vous le souhaitez avec un site Web (par exemple partager, imprimer, rechercher…). Nous avons découvert qu'un grand nombre de personnes (même les plus passionnés qui naviguent énormément) préfèrent la navigation de style Metro, car elle est moins manuelle et davantage centrée sur l'objet de votre navigation, et non sur la façon dont vous naviguez.


Téléchargez cette vidéo pour la regarder sur votre lecteur habituel :
MP4 haute qualité | MP4 faible qualité

Avec IE10 sous Windows 8 Consumer Preview, la navigation sur le Web est rapide et fluide.

Pour pour d'informations sur les détails techniques et découvrir les améliorations architecturales apportées au moteur de navigation HTML5 « Trident » sous-jacent et au moteur JavaScript Chakra, consultez le blog IE.

Le navigateur Web de style Metro

Nous avons conçu l'expérience utilisateur d'IE10 exclusivement autour de tous les modèles de conception du style Metro, afin qu'elle soit rapide et fluide même pour une navigation quotidienne la plus intense qui soit.

Nous avons fait en sorte que l'interface et les contrôles soient présents quand vous en avez besoin et hors de vue lorsqu'ils deviennent inutiles. Nous avons également intégré toutes les fonctions dont les gens ont besoin pour leur navigation sur le Web de tous les jours : une bonne prise en charge du clavier tactile pour les formulaires, une vérification orthographique intégrée avec la correction automatique, une recherche de texte sur la page, etc. L'expérience utilisateur suit les modèles du style Metro et les conventions concernant la personnalité, les animations, l'activation des commandes et la prise en charge des « charms », ancrages et autres fonctions de Windows 8.


Site Web Jetsetter affiché en mode plein écranIE10 met vos sites en avant grâce à un affichage occupant tout l'écran qui utilise
chaque pixel pour le Web.

8 onglets en haut de l'écran, barre d'adresses et autres commandes en basLes onglets sont disponibles mais restent hors de vue tant que vous n'en avez pas besoin.

IE10 est rapide et fluide pour le Web du monde réel, pas seulement pour les versions mobiles des sites. Nous avons rendu IE hyper réactif face au tactile, à la souris et au clavier. Le navigateur de style Metro offre plus qu'une navigation sur un périphérique tactile, une navigation purement tactile. Vous pouvez le ressentir à la réactivité sous votre doigt de la prise en charge tactile lorsque vous effectuez un déplacement et un zoom, faites glisser votre doigt vers l'avant ou l'arrière pour naviguer sur une page et lorsque vous appuyez deux fois pour effectuer des zooms avant et arrière sur le contenu. Les menus contextuels et les contrôles de formulaire sont optimisés pour le tactile. Le navigateur répond de façon fluide à l'orientation du périphérique (s'adaptant doucement aux mises en page Paysage et Portrait) et « ancrant » des applications Windows 8 à côté de lui. IE10 améliore également la navigation sur le Web avec la souris et le clavier en prenant en charge les raccourcis clavier que vous attendez, ainsi que les activations pratiques à l'aide de la souris pour naviguer vers l'avant ou l'arrière.

IE10 de style Metro appréhende la navigation d'une manière à la fois moderne et différente. Il se concentre entièrement sur les sites Web que vous parcourez, au lieu de se consacrer à toute l'activité de gestion des onglets et des fenêtres qui a jusqu'ici caractérisé la navigation. En interne, nous l'avons utilisé comme navigateur principal sur des ordinateurs portables et sur des stations de travail de bureau, avec des écrans tactiles aussi bien qu'avec des claviers et des souris. Des vignettes des sites Web présentes sur l'écran d'accueil à l'expérience Web plein écran immersive, nous avons conçu IE sous Windows 8 pour qu'il soit votre navigateur de tous les jours sur le Web du monde réel.

Les vignettes de navigation sont conçues pour vous aider à rechercher des sites et à y accéder immédiatement à l'aide de l'icône et de la couleur du site tout en minimisant vos saisies. IE vous montre les sites fréquemment consultés, ainsi que ceux que vous avez épinglés sur l'écran d'accueil.

Sites fréquents et épinglés affichés sous forme de vignettes dans IE

Accédez à vos sites les plus importants rapidement grâce aux vignettes de navigation

Lors de votre saisie dans la barre d'adresses, les vignettes de navigation sont filtrées pour afficher les sites de votre historique, de vos favoris et même d'URL fréquemment consultées. Avec les comptes connectés et itinérants de Windows 8, votre historique de navigation et vos favoris voyagent avec vous. Vous pouvez ainsi sur tous vos PC accéder facilement aux pages Web que vous avez récemment consultées.

Onglets : naviguer sur plusieurs pages Web est l'essence même de toute bonne expérience Web. L'outil de basculement des onglets de style Metro apparaît lorsque vous faites glisser votre doigt vers l'intérieur de l'écran à partir du haut ou du bas, cliquez avec le bouton droit de la souris ou appuyez sur la touche Windows + Z du clavier :

7 onglets affichés avec des boutons pour ajouter un onglet, créer un onglet InPrivate et nettoyer les onglets.

Les onglets actifs s'affichent sous forme de pages miniatures accompagnées de titres dans du texte superposé. Les onglets disposent d'un bouton pratique de fermeture et d'un bouton permettant de créer un onglet ou un nouvel onglet InPrivate. IE10 affiche les 10 derniers onglets que vous avez utilisés, ce qui facilite la gestion de vos onglets. Vous pouvez même nettoyer les onglets rapidement et facilement avec une seule commande.

La barre de navigation dans IE10 apparaît lorsque vous en avez besoin, afin de toujours mettre l'accent sur les sites Web. La barre de navigation inclut des contrôles faciles à utiliser (tactiles ou clavier/souris) pour les opérations fréquentes, telles que Retour, Suivant, Arrêter/Actualiser et épingler les sites sur l'écran de démarrage. La barre d'adresses présente des badges et des couleurs pour les sites sécurisés, SmartScreen et la navigation InPrivate. Elle prend également en charge la saisie semi-automatique, ainsi que la recherche sur le Web, adoptant ainsi le comportement d'IE sur le Bureau. La zone d'adresse affiche un indicateur de progression lors du chargement de la page. Elle inclut par ailleurs des indicateurs pour la compatibilité des sites et la protection contre le tracking. La barre de navigation comprend des commandes de recherche sur une page et d'ouverture dans IE sur le Bureau, de compatibilité avec les sites nécessitant des technologies de plug-in plus anciennes ou des commandes utiles lorsque vous utilisez des outils de Bureau et souhaitez continuer à les utiliser dans vos flux de travail existants.

Comprend un bouton Retour, une icône favorite, une barre d'adresses, un bouton Actualiser, un bouton permettant d'épingler, un bouton Outils et un bouton Suivant

Clavier tactile : IE10 fonctionne parfaitement avec les claviers physiques comme avec le clavier tactile de Windows 8, qu'il ajuste automatiquement pour faciliter vos opérations. Par exemple, lorsque vous portez votre attention sur la barre d'adresses, les touches « / » et « .com » deviennent accessibles pour que vous puissiez saisir rapidement les URL :

Dans la zone d'adresse : nytimes.com/. Les touches spéciales du clavier incluent une émoticône, .com et /

IE ajuste automatiquement le clavier virtuel en fonction de ce que vous tapez. Par exemple,
les champs correspondant aux formulaires de courrier électronique affichent les touches « @ » et « .com »

IE10 adopte une approche nette, « sans interférences », face aux notifications. Toutes les alertes et invites utilisateur apparaissent sur une barre de notification au bas de l'écran. IE utilise les « menus volants » de style Metro de Windows 8 lorsqu'une interaction plus importante est nécessaire. Les barres de notification se ferment automatiquement lorsque cela est approprié. Les téléchargements dans le navigateur de style Metro vous protègent des programmes malveillants via la réputation d'application de SmartScreen, comme dans IE sur le Bureau.

Connexion aux sites Web et applications dans le style Metro

Avec IE10, les sites Web font partie de l'expérience du style Metro sous Windows 8. Par le biais des ancrages, des « charms » et de l'intégration au Windows Store et à l'écran d'accueil, la navigation de style Metro efface les frontières entre le Web et les applications.

L'ancrage permet d'utiliser Windows 8 facilement pour effectuer plusieurs opérations à la fois. Vous pouvez naviguer dans IE10 tout en accédant en parallèle à votre courrier électronique, à votre musique ou à toute autre application. Le navigateur s'adapte à la taille étroite des « ancrages » et se détache automatiquement lorsque cela est nécessaire à l'interaction utilisateur. Toutes les fonctionnalités principales de la navigation sont disponibles pendant l'ancrage : déplacement, pincement, zoom par double appui et suivi de liens.


Application de mesagerie ancrée sur le côté d'IELe fonctionnement multitâche avec « l'ancrage » de Windows 8 vous permet de placer votre site côte à côte avec d'autres applications, telles que l'application de messagerie

Les « charms » permettent de réaliser de façon cohérente les actions les plus répandues, telles que la recherche et le partage sous Windows 8. IE10 prend en charge les « charms » Rechercher, Partager, Périphériques et Paramètres :

« Charms » Rechercher, Partager, Démarrer, Périphériques et Paramètres sur le bord droit de l'écran, date et heure affichées dans l'angle inférieur gauche sur un site Web de voyages dans IE10

Les « charms » apparaissent lorsque vous faites glisser votre doigt à partir du bord droit, appuyez sur la touche Windows + C
ou placez votre souris dans l'angle inférieur ou supérieur droit de l'écran.

Pour le « charm » Rechercher, IE10 utilise le moteur de recherche par défaut, que vous pouvez définir selon votre préférence. Après l'initialisation d'une recherche dans le menu volant des « charms », les résultats de la recherche s'affichent au fur et à mesure que vous tapez, incluant la même image et les mêmes résultats instantanés que ceux que vous voyez dans IE sur le Bureau, si votre moteur de recherche les prend en charge.

Avec le « charm » Partager, vous pouvez accéder à toutes les applications prenant en charge le partage (par exemple Mail). Vous pouvez ainsi envoyer un lien d'aperçu enrichi d'une image, d'une description et d'un hyperlien. Partager plus qu'un simple lien devient maintenant très facile.

Une partie de l'écran est recouverte par le volet Mail, dans lequel un message électronique est en cours d'écriture. Ce message permettra d'envoyer un lien vers un site Web de voyages, enrichi d'une image et d'une description du site Web

IE10 et Mail permettent d'envoyer des aperçus de liens enrichis d'une image, d'une description et d'un hyperlien.
Vous partagez très facilement bien plus qu'un simple lien.

Le « charm » Périphériques permet d'imprimer, de projeter et de lire facilement et de façon cohérente sur des périphériques externes. Vous pouvez par exemple lancer une impression à partir de n'importe quelle page Web dans IE (ce qui est pratique pour les cartes d'embarquement des compagnies aériennes par exemple) en appuyant ou en cliquant simplement sur le « charm » Périphériques, puis en sélectionnant une imprimante.

Le « charm » Paramètres permet d'accéder rapidement aux paramètres de configuration les plus fréquemment utilisés pour IE10. Vous pouvez rapidement effacer l'historique de navigation, contrôler l'accès aux emplacements et bien plus. Les utilisateurs bénéficient d'une interaction simplifiée avec les paramètres IE, tandis que les passionnés peuvent toujours accéder facilement à des contrôles perfectionnés via les paramètres IE sur le Bureau.

Grâce à l'épinglage de sites, vous pouvez personnaliser l'écran d'accueil de Windows en y intégrant les sites que vous utilisez tout le temps. Vous pouvez épingler n'importe quel site Web sur l'écran d'accueil à partir d'IE10, ce qui vous permet d'accéder à partir d'un seul endroit à tout ce qui vous intéresse ou dont vous avez besoin.

Les vignettes des sites épinglés reflètent la couleur et l'icône des sites. Avec IE10, les sites peuvent fournir des notifications d'arrière-plan pour les nouveaux messages et l'activité d'autres comptes sur le site Web. Le site peut également programmer des commandes supplémentaires qui apparaissent dans la barre de navigation d'IE, de la même manière que les sites peuvent programmer des listes de raccourcis pour IE sur le Bureau.

Parmi les sites épinglés figurent Bing, Facebook et ESPN.com

Les vignettes des sites vous permettent d'accéder directement à vos sites depuis l'écran d'accueil de Windows 8

La vignette « Days to Spring » affiche comme notification le chiffre 8Avec les notifications des vignettes des sites épinglés, vous vous tenez au courant en un coup d'œil, sans avoir à ouvrir les sites


Liste de raccourcis pour le site Web Jetsetter : [Jetsetter, a Member of the Gift Groupe] (Jetsetter, membre du Gift Groupe), [Tasks] (Tâches), [Your Account] (Votre compte), [All Flash Sales] (Toutes les ventes flash), [Passport] (passeport), [Gift] (Gift), [Gift City] (Gift City), [Pin to Start] (Épingler sur l'écran d'accueil)Avec les listes de raccourcis, vous accédez rapidement aux sections et informations des sites qui vous intéressent

L'intégration au Windows Store permet de découvrir et de lancer facilement les applications de style Metro pour les sites que vous visitez dans IE. La barre de navigation indique si une application est disponible pour le site. Un seul appui (ou clic) vous permet d'accéder directement à l'application en question dans le Windows Store. Une fois l'application installée, vous pouvez la lancer directement depuis le site. Par exemple, voici cuttherope.ie dans IE10 :

L'icône favorite sur la barre de navigation affiche l'info-bulle : [Get the app] (Télécharger l'application)

Le bouton de l'icône favorite du site vous permet de télécharger et de lancer l'application en un seul appui ou clic

Protection contre le Web malveillant

IE10 offre les mêmes fonctionnalités de pointe en matière de sécurité, confidentialité et fiabilité en s'appuyant sur la technologie SmartScreen d'IE9, le filtrage XSS, la réputation d'application, la navigation InPrivate, la protection contre le tracking, ainsi que la détection et la récupération des blocages. En outre, IE10 tire parti de Windows 8 afin de fournir un « mode protégé amélioré » pour une meilleure isolation du contenu des sites Web sous chaque onglet. La navigation InPrivate peut également s'exécuter par onglet. Vous pouvez ainsi exécuter certaines pages avec InPrivate, pour ne laisser derrière vous aucun historique, cookie ou données en cache.

Récapitulatif des modifications apportées depuis la version Developer Preview

IE10 dans Windows 8 Consumer Preview vous permet de bénéficier d'une navigation de style Metro complète. Voici quelques unes des améliorations apportées à IE10 pour une navigation rapide et fluide :

  • Composition complète et indépendante qui permet un comportement réactif, rapide et fluide sur les sites Web du monde réel (y compris les pages avec éléments fixes, zones de défilement imbriquées, animations et vidéos)
  • Navigation par balayage vers l'avant et l'arrière avec aperçu
  • Double appui pour zoomer sur le contenu
  • Contrôles de navigation vers l'avant et l'arrière rapides pour la souris
  • Utilisation de la souris (CTRL + roulette de défilement) et du clavier pour effectuer rapidement des zooms avant et arrière, répliquant ainsi les interactions tactiles
  • Suggestions automatiques de domaines pour accélérer la navigation et réduire la saisie
  • Prise en charge du « charm » Partager pour les URL, extraits de code, images et sélections avec Mail et d'autres applications
  • « Charm » Rechercher avec suggestions de recherche visuelles
  • « Charm » Périphériques pour l'impression, la projection et la lecture de vidéos sur des périphériques externes, tels que des téléviseurs
  • Prise en charge sans plug-in : notifications pour les sites nécessitant activeX
  • Notifications d'arrière-plan pour les sites épinglés et autres améliorations apportées aux vignettes
  • Listes de raccourcis pour les sites épinglés
  • Onglets InPrivate plus faciles à ouvrir
  • Commande de nettoyage des onglets, qui ferme rapidement tous les onglets, sauf l'onglet actif

Navigation sans compromis de style Metro

Auparavant, vous deviez choisir entre naviguer sur le Web mobile sur de petits écrans avec une bonne prise en charge du tactile, et naviguer sur tout le Web avec une bonne prise en charge de la souris et du clavier sur de grands écrans. La navigation sur le Web de style Metro avec IE10 dans Windows 8 Consumer Preview est une navigation sans compromis. Vous pouvez naviguer, toucher, réaliser plusieurs tâches, imprimer et partager en bénéficiant de toute la puissance de Windows 8 et de votre PC. Le Web avec IE10 est plus rapide et fluide, mieux connecté à vos applications, plus privé et mieux sécurisé.

--Rob Mauceri

  • Loading...
Leave a Comment
  • Please add 7 and 2 and type the answer here:
  • Post