{"id":42273,"date":"2025-05-12T09:00:00","date_gmt":"2025-05-12T00:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=42273"},"modified":"2025-05-11T21:08:04","modified_gmt":"2025-05-11T12:08:04","slug":"the-guardian-ux-redesign","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2025\/05-1tp-3tea\/12\/the-guardian-ux-redesign\/","title":{"rendered":"British newspaper Guardian UX redesign"},"content":{"rendered":"<p>The Guardian, a leading British media outlet, has completely revamped its website and mobile app. The revamp moves away from the responsive web-based structure it has maintained for the past decade, and combines a mobile-centric UX with a visual design inspired by print newspapers.<\/p>\n\n\n\n<p>The change, which took more than a year to design, develop and test, was described by Guardian Media Group creative director Alex Broyer as \u201ca turning point in digital design.\u201d He said the change was not simply a redesign, but focused on dividing each section into sections, like a paper newspaper, to allow readers to explore the content they want.<\/p>\n\n\n\n<p>At the heart of the redesign is the growth of mobile users. 75% of Guardian digital visitors now come from mobile, and app users are viewing 15 times more pages on average than web users. The app has been completely redesigned to make navigation more intuitive, and the homepage has a more streamlined and flexible layout.<\/p>\n\n\n\n<p>The new app introduces a \u2018My Guardian\u2019 feature that lets you follow topics or journalists that interest you, a dedicated audio player for podcasts, and a visually revamped puzzle section. The way images and videos are handled has also been improved, moving away from fixed horizontal images and allowing you to omit images or insert vertical videos when necessary.<\/p>\n\n\n\n<p>The Guardian aims to maintain and strengthen its direct relationship with readers through this redesign in an AI-driven news consumption environment. \u201cDesign is not a set answer, and we will continue to improve based on reader feedback,\u201d Broyer said.<\/p>\n\n\n\n<p>The new Guardian app is now available for download on iOS and Android.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-1024x576.jpg\" alt=\"\" class=\"wp-image-42276\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-07.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)The Guardian<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-1024x576.jpg\" alt=\"\" class=\"wp-image-42277\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-08.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)The Guardian<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-1024x576.jpg\" alt=\"\" class=\"wp-image-42278\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-18x10.jpg 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-09.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)The Guardian<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.theguardian.com\/gnm-press-office\/2025\/may\/07\/the-guardian-unveils-new-mobile-app-and-major-homepage-redesign\">https:\/\/www.theguardian.com\/gnm-press-office\/2025\/may\/07\/the-guardian-unveils-new-mobile-app-and-major-homepage-redesign<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>\uc601\uad6d\uc758 \ub300\ud45c\uc801 \uc5b8\ub860\uc0ac \uac00\ub514\uc5b8\uc774 \uc6f9\uc0ac\uc774\ud2b8\uc640 \ubaa8\ubc14\uc77c \uc571\uc744 \uc804\uba74 \uac1c\ud3b8\ud588\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \uac1c\ud3b8\uc740 \uc9c0\ub09c 10\ub144 \ub3d9\uc548 \uc720\uc9c0\ub418\ub358 \ubc18\uc751\ud615 \uc6f9 \uae30\ubc18 \uad6c\uc870\ub97c \ud0c8\ud53c\ud574, \ubaa8\ubc14\uc77c \uc911\uc2ec\uc758 UX\uc640 \uc778\uc1c4 \uc2e0\ubb38\uc5d0\uc11c \uc601\uac10\uc744 \ubc1b\uc740 \uc2dc\uac01\uc801 \uc124\uacc4\ub97c \uacb0\ud569\ud588\uc2b5\ub2c8\ub2e4. \uc774\ubc88 \ubcc0\ud654\ub294 1\ub144 \uc774\uc0c1\uc5d0 \uac78\uce5c \ub514\uc790\uc778, \uac1c\ubc1c, \ud14c\uc2a4\ud2b8 \uacfc\uc815\uc744 \uac70\uccd0 \ud0c4\uc0dd\ud588\uc73c\uba70, \uac00\ub514\uc5b8 \ubbf8\ub514\uc5b4 \uadf8\ub8f9\uc758 \ud06c\ub9ac\uc5d0\uc774\ud2f0\ube0c \ub514\ub809\ud130 \uc54c\ub809\uc2a4 \ube0c\ub85c\uc774\uc5b4\ub294 \uc774\ub97c \u201c\ub514\uc9c0\ud138 \ub514\uc790\uc778\uc758 \uc804\ud658\uc810\u201d\uc774\ub77c \ud3c9\uac00\ud588\uc2b5\ub2c8\ub2e4. \uadf8\ub294 \ud2b9\ud788 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42274,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,620],"tags":[377,1189,1431,2166,2167],"class_list":["post-42273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-brand","tag-ux","tag-1189","tag-1431","tag-2166","tag-2167"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/05\/guardian-ux-redesign-06.jpg","publishpress_future_action":{"enabled":false,"date":"2026-05-12 12:44:47","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/42273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=42273"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/42273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/42274"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=42273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=42273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=42273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}