{"id":2788,"date":"2012-08-01T20:08:03","date_gmt":"2012-08-01T18:08:03","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=2788"},"modified":"2012-08-02T14:39:53","modified_gmt":"2012-08-02T12:39:53","slug":"metro-microsoft-windows8-outlook-com","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/veille-graphique\/metro-microsoft-windows8-outlook-com","title":{"rendered":"\u00c7a sent le Metro chez Microsoft"},"content":{"rendered":"<p><a href=\"http:\/\/www.pcinpact.com\/news\/72538-windows-8-sera-officiellement-lance-26-octobre-ce-quil-faut-savoir.htm\">Windows 8 arrive bient\u00f4t<\/a>, et avec lui son univers graphique simple et \u00e9pur\u00e9. Durant ces 4 derni\u00e8res semaines, j&rsquo;ai vu la page de connexion \u00e0 hotmail.com se modifier (parfois avec de dr\u00f4les de transitions) pour devenir ce qu&rsquo;elle est \u00e0 l&rsquo;heure o\u00f9 j&rsquo;\u00e9cris cet article.<!--more--><\/p>\n<p>Li\u00e9e \u00e0 l&rsquo;univers Metro, le design des diverses interfaces de chez Microsoft semblent se simplifier de jour en jour pour aller \u00e0 l&rsquo;essentiel et supprimer toute forme de fioriture (ou presque).<br \/>\n<a href=\"http:\/\/www.pcinpact.com\/news\/72816-outlook-com-remplace-hotmail-nouveautes-en-images.htm\">Hotmail devient progressivement Outlook.com<\/a> et rappelle beaucoup les codes graphiques utilis\u00e9s par Metro : aucun d\u00e9grad\u00e9 de couleurs, des formes carr\u00e9es, des espacements importants, une fonte fine (Segoe UI ou Segoe WP), des ic\u00f4nes en aplats de couleur, une gamme de couleurs bien d\u00e9finie, etc.<\/p>\n<p>Voyez plut\u00f4t :<\/p>\n<h2>Hotmail et Outlook<\/h2>\n<figure id=\"attachment_2790\" aria-labelledby=\"figcaption_attachment_2790\" class=\"wp-caption aligncenter\" style=\"width: 460px\"><a href=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-hotmail.png\" class=\"fancy\" title=\"L&#039;interface de connexion de Hotmail\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-hotmail-600x390.png\" alt=\"\" title=\"\" width=\"450\" height=\"292\" class=\"size-large wp-image-2790\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-hotmail-600x390.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-hotmail-300x195.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-hotmail.png 985w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"figcaption_attachment_2790\" class=\"wp-caption-text\">L&#039;interface de connexion de Hotmail<\/figcaption><\/figure>\n<figure id=\"attachment_2791\" aria-labelledby=\"figcaption_attachment_2791\" class=\"wp-caption aligncenter\" style=\"width: 460px\"><a href=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-outlook.png\" class=\"fancy\" title=\"L&#039;interface de connexion de Outlook\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-outlook-600x390.png\" alt=\"\" title=\"\" width=\"450\" height=\"292\" class=\"size-large wp-image-2791\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-outlook-600x390.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-outlook-300x195.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/microsoft-metro-outlook.png 985w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"figcaption_attachment_2791\" class=\"wp-caption-text\">L&#039;interface de connexion de Outlook<\/figcaption><\/figure>\n<h2>L&rsquo;interface d&rsquo;Outlook.com<\/h2>\n<p>Outre la page de connexion, Outlook copie une grosse partie de l&rsquo;esprit Metro pour l&rsquo;ins\u00e9rer dans cette nouvelle application mail.<br \/>\n<figure id=\"attachment_2796\" aria-labelledby=\"figcaption_attachment_2796\" class=\"wp-caption aligncenter\" style=\"width: 460px\"><a href=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/outlook-com-metro.png\" class=\"fancy\" title=\"L'ancienne interface de Windows Live\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/outlook-com-metro-600x440.png\" alt=\"\" title=\"\" width=\"450\" height=\"330\" class=\"size-large wp-image-2796\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/outlook-com-metro-600x440.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/outlook-com-metro-300x220.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/outlook-com-metro.png 973w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"figcaption_attachment_2796\" class=\"wp-caption-text\">Page de mail sur Outlook.com avec couleur personnalis\u00e9e<\/figcaption><\/figure><\/p>\n<p>Je ne parle ici que de l&rsquo;aspect graphique, quelques nouvelles fonctionnalit\u00e9s vont voir le jour, mais utilisateurs de Hotmail s&rsquo;adapteront tr\u00e8s rapidement \u00e0 ce nouveau design qui ne remet pas int\u00e9gralement en cause l&rsquo;ergonomie.<\/p>\n<h2>Souvenez-vous<\/h2>\n<p>Windows Live il y a quelques semaines c&rsquo;\u00e9tait encore ceci :<br \/>\n<figure id=\"attachment_2795\" aria-labelledby=\"figcaption_attachment_2795\" class=\"wp-caption aligncenter\" style=\"width: 460px\"><a href=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/windows-live-design.png\" class=\"fancy\" title=\"L'ancienne interface de Windows Live\"><img decoding=\"async\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/windows-live-design-600x290.png\" alt=\"\" title=\"\" width=\"450\" height=\"217\" class=\"size-large wp-image-2795\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/windows-live-design-600x290.png 600w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/windows-live-design-300x145.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2012\/08\/windows-live-design.png 934w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><figcaption id=\"figcaption_attachment_2795\" class=\"wp-caption-text\">Ancien design de Windows Live Hotmail<\/figcaption><\/figure><\/p>\n<p>Surveillez bien les services de Microsoft, \u00e7a a l&rsquo;air de bouger un peu partout \ud83d\ude09<br \/>\nD&rsquo;ailleurs le site officiel de Microsoft s&rsquo;y met aussi : <a href=\"http:\/\/www.microsoft.com\/fr-fr\/\">http:\/\/www.microsoft.com\/fr-fr\/<\/a><\/p>\n<div class=\"sources\">\n<h2>Liens utiles<\/h2>\n<ul>\n<li><a href=\"http:\/\/outlook.com\">Outlook.com<\/a><\/li>\n<li><a href=\"http:\/\/msdn.microsoft.com\/fr-fr\/jarac-2012\">J&rsquo;en ai rien \u00e0 coder &#8211; Microsoft<\/a><\/li>\n<li><a href=\"http:\/\/www.microsoft.com\/fr-fr\/\">Microsoft France<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Windows 8 arrive bient\u00f4t, et avec lui son univers graphique simple et \u00e9pur\u00e9. Durant ces 4 derni\u00e8res semaines, j&rsquo;ai vu la page de connexion \u00e0 hotmail.com se modifier (parfois avec de dr\u00f4les de transitions) pour devenir ce qu&rsquo;elle est \u00e0 l&rsquo;heure o\u00f9 j&rsquo;\u00e9cris cet article.<\/p>\n","protected":false},"author":4,"featured_media":2798,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[11],"tags":[33,468,484,485,4,483],"coauthors":[],"class_list":["post-2788","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veille-graphique","tag-design","tag-interface","tag-metro","tag-outlook","tag-webdesign","tag-windows-8"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/2788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=2788"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/2788\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/2798"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=2788"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=2788"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=2788"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=2788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}