IE and Xbox One: The best web on TV

IE and Xbox One: The best web on TV

  • Comments 20
  • Likes

On November 22, we’re going to get our hands on Xbox One! Whether you’re lining up the night before or are on the fence about which console to buy this holiday, the team here at Internet Explorer is psyched to share with you more detail around the best browser for the big screen in your house – Internet Explorer for Xbox One.

So what’s the big deal? Three things. First, the sites you love on the web do more than just work in Internet Explorer for Xbox One. Because we built Internet Explorer for Xbox One with support for modern web standards like HTML5 and CSS3, your favorite sites are going to look amazing on a television. Second, how you navigate the web is up to you. With Xbox One you can navigate the web with your voice, use gesture input with Kinect, grab an Xbox One controller, or pick up a companion device with the Xbox SmartGlass app. Finally, any pinned sites or favorites you saved in Internet Explorer on your Xbox 360 will be pulled forward to your Xbox One.

About a year ago we launched Internet Explorer for Xbox 360, and on November 22nd with the launch of Xbox One, we’re upping the ante. We increased support for modern web standards by over 200% from Xbox 360 to Xbox One. We’ve added browser features that you know and love from your Windows PC – website pinning, multiple tabs, inPrivate browsing, SmartScreen, Cookie blocking, and Do Not Track, and we’ve increased integration with Xbox SmartGlass so you can use your smartphone or tablet to not only navigate Internet Explorer on Xbox One, but be able to move websites back and forth from your television to your phone or tablet.

One of the things we’re most excited about is all the new possibilities available when you can multi-task with a full-feature browser on your television. Playing a video game and need a quick reference for how to get through a level? Snap Internet Explorer to the side of your screen and pull up a walkthrough on the web, voila – a companion experience on the same screen. Plus, with the massive upgrade in system performance on Xbox One, you can now multitask between Internet Explorer and other applications and games in real-time, which means you never miss a moment.

Keep on top of Twitter feed

Keep on top of Twitter feed while destroying an enemy.

 

Browse with multiple tabs

Browse with multiple tabs.

 

Hands off

Xbox One features brand new support for gesture navigation, where you can use your hands to navigate with Kinect, as well as voice navigation support.

Just say “Xbox, Select” when Internet Explorer is running, and you’ll see a list of the different voice commands that are available. Probably the most popular commands are “Browse to” and “Click On.” Internet Explorer uses the latest Kinect speech technology to let you browse to your favorite sites and click on any link on a page - all without lifting a finger. Xbox recognizes the most-visited websites in your locale, plus all of your favorite sites. So if you’re looking for the news, you can just say “Browse to New York Times.”

This list is tailored to you, and you can customize it as you’d like –even rename them to something more memorable.

 

Xbox Select

Just say “Xbox, Select” to see a list of voice commands.

With “Click on,” you can activate any link on the page. Just say “Click on… <followed by whatever you want to click on>.” For really long links, you can just say a few of the words. Internet Explorer will still understand. Plus, this is implemented in a web standards respectful way, so it will work with existing websites, with no extra work required by developers. Once on a page, you can use voice to scroll through the page, play back embedded media, view video full-screen, add to favorites and more. Just say “Xbox, Select,” and you’ll see options as to what you can say.

 

Hands up

Gesture commands are pretty cool. They’re brand new for Internet Explorer on Xbox One.

Just reach out, and grab the page. Then move your hand up or down to pan around the page. You can also pull the page toward you to zoom in or push it away to zoom out. Move your open hand over a link and press it to click on it. And if the links are too close together on a page, the page will automatically zoom in so you can more easily choose one to press.

 

Grab the page to scroll

Grab the page to scroll, pull it toward you to zoom in. Press to browse a link.

 

Web Developers, get on the biggest screen in the house

Are you a web developer or designer? We think you’ll love Internet Explorer on Xbox One. Not only does it represent a massive leap in technical quality bringing the modern web to TV screens, but it adds the opportunity to engage your audience in new rich scenarios.

On Xbox One, your sites just work. Because of that, you don’t have to develop your site specifically for Xbox One, but if you choose, below we have some tips for site optimization that will aid you in creating awesome 10’ experiences. Shortly after the launch of Xbox One, you’ll be able to find in-depth resources around building for Xbox One at www.modern.IE.

To get your creative juices flowing, here are a couple key tips to keep in mind:

  • Because Xbox One supports multiple inputs, think about designing for the controller, in addition to touch, mouse and keyboard. If you have been using Pointer Events on your sites to power touch experiences already, great news! That technology fuels the multiple inputs for Xbox One. Your sites will just work with all these inputs; touch (gesture), mouse, keyboard and console
  • Utilize adaptive design. That will help ensure your site looks it’s very best when it’s full screen, or snapped to the side.
    • CSS Media Queries or JavaScript can be used to change the layout of your page based on properties of the device that is loading the page.
      • On mobile devices, consider reducing image quality to save bandwidth and improve performance
      • Minimize horizontal scrolling on narrow devices to improve readability
  • Avoid using plug-ins
    • Use HTML5 audio and video (h.264/AAC/MP3)
  • Avoid using pop-up windows

