Web browsing in Windows 8 Consumer Preview with IE10

Discussion in 'Windows 8 News' started by Building Windows 8, Mar 13, 2012.

  1. Building Windows 8

    Building Windows 8

    Joined:
    Oct 6, 2011
    Messages:
    92
    Likes Received:
    1
    In this post we want to talk about the new Internet Explorer 10 browsing experience. We have considerably improved the underlying browsing engine with performance, standards, and features as we have previously blogged about (link). IE10 designed for a Metro style experience is a new and improved way of browsing, where you can truly focus on the information you want to browse rather than the task of browsing – a fully immersive experience. At the same time it provides all of the safety and controls you are used to – tabs, keyboard shortcuts, InPrivate browsing, and more. Rob Mauceri, the group program manager for Internet Explorer, authored this post.
    --Steven

    To deliver the best browsing across all Windows 8 devices, we re-imagined the architecture and experience of the web browser with Internet Explorer 10.
    We built a new browsing experience in lockstep with Windows 8 to give you all the advantages that Metro style applications offer. We built that experience by extending IE’s underlying architecture to provide a fast, fully hardware accelerated browsing engine with strong security and support for HTML5 and other web standards.
    The result in Windows 8 Consumer Preview is a Metro style web experience. IE10 is designed to make website interaction fast and fluid for touch as well as for heavy mouse and keyboard use. With IE10, websites participate in the Metro style experience in Windows 8, including the Start screen, charms, snap, and more. IE10 also provides the best protection from malicious software on the web while providing real control over your online privacy.
    While building and tuning the Metro style browsing experience for the Consumer Preview, we realized it is a better way to browse – whether on a desktop computer with a big screen, mouse and keyboard, or on a touch-enabled mobile device. As people browse more “chromelessly” on their phones, they’ve become accustomed to a more immersive and less manual browsing experience compared with the desktop. Metro style browsing offers you a full-screen, immersive site experience. With IE and Windows 8 you can always use the charms to accomplish what you want to do next with a website (e.g. share, print, search…). We’ve found that many people – even those with the most enthusiastic and intense browsing patterns – prefer Metro style browsing because it’s less manual and more focused on what you browse than on how you browse.
    Your browser doesn't support HTML5 video.

    Download this video to view it in your favorite media player:
    High quality MP4 | Lower quality MP4
    With IE10 in Windows 8 Consumer Preview, browsing the web is fast and fluid
    You can read more about the technical details and architectural improvements to the underlying HTML5 “Trident” browser engine and Chakra JavaScript engine on the IE Blog.
    The Metro style web browser

    We built IE10’s user experience exclusively around all the Metro style design patterns to be fast and fluid for even the most intense everyday browsing.
    We designed the interface and controls to be there when you need them and out of view when you don’t. We also designed in the comprehensive functionality that people need for everyday heavy-duty web browsing: great touch keyboard support for forms, integrated spell checking with AutoCorrect, finding text on the page, etc. The user experience follows Metro style patterns and conventions for personality, animations, and command activation and support for Windows 8 charms, snap, and more.

    [​IMG]IE10 puts the focus on your sites, providing a full screen edge-to-edge experience that uses
    every pixel for the web.

    [​IMG]Tabs are available but stay out of your way until you need them.
    IE10 is fast and fluid for the real web, not just the mobile versions of sites. We made IE super responsive to touch, mouse, and keyboard. The Metro style browser delivers on touch browsing, not just browsing on a touch device. You can feel it in the stick-to-your-finger responsiveness of the touch support for panning and zooming, swiping back and forward for page navigation, and double tapping to zoom in and out of content. Context menus and form controls are optimized for touch, and the browser responds fluidly to device orientation (scaling smoothly to landscape and portrait screen layouts) and “snapping” Windows 8 applications next to it. IE10 also improves on the experience of browsing the Web with mouse and keyboard with support for the keyboard shortcuts you expect, and convenient mouse activations for back and forward navigation.
    Metro style IE10 takes a different, more modern approach to browsing. It puts the focus squarely on the websites you browse rather than all the tab and window management activity that has defined browsing to date. On our hallways, we’ve been using it as our primary browser on laptops and desktop workstations, with touch screens as well as with keyboards and mice. From tiles on the Start screen for websites to the immersive full screen web experience, we designed IE in Windows 8 to be your daily browser for the real web.
    Navigation tiles are designed to help you find and navigate to sites immediately using the site’s icon and color while minimizing your typing. IE shows you frequently visited sites as well as sites that you’ve pinned to the Start screen.
    [​IMG]
    Get to your most important sites quickly with navigation tiles
    As you type in the address bar, the navigation tiles filter to show you sites from your history, favorites and even popular URLs. With Windows 8 roaming and connected accounts, your browsing history and favorites roam with you so that you can easily access recent webpages across all of your PCs.
    Tabs: Browsing multiple web pages is core to any good web experience. The Metro style tab switcher appears when you swipe in from the bottom or top of the screen with touch, right-click with the mouse, or press Windows key+Z on the keyboard:
    [​IMG]
    Active tabs are shown as page thumbnails with page titles in text overlays. Tabs have a touch-friendly button for closing, and button for creating a new tab, or a new InPrivate tab. IE10 shows the last 10 tabs you’ve used, reducing the need to actively manage your tabs. You can even clean up tabs quickly and easily with one command.
    The Navigation bar in IE10 appears when you need it, again keeping the focus on websites. The navigation bar includes easy-to-use controls (touch or keyboard/mouse) for common operations like back, forward, stop/refresh, and pinning sites to the Start screen. The address bar shows badges and coloring for secure sites, SmartScreen, and InPrivate browsing. It also supports auto-complete as well as web search, matching the behavior of IE on the desktop. The address box shows a progress indicator when a page is loading, and includes indicators for site compatibility and tracking protection. The navigation bar includes commands for Find on Page, and Open in IE on the desktop, for compatibility with sites that require older plug-in technologies, or for when you are using desktop tools and wish to continue using them in your existing workflows.
    [​IMG]
    Touch keyboard: IE10 works great with physical keyboards as well as the Windows 8 touch keyboard, which it automatically adjusts to make your experience easier. For example, when you set focus in the address bar, the “/” and “.com” keys become available to quickly enter URLs:
    [​IMG]
    IE automatically adjusts the touch keyboard based on where you’re typing. For example,
    email form fields show the “@” and “.com” keys

    IE10 takes a clean, “low nag” approach to notifications. All alerts and user prompts come through a notification bar at the bottom of the screen. IE uses Windows 8 Metro style “fly-outs” when more interaction is needed. Notification bars automatically dismiss as appropriate. Downloads in the Metro style browser protect you from malicious software via SmartScreen’s Application Reputation, as in IE on the desktop.​
    Connecting websites and apps in the Metro style

    With IE10, websites are part of the Metro style experience in Windows 8. Through snap, charms, and integration with the Store and the Start screen, Metro style browsing blurs the boundaries between the web and apps.
    Snap makes it easy to use Windows 8 for more than one thing at a time. You can browse in IE10 and have side-by-side access to your mail, music, or any other application. The browser adapts to the narrow “snap” size and automatically undocks when necessary for user interaction. All of the core browsing capabilities are available when snapped – panning, pinch and double-tap zooming, and following links.

    [​IMG]Multitasking with Windows 8 “snap” lets you put your site side-by-side with other applications like the Messaging app

    Charms provide a consistent way to perform common actions like searching and sharing in Windows 8. IE10 supports the Search, Share, Devices, and Settings charms:
    [​IMG]
    The charms appear when you swipe in from the right edge, press Windows key+C,
    or move your mouse to the bottom or top-right corner of the screen.

    For the Search charm, IE10 uses the default search engine, which you can set to your preference. After initiating a search in the charm fly-out, search results are shown as you type, including the same picture and instant results you see in IE on the desktop, if your search engine supports them.
    With the Share charm, you can access any application that supports sharing (like Mail). This allows you to send a rich link preview with image, description, and hyperlink so it’s easy to share more than just a link.
    [​IMG]
    IE10 and Mail support sending rich link previews with image, description, and hyperlink,
    you can share more than just a link with very little work.

    The Devices charm makes printing, projecting, and playing to external devices easy and consistent. For example, you can print from any webpage from IE – handy for things like airline boarding passes –by tapping or clicking the Devices charm and selecting a printer.
    The Settings charm provides quick access to the most frequently used configuration settings for IE10. You can quickly clear browsing history, control location access, and more. Consumers get a simplified interaction with IE settings, while enthusiasts still have an easy way to access fine-grained controls through settings in IE on the desktop.​
    With site pinning, you can personalize your Windows Start screen with the sites you use all the time. You can pin any website to the Start screen from IE10, so you have one place to access all the things you care about or need.
    The tiles for pinned sites reflect the site’s color and icon. With IE10, sites can provide background notifications for new messages and other account activity on the website. The site can also program additional commands that appear in IE’s navigation bar in a touch-friendly way, the same way that sites can program jumplists for IE on the desktop.
    [​IMG]
    Site tiles let you go directly to your sites from the Windows 8 Start screen
    [​IMG]Pinned site tile notifications keep you up-to-date at a glance, without opening the site

    [​IMG]Jumplists make it fast to get to site sections and information tailored for you

    Integration with the Store makes it easy to discover and launch Metro style apps for the sites you visit in IE. The navigation bar shows if the site has an application available. One tap (or click) takes you to the app in the Store. Once an app is installed, you can launch it directly from the site. For example, here’s cuttherope.ie in IE10:
    [​IMG]
    Site favicon button lets you download and launch the app with a single tap or click
    Protecting you from malicious web

    IE10 offers the same industry leading security, privacy, and reliability features, building on IE9’s SmartScreen, XSS filtering, Application Reputation, InPrivate browsing, Tracking Protection, and hang detection and recovery. In addition, IE10 takes advantage of Windows 8 to provide “Enhanced Protected mode” for better isolation of website content in each tab. InPrivate browsing is also extended to run per-tab, so you can run some pages InPrivate, leaving no history, cookies, or cached data.
    Summary of changes from the Developer Preview

    IE10 in the Windows 8 Consumer Preview brings a more full-featured Metro style experience to your browsing. Here are just some of the improvements to IE10 for fast and fluid browsing:
    • Full, independent composition enables responsive, fast and fluid behavior on real websites (including pages with fixed elements, nested scrolling regions, animations, and video)
    • Back and forward swipe navigation with preview
    • Double-tap to zoom in on content
    • Fast back and forward navigation controls for mouse
    • Mouse (CTRL+scroll wheel) and keyboard methods for quickly zooming in and out to mirror touch interactions
    • Automatic domain suggestions for faster navigation and less typing
    • Share charm support for URLs, snippets, images and selection with Mail and other apps
    • Search charm with visual search suggestions
    • Devices charm for printing, projecting, and playing video to external devices like TVs
    • Plug-in free support: notifications for sites requiring activeX
    • Background notifications for pinned sites and other tile improvements
    • Jumplists for pinned sites
    • InPrivate tabs that are easier to open
    • Clean up tabs command, which quickly closes all but current tab
    Metro style and no-compromise browsing

    You used to have to make a choice between browsing the mobile web on small screens with good touch support, and browsing the full web with good mouse and keyboard support on big screens. The Metro style web experience in IE10 in the Windows 8 Consumer Preview means no compromises. You can browse and touch and multitask and print and share with all the power of Windows 8 and your PC. The web with IE10 is more fast and fluid, better connected to your applications, and more secure and private.
    --Rob Mauceri
    [​IMG]

    Continue reading...
     
    Building Windows 8, Mar 13, 2012
    #1
    1. Advertisements

  2. Building Windows 8

    Octagon

    Joined:
    Feb 29, 2012
    Messages:
    98
    Likes Received:
    2
    If I middle click and move the mouse a bit, the page starts scrolling. When the scrolling speed is high or medium, IE provides the smoothest movement. When the speed is low, Chrome does.

    Yes, Metro IE made simple things brain dead simple, and it is a good thing. I have the same feeling about the Weather sample app. Easy and Very Easy do not differ much. Very Easy and No Thinking At All differ a lot. The effect surprised me. I guess it is like resonance or super conductivity.

    I read some Windows 8 blogs and my top Windows 8 concern is that MS fails to communicate. Take this post. It is a very well made introduction and progress report, even though I would remove passages like "the user experience follows Metro style patterns and conventions". If it is a Metro app, what else should I expect. Effectively that means "we believe we did not goof up this time". Why not to say "since the user experience follows Metro style patterns and conventions, you may use IE to get the idea what the real world Metro apps will be like"? Anyway, the post is good. However, why do I need Metro IE right now on my desktop? If it is believed that people will figure that out by themselves, that's wrong. It takes days of occasional usage to get to the first idea. Look at the reaction to the start screen, same problem there. So far I have found 3 reasons to use Metro IE on a desktop. First, it preserves yet another context and is the ideal place for things like Windows 8 blogs. Second, it is better suited for some browsing when I do not need, say, to rearrange or group tabs. Third, it is plugin free and, while I still want to visit sites that require Flash, I can watch youtube videos better with it.

    Metro IE does not allow to do lots of things, starting from managing cookies, to image reload, to developer tools. There is the desktop version for that, but there is no easy way to reload a page in the desktop IE. Anyway, is it the Windows 8 way - if an app is not trivial enough, create 2 versions of it, one for Metro and another one for the desktop, reusing the code but still maintaining 2 GUIs? With Windows8 the easiest way to make an app is to use Metro and, when hitting its limitations, add tiny controls to some screens making them unusable with touch. Does that mean that having the same OS for desktops and slates leads to apps degradation, while having the same OS for smartphones and slates does not?
     
    Octagon, Mar 14, 2012
    #2
    1. Advertisements

  3. Building Windows 8

    Michael Phan

    Joined:
    Jun 13, 2012
    Messages:
    16
    Likes Received:
    1
    This post is so informative that I didn't realize all the functions that were included in the new IE app. Thank you for writing a great guide! The new IE is so fast and smooth and these functions that I just learned will make its functionality even more useful.
     
    Michael Phan, Jun 14, 2012
    #3
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.