Web browsing in Windows 8 with IE10
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.
IE10 puts the focus on your sites, providing a full screen edge-to-edge experience that uses every pixel for the web.
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.
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:
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.
IE automatically adjusts the touch keyboard based on where you’re typing. For example,
mail form fields show the “@” and “.com” keys
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:
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.
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.
Site tiles let you go directly to your sites from the Windows 8 Start screen
Pinned site tile notifications keep you up-to-date at a glance, without opening the site
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:
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.
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 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.
No comments:
Post a Comment