{"id":40211,"date":"2025-03-28T09:00:00","date_gmt":"2025-03-28T00:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=40211"},"modified":"2025-03-28T09:00:03","modified_gmt":"2025-03-28T00:00:03","slug":"microsoft-ux-renewal","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2025\/03\/28\/microsoft-ux-renewal\/","title":{"rendered":"Microsoft Login UX Renewal"},"content":{"rendered":"<p>Microsoft announced that it is introducing a new login UX for over 1 billion user accounts worldwide. The new login screen is designed based on Microsoft&#039;s design language, Fluent 2, and will be applied to most consumer accounts via web and mobile by the end of April 2025. It reminds me of the complex integration process of the &#039;unified account&#039; that was often seen in Korean services.<\/p>\n\n\n\n<p>Microsoft has been continuously improving the user experience across various cloud-based environments, including Xbox, Windows, and Microsoft 365. This login UX includes design changes to reduce user errors during the authentication process and increase account recovery potential. The login flow has been streamlined and the amount of information per screen has been reduced to reduce cognitive burden.<\/p>\n\n\n\n<p>The new design is responsive and can adapt to various screen sizes, with a centralized structure that does not distract attention. It automatically supports light and dark modes based on customer feedback and is being applied first in gaming apps. The login screen is unified with a Microsoft-centric design rather than a product-specific one, strengthening brand consistency.<\/p>\n\n\n\n<p>The new UX emphasizes passwordless authentication. Users can create an account using their existing email address and complete authentication with a one-time code. They are then prompted to add a passkey, which acts as a faster and more secure way to log in. If a passkey is available, it will be set as the default login method.<\/p>\n\n\n\n<p>This UX overhaul is rolling out first on Xbox Web and Mobile and is rolling out to other consumer apps later.<\/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\/03\/ms-login-ux-06-1024x576.jpg\" alt=\"\" class=\"wp-image-40212\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-06.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/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\/03\/ms-login-ux-07-1024x576.jpg\" alt=\"\" class=\"wp-image-40213\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-07.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/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\/03\/ms-login-ux-08-1024x576.jpg\" alt=\"\" class=\"wp-image-40214\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-1024x576.jpg 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-300x169.jpg 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-768x432.jpg 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-1536x864.jpg 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-1320x743.jpg 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08-600x338.jpg 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-08.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">(C)Microsoft<\/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:\/\/techcommunity.microsoft.com\/blog\/microsoft-entra-blog\/new-user-experience-for-consumer-authentication\/3822035\">https:\/\/techcommunity.microsoft.com\/blog\/microsoft-entra-blog\/new-user-experience-for-consumer-authentication\/3822035<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>\ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uac00 \uc804 \uc138\uacc4 10\uc5b5 \uba85\uc774 \ub118\ub294 \uc0ac\uc6a9\uc790 \uacc4\uc815\uc744 \ub300\uc0c1\uc73c\ub85c \uc0c8\ub85c\uc6b4 \ub85c\uadf8\uc778 UX\uc744 \ub3c4\uc785\ud55c\ub2e4\uace0 \ubc1d\ud614\uc2b5\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 \ub85c\uadf8\uc778 \ud654\uba74\uc740 \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\uc758 \ub514\uc790\uc778 \uc5b8\uc5b4\uc778 Fluent 2\ub97c \uae30\ubc18\uc73c\ub85c \uc124\uacc4\ub418\uc5c8\uc73c\uba70 2025\ub144 4\uc6d4 \ub9d0\uae4c\uc9c0 \uc6f9\uacfc \ubaa8\ubc14\uc77c\uc744 \ud1b5\ud574 \ub300\ubd80\ubd84\uc758 \uc18c\ube44\uc790 \uacc4\uc815\uc5d0\uc11c \uc801\uc6a9\ub420 \uc608\uc815\uc785\ub2c8\ub2e4. \ud55c\uad6d \uc11c\ube44\uc2a4\uc5d0\uc11c \uc790\uc8fc \ubcfc \uc218 \uc788\uc5c8\ub358 &#8216;\ud1b5\ud569 \uacc4\uc815&#8217;\uc758 \ubcf5\uc7a1\ud55c \ud1b5\ud569 \uacfc\uc815\uc774 \ub5a0\uc624\ub985\ub2c8\ub2e4. \ub9c8\uc774\ud06c\ub85c\uc18c\ud504\ud2b8\ub294 \uadf8\ub3d9\uc548 Xbox, Windows, Microsoft 365 \ub4f1 \ub2e4\uc591\ud55c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":40215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,621],"tags":[100,377,1295,1997],"class_list":["post-40211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-100","tag-ux","tag-1295","tag-1997"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/03\/ms-login-ux-05.jpg","publishpress_future_action":{"enabled":false,"date":"2026-05-12 04:02:32","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\/40211","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=40211"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/40211\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/40215"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=40211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=40211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=40211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}