Navegação na Web no Windows 8 Consumer Preview com IE10

Criando o Windows 8

Nos bastidores com a equipe de engenharia do Windows

Navegação na Web no Windows 8 Consumer Preview com IE10

  • Comments 8

Nesta postagem, nós gostaríamos de falar sobre a experiência de navegação no novo Internet Explorer 10. Nós melhoramos consideravelmente o mecanismo de navegação adjacente com desempenho, padrões e recursos, conforme já mencionamos anteriormente em outros blogs. O IE10 projetado para uma experiência com o estilo Metro é uma forma nova e aprimorada de navegação, na qual você pode realmente se concentrar nas informações em que deseja navegar, e não na tarefa de navegação: uma experiência totalmente imersiva. Ao mesmo tempo, ele fornece toda a segurança e os controles com os quais você está acostumado: guias, atalhos de teclado, navegação InPrivate e mais.  Rob Mauceri, o gerente de programas de grupo do Internet Explorer, é o autor desta postagem.
--Steven


Para proporcionar a melhor navegação em todos os dispositivos com Windows 8, reimaginamos a arquitetura e a experiência do navegador da Web com o Internet Explorer 10.

Nós criamos uma nova experiência de navegação em sintonia com o Windows 8 para que você aproveite todas as vantagens que os aplicativos com estilo Metro podem oferecer. Nós criamos essa experiência ampliando a arquitetura adjacente do IE para fornecer um mecanismo de navegação rápido, totalmente acelerado por hardware com forte segurança e suporte para HTML5 e outros padrões da Web.

O resultado no Windows 8 Consumer Preview é uma experiência na Web em estilo Metro. O IE10 foi projetado para tornar a interação em sites da Web rápida e fluida para o toque assim como para o uso pesado de mouse e teclado. Com o IE10, os sites participam da experiência no estilo Metro no Windows 8, incluindo a tela Iniciar, botões, ajustes e mais. O IE10 também fornece a melhor proteção contra software mal-intencionado na Web oferecendo, também, um controle real sobre a sua privacidade online.

Ao criar e ajustar a experiência de navegação no estilo Metro para o Consumer Preview, nós descobrimos que esse é um método de navegação melhor, seja em um desktop com uma tela grande, mouse e teclado, ou em um dispositivo móvel habilitado para toque. À medida que a navegação em telefones se tornou mais flexível, as pessoas se acostumaram com uma experiência de navegação mais imersiva e menos manual em comparação com o desktop. A navegação no estilo Metro oferece uma experiência imersiva e de tela inteira no site. Com o IE e o Windows 8, você sempre pode usar os botões para fazer o que desejar em um site da Web (por ex., compartilhar, imprimir, pesquisar…). Descobrimos que muitas pessoas, mesmo aquelas com os padrões de navegação mais intensos e entusiasmados, preferem a navegação no estilo Metro por ser menos manual e mais focada na navegação em si do que na forma como ela é realizada.


Baixe este vídeo para vê-lo no seu media player favorito:
MP4 de alta qualidade | MP4 de qualidade inferior

Com o IE10 no Windows 8 Consumer Preview, a navegação na Web é rápida e fluida.

Leia mais sobre os detalhes técnicos e as melhorias arquiteturais no mecanismo de navegação HTML5 “Trident” e no mecanismo JavaScript Chakra adjacentes no Blog do IE.

O navegador da Web em estilo Metro

Nós projetamos a experiência do usuário do IE10 exclusivamente baseada nos padrões de design do estilo Metro para que ela seja rápida e fluida, mesmo na navegação mais intensa do dia a dia.

Nós projetamos a interface e os controles para que sejam exibidos sempre que você precisar deles, e para ficarem ocultos quando não precisar. Nós também criamos um recurso abrangente que as pessoas precisam para a navegação na Web diária e intensa: suporte excelente para teclado de toque para formulários, correção ortográfica integrada com AutoCorreção, localização de texto na página, etc. A experiência do usuário segue as convenções e os padrões do estilo Metro para personalidade, animações e ativação de comando e suporte para botões, ajustes do Windows 8 e mais.


Site Jetsetter mostrado em tela inteiraO IE10 coloca o foco nos seus sites, fornecendo uma experiência completa de tela inteira que usa
cada pixel para a Web.

