power users novice users web devs IT pros

Windows Internet Explorer 8 in the Real WorldHow do real people use the browserPaul CutsingerPrincipal Program ManagerMicrosoft Corporation

Internet Explorer 8 FeaturesBehind the Scenes• How we gather data• Tour of IE features from a software designer’s

perspective • Questions

Who we collect data from

power users

novice users

web devs

IT pros

domestic

international

How we collect data

lab

field

community feedback

instrumentation

Many other approaches

SurveysCognitive walkthroughsA/B testingEye trackingExpert reviewsFocus groups

Beta voting toolCard sortsContextual designDesirability studies

Why do we need all these different methods?

LabFirst impressionsDiscoverabilityBenchmarking

FieldExternal validity

LongitudinalQualitative

Instrumentation

Large samplesAccurate usage

Community feedback

Expert opinionsPulse on the customers

All the others

How much data did we collect on IE8?

Lab85 participants

170 hours

Field20 families for 6 mos.

500+ comments

Instrumentation245 data points

166,972,377 sessions1,683,420 users

Community feedback185 threads on IE Forum

2400+ threads on IE Beta NG2000+ bugs filed on Connect

All the othersCountless pieces of expert and unstructured feedback

Command UsageCommands People Are Using

18 of the top 20NavigationTabbed browsing

PlusCopy

Behind the Scenes Feature Tour

NavigationAddress barWeb slicesFavoritesAcceleratorsSearch

Tabbed browsingNew tab pageTab grouping

Compatibility viewMalware

Address Bar

80% of navigations are to previously visited places

Faster – fewer actions to navigateQuicker way to get back to History and Favorites

Address bar

Adoption1/4 of the time people choose an item from the list

No impact on usability of typing an URL

5 days for most to adopt new featuresSections and Hit Highlighting ease people in

Delete an item is popularClean up Over the shoulder privacy

Familiar keyboard usage

Address bar

RelevancySections make the list scanableNot great for feeds

Hid feeds and made space for more typed URLs

Web Slices

Refresh is in the top 20 commandsWe see people go back to some sites many times a day -- Email, social, stocks, auction, news, etc.

80% of navigations are to previously visited places

Faster – fewer actions to navigateQuicker way to get back to sites that have frequent updates

Web SlicesAdoption

1/4 of people used Web Slices on the first day1/3 have two Web SlicesBreadth of Web Slice authors are important

Need to match the services that people want

ExposureIn chrome + on page UI to addAdded to front of the favorites barGleam and bold when there’s new content

Thoughts for Site AuthorsWhat information draws people to use your service?

Favorites Bar

80% of navigations are to previously visited places

Faster – fewer actions to navigateOne click access to top favorites, feeds and web slicesIndicator for new content

Favorites Bar

Favorites bar is for quick accessSpeed - 2x faster than Favorites Center

Different usage pattern in Favorites CenterQuick access vs Keep to get back later

Important to have low management overhead

One click add and gleamEasy to remove itemsItem sizing

Web Slices are a delighter featureSpontaneous wow

Accelerators

People copy / paste to their favorite services

Faster – fewer actions to navigate Common copy paste tasks reduced from 8 steps to 2; Fewer steps to use favorite services

Thought for Accelerator authors What data do people need to bring to your site?

Command Next Command

Copy Select Tab

Copy Close IE

Copy Paste

Copy Back

Copy New Tab

Copy Close Tab

Copy Navigate via Address BarCopy GoCopy Search on Search Box

Copy ULV Dropdown

Search Box

70% of people have more than one search provider

Broad internet searchesSite specific searches

Quick Pick to toggle between providers 7% of selections are history

Thoughts for Search ProvidersGenerate results that reinforce your core value

Behind the Scenes Feature Tour Navigation

Address bar Web Slices Favorites Accelerators SearchTabbed browsing

New tab pageTab grouping

Compatibility viewMalware

General Tab Usage

More navigations and more time result in more tab usage

68%: Tab selection/switching

25%: Tab closing

6%: Tab creation

0.1% : 1%: Quick tabs0.1%: Tab list

New Tab Page

We have context about the user’s intentFaster – fewer actions to navigate

Compliment the Address Bar, Search Box and Favorites barSurface the top commands that people would like to perform after creating a new tab

New Tab Page

Early DesignPeople ignored the content

New Tab Page

49% clicks 23% clicks

19% clicks

Reopen last browsing session9% clicks

Later DesignPeople can see the value

Tab Grouping

Pattern of queuing up pages to readLeading edge of tab users

Behind the Scenes Feature Tour Navigation

Address bar Web slices Favorites Accelerators Search

Tabbed browsing New tab page Tab groupingCompatibility viewMalware

Compatibility View

Provide ability for people to correct pages that don’t display correctly in our most standards compliant mode

Compatibility View

DiscoverabilityProper context is importantRefresh is the first instinct so, co-locate the feature with refreshIconographyShow information balloon twice

Once the feature is used, people understand and can use it again

IE7 Malware Page

We want users to see the link to their homepage and leave this page without proceedingOn this version, we see both participants scanning all of the text on the page and not focusing on the link to go to their homepages

IE8 Malware Page

We want users to see the link to their homepage and leave this page without proceedingOn this version, we see both participants focusing in on the link to go to their homepages as we wanted them to

Participant 1

Participant 2

Behind the Scenes Feature Tour Navigation

Address bar Web slices Favorites Accelerators Search

Tabbed browsing New tab page Tab grouping

Compatibility view Malware

Conclusion

Faster and EasierBuilt on real world usage

Your capabilities integrated into the browsing experience

Visual Search ProvidersAcceleratorsWeb Slices

Thanks, Paul

Internet Explorer 8 FeaturesBehind the Scenes

Please Complete an Evaluation FormYour feedback is important!

Evaluation forms can be found on each chairTemp Staff at the back of the room have additional evaluation form copiesGet your DVD of IE8 from registrationTalk to IE engineers about your site in the IE compat lab in the 3rd place lounge

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.