When thinking about how a user can take advantage of voice input – Internet Explorer automatically does the work to scrape the pages on your site for text, but you can help us by not rasterizing text in images and avoiding duplicative links such as multiple uses of “more” and “read article.” Also, this is a great opportunity to consider how accessible your design is. For example, make sure to use text in anchors, alt tags, and ARIA. This helps all users, even on other platforms, have the best experience with your site.

Gesture support is brand new for Xbox One - if your site is designed for touch, it will work well with gesture. Internet Explorer on Xbox One features a bit of cursor gravity to aid the user, so things like larger hit targets, less information density, and simple interactions will improve a user’s experience with gestures on your site. If you’re designing for mobile phones and tablets, these are likely things you’re already considering when designing great consumption-focused experiences.

Finally, with regard to content – the average user sits 10’ from their television, so most great 10’ experiences are optimized for content consumption, as opposed to content creation and or productivity.

Remembering these little things will help your web experience pop on any screen, and especially with Xbox One and Internet Explorer.

 

Are you in the U.S.?

We’re giving away two (2) Xbox One consoles! READ ON

The Internet Explorer team here in Redmond is so excited for this launch, we want to hook you guys up and get you playing online. We’ve got two Xbox One consoles we want to give away. Sorry folks outside the US, we have to keep this to the fifty states for this giveaway.

Each Xbox One consoles comes with a one-year Xbox Live subscription. Here’s how to get in on this:

  1. Live in the United States
  2. With new Internet Explorer on Xbox One, your favorite websites just work. Send us a tweet that includes the @IE handle and the hashtag #IEonXboxOne telling us about what you’re excited to experience in Internet Explorer for Xbox One.
  3. We’ll announce the two lucky winners picked at random on the @IE twitter handle at 6pm on Thursday November 21th! And we’ll ship you your sweet prize within two weeks.

 

Game on!

Your Internet Explorer Team

20 Comments
You must be logged in to comment. Sign in or Join Now
  • redux
    0 Posts

    "alt tags" please, they're *attributes*...

    Is there any more concrete documentation about the capabilities of the browser with regards to viewport? Will it react to, for instance, a meta viewport of width=device-width (or the equivalent @viewport in CSS) and optimise the display accordingly? Or will it simply be indistinguishable from a regular 1080p-sized monitor with a pixel density of 1, requiring content/site authors to actually make a separate "tv optimised" version of their content?

  • thx i did it to on twitter last night go go ie team

  • Dude. I hope you know you have to go on Twitter to Enter.

  • @IE no 1in the world start at 1994 to 2013 is been the best guys very fast and e11 is faster works great all very happy #IEonXboxOne

  • @IE go go go  team ie explorer No 1 #IEonXboxOne

  • @IE #IEonXboxOne all get said is been use first Internet Explorer 1994 TO 2013 now been great guys only one i use @IE #IEonXboxOne

  • @IE #IEonXboxOne all get said is been use first Internet Explorer 1994 TO 2013 now been great guys only one i use @IE #IEonXboxOne

  • 1200 Dollars here in Argentine

  • shaampa
    0 Posts

    I'm waitin' on fire 4 dis ^_^

  • Can't wait for this.  I use IE all the time and honestly think it is faster and better than the other browsers (co-workers think otherwise though). But with IE on the Xbox and now Xbox One, entertainment has just been taken to the next level... Love the fact that I could be watching Netflix and snap a browser on the side to look up the movie information.  IE can just make things better when using Xbox One.... would love to get one.

    Thanks.

  • Hello there,

    I have a question about popular plugins support for IE on Xbox One. I'm mostly interested in Flash and Silverlight. Here in Germany we have some on-demand TV providers who won't bother with Xbox One application, but provide their services through a browser, and require Silverlight plugin. Flash is also nice to have for some video sites. Will IE on Xbox One support that?

    Thanks.

  • @king you may tweet as many times as you wish, although we only count one tweet per twitter account

  • King
    32 Posts

    As far as the tweepstakes goes, is there a limit to how many times one can tweet?

  • unfortunately no, you can control things like video using your voice (such as 'Play, Pause, Full Screen') but filling in textboxes is currently not supported. Great idea though! We'll bring that back to the team. We'd love to hear about your companion site when it's ready!

  • incendy
    2 Posts

    Can you use Voice for filling in textboxes that have focus? I am trying to make some companion sites for Xbox One but need to know if this is possible.

  • The comment about IE 11 and Chrome is simply not true. Run SunSpider yourself and it's clear that Chrome is very slow. IE11 beats Chrome by 500% and it beats Firefox as well. njnnetwork.com/.../internet-explorer-11-preview-beats-chrome-by-500

  • waded
    4 Posts

    I hope credentials (and favorites/tabs) will sync from IE on PCs soon... having to retype what should already be known is my biggest pain point with IE on the 360. I know I can use other inputs, but it should be easier than that... a no-type experience is far better than a type-three-different-ways experience. You're saying favorites will sync from the 360, which is a start, but I can't say I need that.

  • vieya
    44 Posts

    IE 11 is definitely faster than IE10 on windows 7 but is still slow compared to chrome and Mozilla. Hopefully a new update will be coming soon.

  • Trix
    10 Posts

    I will share my birthday with the Xbox One, 11-22, I want that full room experience with IE. Here's to hoping my tweet is noticed ;)

    IE could be the most popular living room browser. If executed well, it should be a joy.

  • abm
    268 Posts

    @IE team, please specify would it be IE11 with WebGL support?