8 guias na parte superior da tela, barra de endereços e outros comandos na parte inferiorAs guias estão disponíveis, mas ficam fora do seu caminho até que você precise delas.

O IE10 é rápido e fluido para a Web real, não apenas para as versões móveis dos sites. Nós demos ao IE uma super capacidade de resposta a toque, mouse e teclado. O navegador no estilo Metro fornece navegação que prioriza toque, não apenas a navegação em um dispositivo de toque. Você pode sentir isso na capacidade de resposta na ponta dos seus dedos do suporte ao toque no movimento panorâmico e de zoom, na navegação na página com o deslizar dos dedos e no toque duplo para aumentar e diminuir o zoom do conteúdo. Os menus de contexto e os controles de formulário são otimizados para toque e o navegador responde de forma fluida à orientação do dispositivo (alternando suavemente entre os layouts de tela paisagem e retrato) e “ajustando” os aplicativos do Windows 8 à tela. O IE10 também melhora a experiência de navegação na Web com mouse e teclado com suporte para os atalhos de teclado que você espera e ativações convenientes do mouse para navegação para frente e para trás.

O IE10 com estilo Metro possui uma abordagem diferente e mais moderna de navegação. Ele coloca o foco totalmente nos sites navegados, em vez de na atividade de gerenciamento de guias e janelas que tem definido a navegação até o momento. Informalmente, nós o temos usado como o principal navegador em laptops e desktops, com telas de toque assim como com teclados e mouses. Dos mosaicos na tela Iniciar para sites da Web à experiência imersiva na Web de tela inteira, nós projetamos o IE no Windows 8 para ser o seu navegador diário para a Web real.

Os mosaicos de navegação foram projetados para ajudá-lo a encontrar sites e navegar para eles imediatamente usando a cor e o ícone do site e, ao mesmo tempo, reduzindo a sua atividade de digitação. O IE mostra os sites visitados com frequência, assim como os sites que você fixou na tela Iniciar.

Sites frequentes e fixados mostrados como mosaicos no IE

Acesse os seus sites mais importantes rapidamente com os mosaicos de navegação

À medida que você digita na barra de endereços, os mosaicos de navegação filtram para mostrar os sites do seu histórico, favoritos e até mesmo URLs populares. Com as contas conectadas e o roaming do Windows 8, o seu histórico de navegação e os favoritos fazem roaming com você para um fácil acesso às páginas da Web recentes em todos os seus PCs.

Guias: Navegar em várias páginas da Web é fundamental para qualquer boa experiência na Web. O seletor de guias do estilo Metro aparece quando você desliza na parte inferior ou superior da tela com toque do dedo, clicando com o botão direito do mouse ou pressionando a tecla Windows+Z no teclado:

7 guias mostradas, com botões para adicionar uma guia, criar uma nova guia InPrivate e apagar guias.

As guias ativas são mostradas como miniaturas de página com os títulos em sobreposições de texto. As guias possuem um botão de fácil uso com toque para fechar e um botão para criar uma nova guia ou uma nova guia InPrivate. O IE10 mostra as últimas 10 guias usadas, reduzindo a necessidade de gerenciar as suas guias ativamente. Você pode até mesmo apagar as guias de forma rápida e fácil com um comando.

A Barra de navegação no IE10 aparece quando você precisa dela, novamente mantendo o foco nos sites da Web. A barra de navegação inclui controles de fácil uso (toque ou teclado/mouse) para operações comuns como voltar, avançar, parar/atualizar e fixar sites na tela Iniciar. A barra de endereços mostra emblemas e cores para sites seguros, SmartScreen e navegação InPrivate. Ela também tem suporte para o preenchimento automático, assim como para pesquisa na Web, para corresponder ao comportamento do IE no desktop. A caixa de endereço mostra um indicador de progresso quando uma página está sendo carregada e inclui indicadores de compatibilidade entre sites e proteção contra rastreamento. A barra de navegação inclui comandos para buscar na página e abrir no IE no desktop, para compatibilidade com sites que requerem tecnologias de plug-in antigas ou para quando você estiver usando ferramentas de desktop e quiser continuar usando-as nos fluxos de trabalho existentes.

Inclui o botão Voltar, favicon, barra de endereço, atualizar, fixar, ferramentas e botão Avançar

