power users novice users web devs it pros

51
Windows Internet Explorer 8 in the Real World How do real people use the browser Paul Cutsinger Principal Program Manager Microsoft Corporation

Upload: oswald-mcdaniel

Post on 04-Jan-2016

234 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 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

Page 2: power users novice users web devs IT pros

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

perspective • Questions

Page 3: power users novice users web devs IT pros

Who we collect data from

Page 4: power users novice users web devs IT pros

power users

Page 5: power users novice users web devs IT pros

novice users

Page 6: power users novice users web devs IT pros

web devs

Page 7: power users novice users web devs IT pros

IT pros

Page 8: power users novice users web devs IT pros

domestic

Page 9: power users novice users web devs IT pros

international

Page 10: power users novice users web devs IT pros

How we collect data

Page 11: power users novice users web devs IT pros

lab

Page 12: power users novice users web devs IT pros
Page 13: power users novice users web devs IT pros

field

Page 14: power users novice users web devs IT pros
Page 15: power users novice users web devs IT pros

community feedback

Page 16: power users novice users web devs IT pros

instrumentation

Page 17: power users novice users web devs IT pros

Many other approaches

SurveysCognitive walkthroughsA/B testingEye trackingExpert reviewsFocus groups

Beta voting toolCard sortsContextual designDesirability studies

Page 18: power users novice users web devs IT pros

Why do we need all these different methods?

Page 19: power users novice users web devs IT pros

LabFirst impressionsDiscoverabilityBenchmarking

FieldExternal validity

LongitudinalQualitative

Instrumentation

Large samplesAccurate usage

Community feedback

Expert opinionsPulse on the customers

All the others

Page 20: power users novice users web devs IT pros

How much data did we collect on IE8?

Page 21: power users novice users web devs IT pros

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

Page 22: power users novice users web devs IT pros

Command UsageCommands People Are Using

18 of the top 20NavigationTabbed browsing

PlusCopy

Page 23: power users novice users web devs IT pros

Behind the Scenes Feature Tour

NavigationAddress barWeb slicesFavoritesAcceleratorsSearch

Tabbed browsingNew tab pageTab grouping

Compatibility viewMalware

Page 24: power users novice users web devs IT pros

Address Bar

80% of navigations are to previously visited places

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

Page 25: power users novice users web devs IT pros

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

Page 26: power users novice users web devs IT pros

Address bar

RelevancySections make the list scanableNot great for feeds

Hid feeds and made space for more typed URLs

Page 27: power users novice users web devs IT pros

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

Page 28: power users novice users web devs IT pros

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?

Page 29: power users novice users web devs IT pros

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

Page 30: power users novice users web devs IT pros

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

Page 31: power users novice users web devs IT pros

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

Page 32: power users novice users web devs IT pros

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

Page 33: power users novice users web devs IT pros

Behind the Scenes Feature Tour Navigation

Address bar Web Slices Favorites Accelerators SearchTabbed browsing

New tab pageTab grouping

Compatibility viewMalware

Page 34: power users novice users web devs IT pros

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

Page 35: power users novice users web devs IT pros

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

Page 36: power users novice users web devs IT pros

New Tab Page

Early DesignPeople ignored the content

Page 37: power users novice users web devs IT pros

New Tab Page

49% clicks 23% clicks

19% clicks

Reopen last browsing session9% clicks

Later DesignPeople can see the value

Page 38: power users novice users web devs IT pros

Tab Grouping

Pattern of queuing up pages to readLeading edge of tab users

Page 39: power users novice users web devs IT pros

Behind the Scenes Feature Tour Navigation

Address bar Web slices Favorites Accelerators Search

Tabbed browsing New tab page Tab groupingCompatibility viewMalware

Page 40: power users novice users web devs IT pros

Compatibility View

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

Page 41: power users novice users web devs IT pros

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

Page 42: power users novice users web devs IT pros

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

Page 43: power users novice users web devs IT pros

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

Page 44: power users novice users web devs IT pros

Participant 1

Page 45: power users novice users web devs IT pros

Participant 2

Page 46: power users novice users web devs IT pros

Behind the Scenes Feature Tour Navigation

Address bar Web slices Favorites Accelerators Search

Tabbed browsing New tab page Tab grouping

Compatibility view Malware

Page 47: power users novice users web devs IT pros

Conclusion

Faster and EasierBuilt on real world usage

Your capabilities integrated into the browsing experience

Visual Search ProvidersAcceleratorsWeb Slices

Page 48: power users novice users web devs IT pros

Thanks, Paul

Internet Explorer 8 FeaturesBehind the Scenes

Page 49: power users novice users web devs IT pros

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

Page 50: power users novice users web devs IT pros

© 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.

Page 51: power users novice users web devs IT pros