{"id":723427,"date":"2021-03-04T09:00:35","date_gmt":"2021-03-04T17:00:35","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/?post_type=msr-blog-post&#038;p=723427"},"modified":"2024-02-13T09:41:03","modified_gmt":"2024-02-13T17:41:03","slug":"giving-users-an-edge-whats-new-with-microsofts-latest-browser","status":"publish","type":"msr-blog-post","link":"https:\/\/www.microsoft.com\/en-us\/research\/articles\/giving-users-an-edge-whats-new-with-microsofts-latest-browser\/","title":{"rendered":"Giving users an &#8220;Edge:&#8221; What&#8217;s new with Microsoft&#8217;s latest browser"},"content":{"rendered":"\n<p>By <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/mcdanelmichele\/\">Michele McDanel<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"756\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-1024x756.jpg\" alt=\"computer screen and script\" class=\"wp-image-724576\" srcset=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-1024x756.jpg 1024w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-300x222.jpg 300w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-768x567.jpg 768w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-1536x1134.jpg 1536w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-16x12.jpg 16w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321-80x60.jpg 80w, https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/iStock-1185554321.jpg 2015w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span data-contrast=\"none\">The internet browser has become the primary way we work, learn, and discover. With people now spending an average of&nbsp;<\/span><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/datareportal.com\/reports\/digital-2020-global-digital-overview\"><span data-contrast=\"none\">six hours and 43 minutes online each day<\/span><span class=\"sr-only\"> (opens in new tab)<\/span><\/a><span data-contrast=\"none\">, the need for a secure, productive, and compatible browser is greater than ever. Last year, we started rebuilding the Microsoft Edge browser and after a year-long journey, we launched the browser<\/span><span data-contrast=\"none\">&nbsp;<\/span><span data-contrast=\"none\">built on the&nbsp;<\/span><a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.chromium.org\/Home\"><span data-contrast=\"none\">Chromium open-source engine<\/span><span class=\"sr-only\"> (opens in new tab)<\/span><\/a><span data-contrast=\"none\">.\u202f<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":240}\">&nbsp;<\/span><\/p>\n\n\n\n<p><span data-contrast=\"none\">As the web continues to grow in complexity, we see an opportunity to improve the web and users\u2019 experience of it by building new capabilities into a shared open-source project.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":240}\">&nbsp;<\/span><\/p>\n\n\n\n<p><span data-contrast=\"none\">Driving&nbsp;<\/span><span data-contrast=\"none\">impact<\/span><span data-contrast=\"none\">&nbsp;<\/span><span data-contrast=\"none\">is<\/span><span data-contrast=\"none\">&nbsp;more than just building great products.&nbsp;<\/span><span data-contrast=\"none\">It\u2019s<\/span><span data-contrast=\"none\">&nbsp;about understanding your customers to bring them the best possible experiences. User research provides us with the ability to engage with, learn from, and empathize with our customers. Through user research, the <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/blogs.windows.com\/windowsexperience\/?p=175340\">Edge team introduced new functionalities<span class=\"sr-only\"> (opens in new tab)<\/span><\/a> in both&nbsp;<\/span><b><span data-contrast=\"none\">vertical tabs<\/span><\/b><span data-contrast=\"none\">&nbsp;and&nbsp;<\/span><b><span data-contrast=\"none\">tracking prevention<\/span><\/b><span data-contrast=\"none\">.&nbsp;<\/span><span data-contrast=\"none\">Let\u2019s<\/span><span data-contrast=\"none\">&nbsp;<\/span><span data-contrast=\"none\">look at those improvements, and how research informed them.<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":240}\">&nbsp;<\/span><\/p>\n\n\n\n<p><em>Building&nbsp;vertical tabs&nbsp;<\/em><\/p>\n\n\n\n<p><span data-contrast=\"none\">Managing tabs has been a persistent pain point for our users.<\/span><span data-contrast=\"none\">&nbsp;On<\/span><span data-contrast=\"none\">e<\/span><span data-contrast=\"none\">&nbsp;develope<\/span><span data-contrast=\"none\">r<\/span><span data-contrast=\"none\"> told&nbsp;<\/span><span data-contrast=\"none\">us&nbsp;<\/span><span data-contrast=\"none\">about his experiences&nbsp;<\/span><span data-contrast=\"none\">with<\/span><span data-contrast=\"none\">&nbsp;managing 200 open tabs<\/span><span data-contrast=\"none\">,&nbsp;<\/span><span data-contrast=\"none\">describ<\/span><span data-contrast=\"none\">ing<\/span><span data-contrast=\"none\">&nbsp;it as \u2018mental gymnastics\u2019<\/span><span data-contrast=\"none\">.<\/span><span data-contrast=\"none\">&nbsp;<\/span><span data-contrast=\"none\">With that&nbsp;<\/span><span data-contrast=\"none\">much<\/span><span data-contrast=\"none\">&nbsp;open<\/span><span data-contrast=\"none\">&nbsp;on the screen<\/span><span data-contrast=\"none\">, the individual tab&nbsp;<\/span><span data-contrast=\"none\">titles&nbsp;<\/span><span data-contrast=\"none\">become<\/span><span data-contrast=\"none\">&nbsp;lost<\/span><span data-contrast=\"none\">,<\/span><span data-contrast=\"none\">&nbsp;and favicons are the only thing&nbsp;<\/span><span data-contrast=\"none\">users&nbsp;<\/span><span data-contrast=\"none\">can see.&nbsp;<\/span><span data-contrast=\"none\">To create more space, some users&nbsp;<\/span><span data-contrast=\"none\">resorted to opening<\/span><span data-contrast=\"none\">&nbsp;<\/span><span data-contrast=\"none\">multiple browser window<\/span><span data-contrast=\"none\">s<\/span><span data-contrast=\"none\">.&nbsp;<\/span><span data-contrast=\"none\">\u202f<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":240}\">&nbsp;<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image alignleft\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.microsoft.com\/en-us\/research\/wp-content\/uploads\/2021\/02\/W10_20H2_Laptop_Edge_Vertical-Tabs_16x9_en-US.gif\" alt=\"vertical tabs in browser\" class=\"wp-image-724492\"\/><\/figure>\n\n\n\n<p><span data-contrast=\"none\">\u201cSome people are very rigorous about only opening tabs they need and closing them when they\u2019re done. But others accumulate dozens of tabs and keep them open for weeks or months at&nbsp;<\/span><span data-contrast=\"none\">a time,\u201d says William Devereux, a Senior Program Manager on Edge. \u201cFor these users, it can be incredibly difficult to find the tab they\u2019re looking for.\u201d<\/span><span data-ccp-props=\"{\"201341983\":0,\"335559739\":160,\"335559740\":240}\">&nbsp;<\/span><\/p>\n\n\n\n<p><span data-contrast=\"none\">Most websites follow a conventional grid that leaves plenty of whitespace on either end of the page. As we began working with our users, we realized that this vertical real estate could be a better location for tabs, rather than the traditional horizontal list of tabs at the top. While vertical tabs may not be an entirely new concept, we saw an opportunity to improve the browser experience and tested several prototypes with our users.\u202f<\/span><\/p>\n\n\n\n<p>After listening to our users and consolidating our findings, we came upon some important considerations for the next iteration:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A visible feature button<\/strong>: We learned that many users like to switch between horizontal and vertical tabs, depending on the number they have open. Users needed a visible toggle, rather than one hidden under a setting. We adjusted the placement of the vertical tabs button to increase discoverability and efficiency.<\/li>\n\n\n\n<li><strong>A cohesive color palette<\/strong>: When we first began prototyping, we were using the same color as the horizontal tab-band. But our users noted how vertical tabs appeared dark and heavy. So, we lightened their color to make them feel more cohesive with the rest of the browser UI.<\/li>\n\n\n\n<li><strong>A collapsible pane<\/strong>: Some users expressed the need to focus or temporarily regain more screen real estate without losing the benefits of vertical tabs, especially on smaller monitors. To address this, we added a collapsed pane functionality, which enables users to see more of the web while still providing access to their tabs.<\/li>\n<\/ul>\n\n\n\n<p><em>Giving users more control over their privacy&nbsp;<\/em><\/p>\n\n\n\n<p>The new Microsoft Edge is designed to detect and block known third-party trackers by default. Through our <strong>tracking prevention <\/strong>feature, you can choose from three levels of tracking prevention\u2014basic, balanced, and strict. We\u2019ve done a lot to expose that control directly in Edge, so our users are empowered to make the privacy decision that best fits their needs.<\/p>\n\n\n\n<p>Many improvements to tracking prevention were informed by user research. One important change was how we describe each level of tracking prevention. We found that many users were confused by the language in the descriptors and wanted to know what it meant that some websites \u2018might not function properly.\u2019 They wanted the language to be more direct and transparent about how each setting impacted their privacy, their data, and most importantly, their experience on the browser. To that point, we added contextual help onto our settings page, with the goal to reduce confusion and provide assistance as needed.<\/p>\n\n\n\n<p>Tracking prevention, among the suite of privacy features on Edge, empowers our users to \u2018do more\u2019 by putting them directly in control of their privacy decisions and providing them the transparency they asked for.<\/p>\n\n\n\n<p><em>What\u2019s next?<\/em><\/p>\n\n\n\n<p>This process began with an emphasis on our users and their needs. As we continue to roll out new features and improve upon existing ones, we will continue to look to them to inform where we go next.<\/p>\n\n\n\n<p>Research enabled the Edge team to listen to our customers, and carefully <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/blogs.windows.com\/windowsexperience\/?p=175340\">align their needs and goals with the core value of our product<span class=\"sr-only\"> (opens in new tab)<\/span><\/a>. Based on the insights gathered, we\u2019ve started looking into the future of Edge with an exploration of the core interactions on a browser: favorites, history, and other aspects of the frame and menu. We believe there is more opportunity for new and innovative ideas that other browsers have not yet explored.<\/p>\n\n\n\n<p>We\u2019re excited to start that race.<\/p>\n\n\n\n<p><em>Thank you to Olya Veselova, William Devereux, Lillian Kravitz, Patrick Evan Little, Kristen Warren, Josh LaMar, Sara Hefny, and Joshua Tjong for contributing to this article.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>User research provides us with the ability to engage with, learn from, and empathize with our customers. Through user research, the Edge team introduced new functionalities in both\u00a0vertical tabs\u00a0and\u00a0tracking prevention.\u00a0Let\u2019s\u00a0look at those improvements, and how research informed them.\u00a0<\/p>\n","protected":false},"author":38703,"featured_media":724579,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","msr-content-parent":0,"msr_hide_image_in_river":0,"footnotes":""},"research-area":[],"msr-locale":[268875],"msr-post-option":[],"class_list":["post-723427","msr-blog-post","type-msr-blog-post","status-publish","has-post-thumbnail","hentry","msr-locale-en_us"],"msr_assoc_parent":[],"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/723427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-blog-post"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/users\/38703"}],"version-history":[{"count":14,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/723427\/revisions"}],"predecessor-version":[{"id":1007472,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-blog-post\/723427\/revisions\/1007472"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media\/724579"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=723427"}],"wp:term":[{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=723427"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=723427"},{"taxonomy":"msr-post-option","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-post-option?post=723427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}