Teclado de toque: O IE10 funciona perfeitamente com teclados físicos, assim como com o teclado de toque do Windows 8, que ele ajusta automaticamente para tornar a sua experiência ainda mais fácil. Por exemplo, quando você coloca o foco na barra de endereços, as teclas “/” e “.com” tornam-se disponíveis para inserir URLs rapidamente:

Na caixa de endereço: nytimes.com/. As teclas especiais no teclado incluem emoticon, .com e /

O IE automaticamente ajusta o teclado de toque com base no local em que você está digitando. Por exemplo,
os campos de formulário de email mostram as teclas “@” e “.com”

O IE10 tem uma abordagem limpa e com “poucas reclamações” das notificações. Todos os alertas e avisos para o usuário são exibidos em uma barra de notificações na parte interior da tela. O IE usa os “submenus” do estilo Metro do Windows 8 quando é necessária mais interação. As barras de notificação são descartadas automaticamente conforme apropriado. Os downloads no navegador no estilo Metro protegem você de software mal-intencionado através da reputação de aplicativos do SmartScreen, assim como no IE em desktop.

Conectar sites da Web e aplicativos no estilo Metro

Com o IE10, os sites da Web fazem parte da experiência no estilo Metro do Windows 8. Através de ajustes, botões e integração com a Loja e a tela Iniciar, a navegação no estilo Metro rompe as barreiras entre a Web e os aplicativos.

O ajuste facilita o uso do Windows 8 para mais de uma coisa ao mesmo tempo. Você pode navegar no IE10 e acessar, ao mesmo tempo, email, música ou qualquer outro aplicativo. O navegador se adapta ao tamanho estreito “ajustado” e desencaixa automaticamente quando necessário para interação do usuário. Todos os principais recursos estão disponíveis no navegador ajustado: movimento panorâmico, toque e toque duplo para zoom e seguir links.


Aplicativo de mensagem ajustado na lateral do IEA experiência multitarefas com o Windows 8 “ajustado” permite que você use o seu site enquanto usa outros aplicativos como o de mensagens

Os botões fornecem uma maneira consistente de realizar ações comuns como pesquisar e compartilhar no Windows 8. O IE10 oferece suporte aos botões Pesquisar, Compartilhar, Dispositivos e Configurações:

Botões Pesquisar, Compartilhar, Iniciar, Dispositivos e Configurações no lado direito da tela. Data e hora mostradas no canto inferior esquerdo em um site de viagens no IE10

Os botões aparecem quando você desliza na lateral direita, pressiona a tecla Windows+C
ou move o mouse para a parte inferior da tela ou para o canto superior direito.

Para o botão Pesquisar, o IE10 usa o mecanismo de pesquisa padrão, que você pode definir de acordo com a sua preferência. Após iniciar uma pesquisa no submenu do botão, os resultados serão mostrados à medida que você digitar, incluindo a mesma imagem e os resultados instantâneos vistos no IE no desktop, se eles tiverem suporte no seu mecanismo de pesquisa.

Com o botão Compartilhar, você pode acessar qualquer aplicativo que ofereça suporte ao compartilhamento (como o Mail). Isso permite que você envie uma visualização completa do link com imagem, descrição e hiperlink, assim você compartilha facilmente mais que um simples link.

O painel do Mail sobrepõe parte da tela com um email em composição para enviar um link para um site de viagem, incluindo uma imagem e um texto de descrição do site

O IE10 e o Mail oferecem suporte para o envio de visualizações completas de link com imagem, descrição e hiperlink,
você pode compartilhar mais que apenas um link com pouco trabalho.

O botão Dispositivos torna a impressão, a projeção e a reprodução em dispositivos externos fácil e consistente. Por exemplo, você pode imprimir de qualquer página da Web do IE (útil para casos como cartões de embarque aéreo) tocando ou clicando no botão Dispositivos e selecionando uma impressora.

O botão Configurações fornece acesso rápido às definições de configuração usadas com mais frequência para o IE10. Você pode rapidamente apagar o histórico de navegação, controlar o acesso ao local e mais. Os consumidores obtêm uma interação simplificada com as configurações do IE, enquanto os entusiastas ainda possuem uma maneira fácil de acessar os controles mais refinados através de configurações no IE no desktop.

Com a fixação de sites, você pode personalizar a tela Iniciar do Windows com os sites que você usa o tempo todo. Você pode fixar qualquer site na tela Iniciar do IE10, para acessar tudo que deseja ou precisa de um só lugar.

