{"id":216,"date":"2018-02-27T03:56:02","date_gmt":"2018-02-27T03:56:02","guid":{"rendered":"https:\/\/portfolio.cherylplatz.com\/?p=216"},"modified":"2021-05-18T23:00:30","modified_gmt":"2021-05-18T23:00:30","slug":"azure-marketplace-gallery-filter","status":"publish","type":"post","link":"https:\/\/portfolio.cherylplatz.com\/?p=216","title":{"rendered":"Azure Marketplace Gallery Filter"},"content":{"rendered":"<p>When we launched the new Azure Marketplace in January of 2017, we initially adopted the category control from AppSource.com, both for consistency and expediency on our tight timeline.<\/p>\n<p>After launch, however, customer feedback via verbatims and quantitative data began to suggest that our customers had a problem with wayfinding. The issue largely stemmed from the difference in information architecture between the sites. AppSource categories correspond to products and were more rigidly hierarchical, while Azure Marketplace categories had overlap and a less rigid hierarchy. <\/p>\n<p>I proposed to the team that we begin an exploration of alternate filtering models, and the team agreed. However, the general desire was to explore broadly in hopes of finding a single control pattern that worked for both AppSource and Azure Marketplace, since both shared the same root code. Because the usability of filtering controls is heavily influenced by factors like response time, page animation, and usefulness of results, we felt it important to prototype heavily for this project.<\/p>\n<p>MY ROLE: Solo designer.<br \/>\nTEAM: 1 design prototyper, 1 researcher, and 2 product managers.<\/p>\n<h2>Problem Statement<\/h2>\n<ul>\n<li>Existing category browse controls were causing confusion and disorientation.<\/li>\n<li>Existing filter controls did not scale well for multiple filter categories, and ran well below the fold.<\/li>\n<li>Category information architecture behaved differently on different sites. Azure Marketplace had a more complex taxonomy.<\/li>\n<li>Product team was not willing to risk any temporary regression on the live site.<\/li>\n<li>Product team preferred a single control set for both Azure Marketplace and AppSource galleries<\/li>\n<\/ul>\n<h2>Prologue: AppSource.com Explorations<\/h2>\n<p>At the start, it seemed that AppSource would be our launch vehicle for new filtering due to a high development volume. In April and May 2017, the design team explored and eventually prototyped several new models for filtering AppSource.\u200b The first explorations I did focused on coarse layout options using controls from the Microsoft Web Framework (MWF) Library.<\/p>\n<p>In an A\/B test that compared a left panel with &#8220;accordion&#8221; collapsible sections and a horizontally oriented set of dropdown filters. Across 2 tests (n=8) the preference was for the \u201caccordion\u201d style MWF filters, which became our recommendation.<\/p>\n<h2>Round 1: Retest for Azure Marketplace<\/h2>\n<p>After we made those recommendations, the product team decided AMP was a more appropriate launch vehicle for new filtering as it was perceived as lower risk.\u200b<br \/>\nWe decided to start by testing the AppSource recommendation in AMP.<\/p>\n<div class=\"tiled-gallery type-rectangular tiled-gallery-unresized\" data-original-width=\"840\" data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\\\/\\\/portfolio.cherylplatz.com\\\/?p=216&quot;,&quot;likes_blog_id&quot;:133648270}' itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\" > <div class=\"gallery-row\" style=\"width: 840px; height: 325px;\" data-original-width=\"840\" data-original-height=\"325\" > <div class=\"gallery-group images-1\" style=\"width: 374px; height: 325px;\" data-original-width=\"374\" data-original-height=\"325\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"370\"> <meta itemprop=\"height\" content=\"321\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"250\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png\" data-orig-size=\"1296,1125\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round1a\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?fit=300%2C260&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?fit=840%2C729&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?w=370&#038;h=321&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?w=1296&amp;ssl=1 1296w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?resize=300%2C260&amp;ssl=1 300w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?resize=768%2C667&amp;ssl=1 768w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1a.png?resize=1024%2C889&amp;ssl=1 1024w\" width=\"370\" height=\"321\" loading=\"lazy\" data-original-width=\"370\" data-original-height=\"321\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Round1a\" alt=\"Accordion MWF filter applied to the Azure Marketplace info architecture, and some custom styling.\" style=\"width: 370px; height: 321px;\" \/> <\/a> <div class=\"tiled-gallery-caption\" itemprop=\"caption description\"> Accordion MWF filter applied to the Azure Marketplace info architecture, and some custom styling. <\/div> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 466px; height: 325px;\" data-original-width=\"466\" data-original-height=\"325\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"462\"> <meta itemprop=\"height\" content=\"321\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"251\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png\" data-orig-size=\"539,375\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round1B\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?fit=300%2C209&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?fit=539%2C375&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?w=462&#038;h=321&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?w=539&amp;ssl=1 539w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round1B.png?resize=300%2C209&amp;ssl=1 300w\" width=\"462\" height=\"321\" loading=\"lazy\" data-original-width=\"462\" data-original-height=\"321\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Round1B\" alt=\"All accordion groups were expanded at page load per feedback from AppSource testing. In addition to highlights, tags are shown at top per existing AMP design.\" style=\"width: 462px; height: 321px;\" \/> <\/a> <div class=\"tiled-gallery-caption\" itemprop=\"caption description\"> All accordion groups were expanded at page load per feedback from AppSource testing. In addition to highlights, tags are shown at top per existing AMP design. <\/div> <\/div> <\/div> <!-- close group --> <\/div> <!-- close row --> <\/div>\n<h3>Findings from Round 1 (n=3)<\/h3>\n<p>We found, to our surprise, that preferences <strong>did not match<\/strong> due to the differences in information architecture.<\/p>\n<ul>\n<li><strong>The subcategory update was not immediately noticeable.\u200b<\/strong>This is a particular issue for AMP that didn\u2019t exist in AppSource. The initial list of products is very small, so it was easy to see the subcategory when added to the filters. On AMP, the initial list of categories is very long, and thus problematic for this control.\u200b<\/li>\n<li><strong>Ability to clear applied category filter from the left menu was not immediately obvious.\u200b<\/strong>This issue exists for all MWF Refine Menu selections, so we were not able to address this without major styling changes or new controls. It\u2019s possible that eliminating the filter tags would actually make the left highlights more discoverable.\u200b<\/li>\n<li><strong>Ability to search the filtered list or use custom filters was expected.\u200b<\/strong>This is not feedback on the particular filter design, but a site-wide feature request to change the relationship between search and filter.\u200b<\/li>\n<\/ul>\n<h2>Round 2: Iterative design and test<\/h2>\n<p>Based on the findings from the Round 1 test, I delivered 2 updated designs for prototyping in the Azure Marketplace context: (A) an updated accordion design with an auto-collapsing category group to help with the scale and scroll problem, and ()B horizontal dropdown filter controls as previously tested for AppSource.com.<\/p>\n<div class=\"tiled-gallery type-rectangular tiled-gallery-unresized\" data-original-width=\"840\" data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\\\/\\\/portfolio.cherylplatz.com\\\/?p=216&quot;,&quot;likes_blog_id&quot;:133648270}' itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\" > <div class=\"gallery-row\" style=\"width: 840px; height: 362px;\" data-original-width=\"840\" data-original-height=\"362\" > <div class=\"gallery-group images-1\" style=\"width: 423px; height: 362px;\" data-original-width=\"423\" data-original-height=\"362\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"419\"> <meta itemprop=\"height\" content=\"358\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"252\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png\" data-orig-size=\"1249,1068\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round2A\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?fit=300%2C257&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?fit=840%2C719&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?w=419&#038;h=358&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?w=1249&amp;ssl=1 1249w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?resize=300%2C257&amp;ssl=1 300w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?resize=768%2C657&amp;ssl=1 768w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2A.png?resize=1024%2C876&amp;ssl=1 1024w\" width=\"419\" height=\"358\" loading=\"lazy\" data-original-width=\"419\" data-original-height=\"358\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Round2A\" alt=\"Option A: Same base functionality as Round 1, but upon clicking Category the group closes automatically to make the subcategory group move above the fold.\" style=\"width: 419px; height: 358px;\" \/> <\/a> <div class=\"tiled-gallery-caption\" itemprop=\"caption description\"> Option A: Same base functionality as Round 1, but upon clicking Category the group closes automatically to make the subcategory group move above the fold. <\/div> <\/div> <\/div> <!-- close group --> <div class=\"gallery-group images-1\" style=\"width: 417px; height: 362px;\" data-original-width=\"417\" data-original-height=\"362\" > <div class=\"tiled-gallery-item tiled-gallery-item-large\" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"413\"> <meta itemprop=\"height\" content=\"358\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"253\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png\" data-orig-size=\"1299,1125\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round2B\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?fit=300%2C260&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?fit=840%2C728&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?w=413&#038;h=358&#038;ssl=1\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?w=1299&amp;ssl=1 1299w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?resize=300%2C260&amp;ssl=1 300w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?resize=768%2C665&amp;ssl=1 768w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round2B.png?resize=1024%2C887&amp;ssl=1 1024w\" width=\"413\" height=\"358\" loading=\"lazy\" data-original-width=\"413\" data-original-height=\"358\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Round2B\" alt=\"Option B: Full set of horizontal filters. Subcategory has been moved to the header row in order to minimize the number of dropdowns visible.\" style=\"width: 413px; height: 358px;\" \/> <\/a> <div class=\"tiled-gallery-caption\" itemprop=\"caption description\"> Option B: Full set of horizontal filters. Subcategory has been moved to the header row in order to minimize the number of dropdowns visible. <\/div> <\/div> <\/div> <!-- close group --> <\/div> <!-- close row --> <\/div>\n<h3>Round 2 Research Findings<\/h3>\n<ul>\n<li><strong>There was a slight preference (3\/5) for the horizontal filters (Option B) over the vertical filters.<\/strong>This directly contradicts the feedback from AppSource testing of horizontal filters, so we may be seeing a 50\/50 split of subjective customer preference. Also, this particular finding was also split \u2013 so it does not immediately invalidate previous findings.<\/li>\n<li><strong>The subcategories in the header of the horizontal filter page were not noticeable.<\/strong>The experimental placement of the subcategory in the header was not successful. Any future horizontal filter design will either need to add a subcategory filter or break out categories\/subcategories into a different control.<\/li>\n<li><strong>The subcategories in the vertical filters (Option A) were not immediately obvious.<\/strong>The auto-collapse behavior we introduced did not mitigate the feedback received in round 1 regarding the accordions. Verbatim: \u201cDid not see the last 2 categories as it was below the fold. Would like to see the filters collapsed at first.\u201d<\/li>\n<\/ul>\n<h2>Round 3: Additional iterations<\/h2>\n<p>We identified pros and cons of both options from Round 2, but our partner team was particularly unwilling to take on risk. We then doubled down on one more round of iteration to deal with the feedback from Round 2. Three options were identified and evaluated; 2 were tested.<\/p>\n<ul>\n<li>Round 3A: Categories became a navigational affordance, and I introduced a separate accordion control for filters. This did lead to an issue where the filters would change vertical position as the category list became a subcategory list.<\/li>\n<li>Round 3B: Categories are a navigational affordance on the left as seen in 3A, and filters are moved to a horizontal row above results. This exploration didn&#8217;t suffer from the same repositioning effects as 3A.<\/li>\n<li>Round 3C: An exploration where the header itself became interactive, allowing us to move category and subcategory selection there and reclaim some space. The left pane was used for a filter accordion.<\/li>\n<\/ul>\n<div data-carousel-extra='{\"blog_id\":1,\"permalink\":\"https:\\\/\\\/portfolio.cherylplatz.com\\\/?p=216\"}' id='gallery-3' class='gallery galleryid-216 gallery-columns-3 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"380\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?fit=434%2C380&amp;ssl=1\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-3-254\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?w=434&amp;ssl=1 434w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?resize=300%2C263&amp;ssl=1 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" data-attachment-id=\"254\" data-permalink=\"https:\/\/portfolio.cherylplatz.com\/?attachment_id=254\" data-orig-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?fit=434%2C380&amp;ssl=1\" data-orig-size=\"434,380\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round3A\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Option 3A: Category nav above filters at left&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?fit=300%2C263&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3A.png?fit=434%2C380&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-254'>\n\t\t\t\tOption 3A: Category nav above filters at left\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"380\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?fit=434%2C380&amp;ssl=1\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-3-255\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?w=434&amp;ssl=1 434w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?resize=300%2C263&amp;ssl=1 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" data-attachment-id=\"255\" data-permalink=\"https:\/\/portfolio.cherylplatz.com\/?attachment_id=255\" data-orig-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?fit=434%2C380&amp;ssl=1\" data-orig-size=\"434,380\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round3B\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Option 3B: Category nav at left, filters at right, horizontally oriented&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?fit=300%2C263&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3B.png?fit=434%2C380&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-255'>\n\t\t\t\tOption 3B: Category nav at left, filters at right, horizontally oriented\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?ssl=1\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"380\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?fit=434%2C380&amp;ssl=1\" class=\"attachment-large size-large\" alt=\"\" aria-describedby=\"gallery-3-256\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?w=434&amp;ssl=1 434w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?resize=300%2C263&amp;ssl=1 300w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" data-attachment-id=\"256\" data-permalink=\"https:\/\/portfolio.cherylplatz.com\/?attachment_id=256\" data-orig-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?fit=434%2C380&amp;ssl=1\" data-orig-size=\"434,380\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Round3C\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;Option 3C: Interactive header at right, filters at left.&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?fit=300%2C263&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Round3C.png?fit=434%2C380&amp;ssl=1\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-256'>\n\t\t\t\tOption 3C: Interactive header at right, filters at left.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<h3>Round 3 Findings (n=3)<\/h3>\n<ul>\n<li><strong>Subcategories were not very visible in the Hybrid model (Option B).<\/strong>\n<p>The prototype styling was notintended to be pixel-perfect, so this could partially be addressed as we move to high fidelity.<\/li>\n<li><strong>Most users did not notice the Category filter on top in the interactive header model (Option C).<\/strong>\n<p>This could be solved partially by changing the default content for that control from \u201cAll\u201d to \u201cAll Categories.<\/li>\n<li><strong>There was a slight user preference for Option B (n=2\/3).<\/strong><\/li>\n<\/ul>\n<h2>Results &#038; Recommendation<\/h2>\n<p><strong>These findings, paired with the fact that Option B was also viable in AppSource in May tests and was only ruled out due to preference, meant that our recommendation was to move forward with Option B.<\/strong> Final designs and redlines were delivered for the resting state, the category view, and the search results view.<\/p>\n<div class=\"tiled-gallery type-square tiled-gallery-unresized\" data-original-width=\"840\" data-carousel-extra='{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;https:\\\/\\\/portfolio.cherylplatz.com\\\/?p=216&quot;,&quot;likes_blog_id&quot;:133648270}' itemscope itemtype=\"http:\/\/schema.org\/ImageGallery\" > <div class=\"gallery-row\" style=\"width: 840px; height: 420px;\" data-original-width=\"840\" data-original-height=\"420\" > <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final1.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"257\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final1.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final1\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final1.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final1.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final1.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final1\" alt=\"AMP_Filter_Final1\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final2.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"258\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final2.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final2\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final2.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final2.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final2.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final2\" alt=\"AMP_Filter_Final2\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <\/div> <div class=\"gallery-row\" style=\"width: 840px; height: 420px;\" data-original-width=\"840\" data-original-height=\"420\" > <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final3.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"259\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final3.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final3\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final3.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final3.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final3.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final3\" alt=\"AMP_Filter_Final3\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final4.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"260\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final4.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final4\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final4.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final4.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final4.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final4\" alt=\"AMP_Filter_Final4\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <\/div> <div class=\"gallery-row\" style=\"width: 840px; height: 420px;\" data-original-width=\"840\" data-original-height=\"420\" > <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final5.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"261\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final5.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final5\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final5.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final5.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final5.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final5\" alt=\"AMP_Filter_Final5\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <div class=\"gallery-group\" style=\"width: 420px; height: 420px;\" data-original-width=\"420\" data-original-height=\"420\" > <div class=\"tiled-gallery-item \" itemprop=\"associatedMedia\" itemscope itemtype=\"http:\/\/schema.org\/ImageObject\"> <a href=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final6.png?ssl=1\" border=\"0\" itemprop=\"url\"> <meta itemprop=\"width\" content=\"416\"> <meta itemprop=\"height\" content=\"416\"> <img decoding=\"async\" class=\"\" data-attachment-id=\"262\" data-orig-file=\"https:\/\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final6.png\" data-orig-size=\"592,519\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Final6\" data-image-description=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final6.png?fit=300%2C263&#038;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final6.png?fit=592%2C519&#038;ssl=1\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Final6.png?w=416&#038;h=416&#038;crop=1&#038;ssl=1\" width=\"416\" height=\"416\" loading=\"lazy\" data-original-width=\"416\" data-original-height=\"416\" itemprop=\"http:\/\/schema.org\/image\" title=\"AMP_Filter_Final6\" alt=\"AMP_Filter_Final6\" style=\"width: 416px; height: 416px;\" \/> <\/a> <\/div> <\/div> <\/div> <\/div>\n<p>During implementation, we learned that we could suppress the search tag behavior we inherited from AppSource. This streamlined the header and reclaimed visible space, without much regression since the design chosen places all filters above the fold.<\/p>\n<p>As a result, the final implementation as seen at the <a href=\"https:\/\/azuremarketplace.microsoft.com\/en-us\/marketplace\/apps\/category\/compute?page=1&#038;filters=free-trial%3Bwindows\">Azure Marketplace<\/a>:<br \/>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"263\" data-permalink=\"https:\/\/portfolio.cherylplatz.com\/?attachment_id=263\" data-orig-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?fit=2098%2C1719&amp;ssl=1\" data-orig-size=\"2098,1719\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"AMP_Filter_Implemented\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?fit=300%2C246&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?fit=840%2C688&amp;ssl=1\" class=\"alignnone size-full wp-image-263\" src=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?resize=840%2C688&#038;ssl=1\" alt=\"AMP_Filter_Implemented.PNG\" width=\"840\" height=\"688\" srcset=\"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?w=2098&amp;ssl=1 2098w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?resize=300%2C246&amp;ssl=1 300w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?resize=768%2C629&amp;ssl=1 768w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?resize=1024%2C839&amp;ssl=1 1024w, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?w=1680&amp;ssl=1 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When we launched the new Azure Marketplace in January of 2017, we initially adopted the category control from AppSource.com, both for consistency and expediency on our tight timeline. After launch, however, customer feedback via verbatims and quantitative data began to suggest that our customers had a problem with wayfinding. The issue largely stemmed from the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":263,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[54,16,84,58,24],"tags":[44,22,56,32,55],"class_list":["post-216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-commerce","category-enterprise-products","category-information-architecture","category-leadership","category-product-design","tag-e-commerce","tag-information-architecture","tag-iterative-design","tag-microsoft","tag-search-and-filter"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/08\/AMP_Filter_Implemented.png?fit=2098%2C1719&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p92M1g-3u","jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":164,"url":"https:\/\/portfolio.cherylplatz.com\/?p=164","url_meta":{"origin":216,"position":0},"title":"Azure Marketplace 2.0","author":"cplatz","date":"February 1, 2017","format":false,"excerpt":"In the fall of 2016, my responsibilities as the Azure Framework Design Lead expanded to include direct responsibility for our pro developer marketplaces. When we began, the only active marketplace in our purview was AppSource.com, but there was an immediate need to take the lessons learned on AppSource and apply\u2026","rel":"","context":"In &quot;Cloud Services&quot;","block_context":{"text":"Cloud Services","link":"https:\/\/portfolio.cherylplatz.com\/?cat=83"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/FeaturedImage2.png?fit=1200%2C710&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/FeaturedImage2.png?fit=1200%2C710&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/FeaturedImage2.png?fit=1200%2C710&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/FeaturedImage2.png?fit=1200%2C710&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/FeaturedImage2.png?fit=1200%2C710&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":218,"url":"https:\/\/portfolio.cherylplatz.com\/?p=218","url_meta":{"origin":216,"position":1},"title":"Marketplace Landing Pages","author":"cplatz","date":"July 6, 2017","format":false,"excerpt":"In early 2017, analysis of the AppSource.com telemetry revealed a potentially significant problem with the landing experience on AppSource.com, which was launched prior to my time partnering with the team. In partnership with our marketing and merchandising product managers, I worked to help both the AppSource and Azure Marketplace teams\u2026","rel":"","context":"In &quot;Ecommerce&quot;","block_context":{"text":"Ecommerce","link":"https:\/\/portfolio.cherylplatz.com\/?cat=54"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/SatyaReview_Homepage_June5_OptionD.png?fit=896%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/SatyaReview_Homepage_June5_OptionD.png?fit=896%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/SatyaReview_Homepage_June5_OptionD.png?fit=896%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/SatyaReview_Homepage_June5_OptionD.png?fit=896%2C1200&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":184,"url":"https:\/\/portfolio.cherylplatz.com\/?p=184","url_meta":{"origin":216,"position":2},"title":"Azure Partner UX Guidelines","author":"cplatz","date":"January 15, 2018","format":false,"excerpt":"When I returned to Microsoft in August 2016, I joined as the Design Lead for the Azure Framework. Our team of 4 full-time designers, 2 researchers, and a content writer - along with our studio head, who worked closely with us - were responsible for improving the user experience of\u2026","rel":"","context":"In &quot;Cloud Services&quot;","block_context":{"text":"Cloud Services","link":"https:\/\/portfolio.cherylplatz.com\/?cat=83"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/AzureUXGuideSite-Home.png?fit=1200%2C909&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/AzureUXGuideSite-Home.png?fit=1200%2C909&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/AzureUXGuideSite-Home.png?fit=1200%2C909&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/AzureUXGuideSite-Home.png?fit=1200%2C909&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/01\/AzureUXGuideSite-Home.png?fit=1200%2C909&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":270,"url":"https:\/\/portfolio.cherylplatz.com\/?p=270","url_meta":{"origin":216,"position":3},"title":"Design leadership: Power platform admin center","author":"cplatz","date":"September 27, 2018","format":false,"excerpt":"On November 1, 2017, I took on a new role at Microsoft as the Design Lead for a new and ambitious cross-product initiative, which 10 months later was released as the Power platform admin center. Read more about the site in Microsoft's words at the official press release. Problem Statement\u2026","rel":"","context":"In &quot;Cloud Services&quot;","block_context":{"text":"Cloud Services","link":"https:\/\/portfolio.cherylplatz.com\/?cat=83"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/09\/EnvHub365%402x.png?fit=1200%2C738&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/09\/EnvHub365%402x.png?fit=1200%2C738&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/09\/EnvHub365%402x.png?fit=1200%2C738&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/09\/EnvHub365%402x.png?fit=1200%2C738&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/09\/EnvHub365%402x.png?fit=1200%2C738&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":91,"url":"https:\/\/portfolio.cherylplatz.com\/?p=91","url_meta":{"origin":216,"position":4},"title":"SCCM 2012: Information Architecture","author":"cplatz","date":"August 5, 2012","format":false,"excerpt":"My time on System Center Configuration Manager 2012 spanned four years of design and hundreds of UI surfaces. \u00a0Perhaps our most important task was redefining the information architecture of the product - and to do so, we had to drive years of detailed user research and iterative design experimentation. Problem\u2026","rel":"","context":"In &quot;Enterprise Experiences&quot;","block_context":{"text":"Enterprise Experiences","link":"https:\/\/portfolio.cherylplatz.com\/?cat=16"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2017\/08\/SCCM_IA_5point0.png?fit=1200%2C726&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2017\/08\/SCCM_IA_5point0.png?fit=1200%2C726&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2017\/08\/SCCM_IA_5point0.png?fit=1200%2C726&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2017\/08\/SCCM_IA_5point0.png?fit=1200%2C726&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2017\/08\/SCCM_IA_5point0.png?fit=1200%2C726&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":303,"url":"https:\/\/portfolio.cherylplatz.com\/?p=303","url_meta":{"origin":216,"position":5},"title":"Dynamics 365 settings IA: Power platform admin center","author":"cplatz","date":"October 4, 2018","format":false,"excerpt":"As part of my role as the Design Lead for the launch of Microsoft's ambitious Power platform admin center, I took on several complex individual contributor projects. The largest of these projects was the migration of Dynamics app settings from the Dynamics 365 app on a legacy web client to\u2026","rel":"","context":"In &quot;Cloud Services&quot;","block_context":{"text":"Cloud Services","link":"https:\/\/portfolio.cherylplatz.com\/?cat=83"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/10\/IA_EnvironmentsInfoArchitecture.png?fit=1200%2C885&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/10\/IA_EnvironmentsInfoArchitecture.png?fit=1200%2C885&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/10\/IA_EnvironmentsInfoArchitecture.png?fit=1200%2C885&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/10\/IA_EnvironmentsInfoArchitecture.png?fit=1200%2C885&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/portfolio.cherylplatz.com\/wp-content\/uploads\/2018\/10\/IA_EnvironmentsInfoArchitecture.png?fit=1200%2C885&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/posts\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=216"}],"version-history":[{"count":4,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/posts\/216\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/posts\/216\/revisions\/267"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=\/wp\/v2\/media\/263"}],"wp:attachment":[{"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portfolio.cherylplatz.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}