{"id":17343,"date":"2024-11-05T11:31:19","date_gmt":"2024-11-05T19:31:19","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devblogs-news\/?p=17343"},"modified":"2024-11-05T16:18:25","modified_gmt":"2024-11-06T00:18:25","slug":"new-devblogs-layout-choose-your-view-grid-or-list","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devblogs-news\/new-devblogs-layout-choose-your-view-grid-or-list\/","title":{"rendered":"New DevBlogs Layout: Choose your view &#8211; Grid or List"},"content":{"rendered":"<p>Hello, Dev Blogs community!<\/p>\n<p>We are committed to continuously enhancing your experience on Microsoft Dev Blogs, guided by your invaluable feedback. Since the recent update on our site, we heard a lot of feedback about the masonry layout. We are excited to share how we&#8217;ve adapted to make to improve your experience.<\/p>\n<h2><strong>What We Heard<\/strong><\/h2>\n<p>Your feedback highlighted key areas of improvement:<\/p>\n<ul>\n<li><strong>Hard to Skim:<\/strong> The varied heights of each post card made it tough to quickly scan through the posts.<\/li>\n<li><strong>Unclear Order:<\/strong> Differentiating between the most recent posts and older posts was challenging.<\/li>\n<li><strong>Difficult to navigate<\/strong>: The new layout of the main Dev Blogs page was seen as having a lot of wasted space, with large header images and excessive padding, making it hard to get to the blog posts.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view.png\"><img decoding=\"async\" class=\"aligncenter wp-image-17351\" src=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view.png\" alt=\"Image Masonry or waterfall layout view\" width=\"867\" height=\"815\" srcset=\"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view.png 1153w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view-300x282.png 300w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view-1024x963.png 1024w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view-768x722.png 768w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Masonry-or-waterfall-layout-view-24x24.png 24w\" sizes=\"(max-width: 867px) 100vw, 867px\" \/><\/a><\/p>\n<h2><strong>How We Listened and Improved<\/strong><\/h2>\n<p>Understanding the need for consistency and ease of use, we implemented changes that allow you to choose the format that works best for you.<\/p>\n<ul>\n<li><strong>Default Grid Layout<\/strong>: We&#8217;ve set the default layout to a grid format. This makes the content more structured and uniform, so it&#8217;s easier to skim through posts and find what you need quickly.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order.png\"><img decoding=\"async\" class=\"aligncenter wp-image-17352\" src=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order.png\" alt=\"Image Grid layout showing uniform sized postcards in chronological order\" width=\"852\" height=\"826\" srcset=\"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order.png 1134w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order-300x291.png 300w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order-1024x993.png 1024w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order-768x745.png 768w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order-24x24.png 24w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/Grid-layout-showing-uniform-sized-postcards-in-chronological-order-48x48.png 48w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/a><\/p>\n<ul>\n<li><strong>List Layout Option<\/strong>: For those who prefer a different view we have provided a list layout option. This option displays posts in a single chronological list.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/List-layout-showing-all-posts-in-a-single-chronological-order.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-17353\" src=\"http:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/List-layout-showing-all-posts-in-a-single-chronological-order.png\" alt=\"Image List layout showing all posts in a single chronological order\" width=\"667\" height=\"734\" srcset=\"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/List-layout-showing-all-posts-in-a-single-chronological-order.png 667w, https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-content\/uploads\/sites\/85\/2024\/11\/List-layout-showing-all-posts-in-a-single-chronological-order-273x300.png 273w\" sizes=\"(max-width: 667px) 100vw, 667px\" \/><\/a><\/p>\n<h2><strong>Switching Between Layouts<\/strong><\/h2>\n<p>We&#8217;ve made it easy for you to switch between the grid and list layouts:<\/p>\n<ol>\n<li><strong>Navigate to the Layout Settings<\/strong>: You can find the layout options in the top-right corner of the posts, represented by a layout icon for each option.<\/li>\n<li><strong>Choose Your Preferred Layout<\/strong>: Click on the icon to choose the grid or list layouts. Your selection will be applied immediately and will move with you as you navigate the site. So, you can enjoy your preferred view without any hassle as you move from DevBlogs main page to any blogs home page and vice-versa.<\/li>\n<\/ol>\n<h2><strong>Looking Ahead<\/strong><\/h2>\n<p>This change addresses the top 2 areas of feedback. We are working on improvements to address the remaining feedback. We are committed to evolving Dev Blogs based on your feedback. Your insights are invaluable, and we encourage you to keep sharing your thoughts with us. Keep an eye out for more changes coming soon. Thank you for being a part of our community.<\/p>\n<p><a href=\"https:\/\/www.surveymonkey.com\/r\/ZQDZDL7\">Please take our 3-minute survey to share your thoughts.<\/a><\/p>\n<p>The Dev Blogs Platform Team<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hello, Dev Blogs community! We are committed to continuously enhancing your experience on Microsoft Dev Blogs, guided by your invaluable feedback. Since the recent update on our site, we heard a lot of feedback about the masonry layout. We are excited to share how we&#8217;ve adapted to make to improve your experience. What We Heard [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":17357,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3],"tags":[5],"class_list":["post-17343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-visual-updates","tag-layout"],"acf":[],"blog_post_summary":"<p>Hello, Dev Blogs community! We are committed to continuously enhancing your experience on Microsoft Dev Blogs, guided by your invaluable feedback. Since the recent update on our site, we heard a lot of feedback about the masonry layout. We are excited to share how we&#8217;ve adapted to make to improve your experience. What We Heard [&hellip;]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/posts\/17343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/comments?post=17343"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/posts\/17343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/media\/17357"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/media?parent=17343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/categories?post=17343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devblogs-news\/wp-json\/wp\/v2\/tags?post=17343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}