Os mosaicos dos sites fixados refletem a cor e o ícone do site. Com o IE10, os sites podem fornecer notificações em segundo plano para novas mensagens e outra atividade da conta no site. O site também pode programar comandos adicionais que aparecem na barra de navegação do IE de forma a facilitar a função de toque, da mesma forma que os sites podem programar listas de atalho para o IE no desktop.

Os sites fixados incluem Bing, Facebook, e ESPN.com

Os mosaicos de sites permitem que você vá diretamente para os sites da tela Iniciar do Windows 8

O mosaico Dias para a primavera mostra o número 8 como uma notificaçãoAs notificações em mosaico do site fixado fornecem atualizações instantâneas, sem que você tenha que abrir o site


Lista de atalho para o site Jetsetter: Jetsetter, membro do Gift Groupe, Tarefas, Sua conta, Todas as ofertas especiais, Passaporte, Oferta, Cidade da oferta, Fixar na tela inicialAs listas de atalho tornam mais rápido o acesso às seções e às informações do site adequadas para você

A integração com a Loja facilita a descoberta e o uso dos aplicativos no estilo Metro para os sites visitados no IE. A barra de navegação mostra se o site possui um aplicativo disponível. Um toque (ou clique) o conduz ao aplicativo na Loja. Depois que um aplicativo for instalado, você poderá iniciá-lo diretamente do site. Por exemplo, este é o cuttherope.ie no IE10:

Favicon na barra de navegação mostra a dica de ferramenta: Obter o aplicativo

O botão Favicon do site permite que você baixe e inicie o aplicativo com um toque ou clique

Proteção contra ataques na Web

O IE10 oferece os mesmos recursos de confiabilidade, privacidade e segurança líderes do setor, baseados no SmartScreen, na filtragem XSS, na reputação de aplicativos, na navegação InPrivate, na proteção contra rastreamento e na detecção e recuperação de interrupção do IE9. Além disso, o IE10 se beneficia do Windows 8 para fornecer um “modo de proteção aprimorada” para melhor isolamento do conteúdo do site em cada guia. A navegação InPrivate também é estendida para ser executada por guia, para que você possa executar algumas páginas em InPrivate, sem deixar histórico, cookies ou dados em cache.

Resumo das mudanças em relação ao Developer Preview

O IE10 no Windows 8 Consumer Preview traz uma experiência no estilo Metro com mais recursos para a sua navegação. Estas são algumas melhorias no IE10 para uma navegação rápida e fluida:

  • A composição total e independente permite um comportamento rápido, fluido e com maior capacidade de resposta nos sites da Web reais (incluindo páginas com elementos fixos, regiões de rolagem aninhadas, animações e vídeo)
  • Deslizar os dedos para navegar para frente e para trás com visualização
  • Tocar duas vezes para zoom no conteúdo
  • Usar os controles do mouse para navegar rapidamente para frente e para trás
  • Métodos do mouse (CTRL+roda de rolagem) e do teclado para rápido aumento e redução de zoom para espelhar as interações com toque
  • Sugestões automáticas de domínio para navegação mais rápida e menos digitação
  • Suporte ao botão Compartilhar para URLs, trechos, imagens e seleção com o Mail e outros aplicativos
  • Botão Pesquisar com sugestões de pesquisa visual
  • Botão Dispositivos para impressão, projeção e reprodução de vídeo em dispositivos externos como TVs.
  • Suporte gratuito ao plug-in: notificações para sites que requerem o activeX
  • Notificações em segundo plano para sites fixados e outras melhorias no mosaico
  • Listas de atalho para sites fixados
  • Guias da InPrivate mais fáceis de abrir
  • Comando Limpar guias, que fecha todas as guias rapidamente, exceto a atual

Navegação com o estilo Metro e sem abrir mão de nada

Você antes tinha que escolher entre navegar na Web móvel em pequenas telas com bom suporte ao toque e navegar na Web total com bom suporte para mouse e teclado em telas grandes. Com a experiência da Web no estilo Metro no IE10 no Windows 8 Consumer Preview, você não precisa abrir mão de nada. Você pode navegar com toque e realizar multitarefas, imprimir e compartilhar com toda a capacidade do Windows 8 e do seu PC. A Web com o IE10 fica mais rápida e fluida, conecta-se melhor aos seus aplicativos e é mais segura e privada.

--Rob Mauceri