Un nouveau portail MSN pour célébrer Windows 8 et Internet Explorer 10

Un nouveau portail MSN pour célébrer Windows 8 et Internet Explorer 10

Tactile et Modern UI

Avatar de l'auteur
Vincent Hermann

Publié dans

Internet

03/10/2012 2 minutes
39

Un nouveau portail MSN pour célébrer Windows 8 et Internet Explorer 10

Le 26 octobre, Microsoft lancera officiellement Windows 8 et la firme se prépare fébrilement à cet événement. Ce sera l’occasion pour l’éditeur de basculer sur une stratégie largement axée sur le tactile et une nouvelle version du portail MSN sera publiée pour tirer parti de la flopée de tablettes qui sortira.

 

 

MSN était une marque qui a longtemps servi à identifier de nombreux produits grand public chez Microsoft. Aujourd’hui, elle sert surtout à définir le portail de Microsoft qui regroupe de nombreuses informations, notamment les actualités.

 

msn

 

Pour accompagner le lancement de Windows 8, ce portail se prépare à une mise à jour pour tirer parti du tactile dans Windows 8, mais également d’Internet Explorer 10. Le nouveau site s’activera automatiquement lorsqu’il sera visité depuis une machine équipée des bons logiciels. Microsoft annonce que les performances seront réellement à la hauteur, ce qui reste évidemment à vérifier dans la pratique.

 

Le nouveau MSN sera conçu pour s’exécuter en plein écran. On remarque d’emblée que le design global est aligné sur la tendance Modern UI (ex-Metro) et est conçu pour être facilement manipulable avec les doigts.

 

La consultation d’informations semble en tout cas l’un des axes majeurs de Windows 8 puisque le système d’exploitation intègre dès la base un certain nombre d’applications consacrées aux actualités, à la météo, aux résultats sportifs ou encore à la bourse.

Écrit par Vincent Hermann

Tiens, en parlant de ça :

Sommaire de l'article

Introduction

Fermer

Commentaires (39)


Youpiiii.<img data-src=" />


Pour une fois que tout Microsoft est en ordre de battaille pour un nouvel OS …



Pour une fois on peux pas dire qu’ils sont pas “cohérent” <img data-src=" />


N’empeche, on aime Metro ou pas (perso je trouve le mélange des couleurs pas toujours heureux ni agréable), cette volonté de mettre les infos et les données au coeur de l’activité de l’utilisateur est assez plaisante. Si tant est qu’on est correctement guidé pour pas faire de bêtise avec…


A savoir que microsoft.com a aussi changé ;)


Les webdesigneurrs n’ont plus qu’a pointer au chômage si cette mode prend








klemix a écrit :



Les webdesigneurrs n’ont plus qu’a pointer au chômage si cette mode prend







Heu pourquoi?

Il y a justement un énorme boulot côté design pour mettre correctement en avant l’information dans Modern UI.

Pour être actuellement sur le développement d’une application métier “Modern UI”-like, je suis bien content d’avoir des graphistes dans l’équipe!









Laellyo a écrit :



Heu pourquoi?

Il y a justement un énorme boulot côté design pour mettre correctement en avant l’information dans Modern UI.

Pour être actuellement sur le développement d’une application métier “Modern UI”-like, je suis bien content d’avoir des graphistes dans l’équipe!







Pour avoir fait quelques apps WP, j’ai quasiment pas fait appel au designer de notre boite. Et pour cause, tout est normalisé.









klemix a écrit :



Les webdesigneurrs n’ont plus qu’a pointer au chômage si cette mode prend







Ouais en meme temps, webdesigner ne consiste pas vraiment à mettre des effets glossy etc. Modern UI, n’est qu’un canevas, une facon de faire, après c’est tout le talent du webdesigner de rendre le site agréable, clair et en cohérence avec l’entreprise qui utilise le site



Sinon pour revenir à la news, je trouve le site pas mal fait! Il faut dire quand on part de l’usine à gaz de MSN, pas difficile de faire plus clair et plus léger! En revanche, c’est quoi l’ordinateur utilisé pour la démo? Juste une image 3d??









actionthomas a écrit :



A savoir que microsoft.com a aussi changé ;)







Je vient d’aller voir, effectivement, la page d’accueil est modifié <img data-src=" />









Wen84 a écrit :



Pour avoir fait quelques apps WP, j’ai quasiment pas fait appel au designer de notre boite. Et pour cause, tout est normalisé.







C’est un peu comme ça qu’on se retrouve à une uniformisation maximal et quasiment zéro originalité. C’est un peu le dilemme de guideline graphique.



En tout cas, le boulot d’un web-designer c’est l’ergonomie, l’esthétisme et l’originalité (histoire démarquer de la concurrence).









Wen84 a écrit :



Pour avoir fait quelques apps WP, j’ai quasiment pas fait appel au designer de notre boite. Et pour cause, tout est normalisé.







Mais du coup il y a le risque que ton appli ne ressorte pas à coté des autres appli du market.



Si ton appli fini par ressembler à çahttp://www.neowin.net/news/windows-8-metro-app-design-tips-offered-by-microsoft



Le travail de design, te permettra d’avoir une app qui ressort mieux comme :http://cdn.arstechnica.net//wp-content/uploads/2012/06/Screen-shot-2012-06-01-at…



ou encorehttp://screenshots.fr.sftcdn.net/fr/scrn/3339000/3339315/marmiton-01-700x393.png



Tout est normalisé, mais c’est le boulo d’un designer de rendre une app plus agréable en se basant sur ces normes <img data-src=" />









Wen84 a écrit :



Pour avoir fait quelques apps WP, j’ai quasiment pas fait appel au designer de notre boite. Et pour cause, tout est normalisé.







La guideline de MS est en effet très normalisée. Du coup sans réflexion supplémentaire, son app/site sera en effet un clône Modern UI. Néanmoins il est encore possible d’y apporté une touche de personnalité et d’esthétisme propre à l’application, mais comme pour toute IHM cohérente et avec une identité forte, ça se travaille.

Si je pouvais, je t’aurai bien montré des screenshots pour étayer mes dires, mais pas le droit. ^^

Un site web comme celui le site d’administration d’Azure est un bon exemple je trouve. Il respecte l’ergonomie de Modern UI tout en ayant une identité à part entière.



+1 atomusk <img data-src=" />








atomusk a écrit :



Mais du coup il y a le risque que ton appli ne ressorte pas à coté des autres appli du market.



Si ton appli fini par ressembler à çahttp://www.neowin.net/news/windows-8-metro-app-design-tips-offered-by-microsoft



Le travail de design, te permettra d’avoir une app qui ressort mieux comme :http://cdn.arstechnica.net//wp-content/uploads/2012/06/Screen-shot-2012-06-01-at…



ou encorehttp://screenshots.fr.sftcdn.net/fr/scrn/3339000/3339315/marmiton-01-700x393.png



Tout est normalisé, mais c’est le boulo d’un designer de rendre une app plus agréable en se basant sur ces normes <img data-src=" />





+1 , c’est évident que même avec des guidelines, aussi strictes soient-elles, il est toujours possible de présenter les informations de manière très maladroite.



J’avais d’ailleurs beaucoup aimé l’utilisation de XAML pour ceci, juste assez souple pour la cohabitation (je pense que beaucoup ici savent de quoi je parle <img data-src=" />).



Le site de la SNCF aussi est pas mal dans ce genre, la webradio mis a part…<img data-src=" />


Le 03/10/2012 à 10h 40

le web touch



<img data-src=" />









klemix a écrit :



Les webdesigneurrs n’ont plus qu’a pointer au chômage si cette mode prend





C’est tout le contraire Windows Runtime permet de créer facilement des applications riches. Un graphiste est fortement conseillé pour les design XAML ou WEB. On en parlait déjà pour WPF mais cette technologie n’a pas percée. Si Metro perce tu peux être sur d’avoir une augmentation des offres d’emploi pour les graphistes.

De plus ce n’est pas parce que Microsoft impose un design Modern UI sur ses applications que les graphistes ne puissent pas concevoir leur propre design pour les applications Modern UI.



Le 03/10/2012 à 10h 59

faut aimer le le design carré


Jepense que vous m’avez pas compris, je voulais dire que faire un design a partir de carreaux c’est pas comme cela que les webdesigneur vont s’enrichir








atomusk a écrit :



Mais du coup il y a le risque que ton appli ne ressorte pas à coté des autres appli du market.



Si ton appli fini par ressembler à çahttp://www.neowin.net/news/windows-8-metro-app-design-tips-offered-by-microsoft



Le travail de design, te permettra d’avoir une app qui ressort mieux comme :http://cdn.arstechnica.net//wp-content/uploads/2012/06/Screen-shot-2012-06-01-at…



ou encorehttp://screenshots.fr.sftcdn.net/fr/scrn/3339000/3339315/marmiton-01-700x393.png



Tout est normalisé, mais c’est le boulo d’un designer de rendre une app plus agréable en se basant sur ces normes <img data-src=" />









Laellyo a écrit :



La guideline de MS est en effet très normalisée. Du coup sans réflexion supplémentaire, son app/site sera en effet un clône Modern UI. Néanmoins il est encore possible d’y apporté une touche de personnalité et d’esthétisme propre à l’application, mais comme pour toute IHM cohérente et avec une identité forte, ça se travaille.

Si je pouvais, je t’aurai bien montré des screenshots pour étayer mes dires, mais pas le droit. ^^

Un site web comme celui le site d’administration d’Azure est un bon exemple je trouve. Il respecte l’ergonomie de Modern UI tout en ayant une identité à part entière.











zefling a écrit :



C’est un peu comme ça qu’on se retrouve à une uniformisation maximal et quasiment zéro originalité. C’est un peu le dilemme de guideline graphique.



En tout cas, le boulot d’un web-designer c’est l’ergonomie, l’esthétisme et l’originalité (histoire démarquer de la concurrence).









Je pense que vous m’avez pas compris. De mon point de vue (Et elle est partagée par le designer de ma boite), l’interface métro simplifie enormement le boulot du designer. Dans les exemples montré, il y a un boulot au niveau du design, certe, mais ça reste très loin d’un travail titanesque en design. J’ai jamais dit que ça allait tuer le boulot du designer, mais faire que du Modern UI, ça le limite quand meme un peu.



Au passage, les quelques apps sur lesquels, j’ai bossé sur WP devait être relativement neutre question design. A ce niveau, l’interface de WP7 m’a fait gagné enormement de temps.



Après c’est mon avis, mais si ce que l’on cherche c’est l’originalité, il faut savoir sortir des normes. Si comme dans mon cas, on veut se contenter de l’efficacité, Modern UI est très bien.

Donc c’est un choix à faire, on ne cherche pas forcement à se démarquer niveau design.









klemix a écrit :



Jepense que vous m’avez pas compris, je voulais dire que faire un design a partir de carreaux c’est pas comme cela que les webdesigneur vont s’enrichir





<img data-src=" /> J’en pense pas moins. Plus la guideline est strict et limite, moins l’originalité et permise. L’avantage reste la cohérence graphique, mais pour moi Metro c’est un peu trop limité pour ce que j’en ai vu.



Oui l’accès à hotmail était déjà en partie avec le nouveau design, mais c’est vrai que c’est un bon point unifier le tout.


Le futur site MSN est vraiment bien foutu, enfin il faut avouer que la version actuel était tellement mal foutue qu’on peut difficilement faire pire, je n’avais même pas remarqué la barre de recherche <img data-src=" />



Pour la question du web designer, bien sur que la normalisation restreint sa liberté mais c’est son boulot d’en tirer partie et d’exploiter en fonction de ce qu’il veut mettre en valeur.



Il y a tellement de façon différente d’afficher une information sans compter qu’il doit s’impliquer à ressortir la philosophie du site, son ame en quelque sorte. C’est le vrai défi des graphistes



Prenons l’exemple des voitures : 4 roues, un moteur, 4 portes, un volant, des sieges. Pourtant elles sont distinctes, les phares s’expriment de manière plus ou moins aggressives, les lignes de la voiture tendent à donner un caractère anguleux ou souple…(quoique je suis tenté de dire que les vieilles auto ont plus de caractère <img data-src=" />)


Je reste absolument convaincue qu’on peut faire des choses très originales en gardant l’esprit metro.



Voir par exemple cette appli là. Ca s’inspire des œuvres de Mondrian, et ca respecte en même temps les guidelines metro.



http://apps.microsoft.com/webpdp/fr-FR/app/youboox/9bd6709e-0a51-439d-afc8-9f168…


Le 03/10/2012 à 12h 18







atomusk a écrit :



Pour une fois on peux pas dire qu’ils sont pas “cohérent” <img data-src=" />





Les titres sont en full minuscules. Il me semble qu’ils sont censé être en full majuscule selon la “norme” Metro <img data-src=" />









fitfat a écrit :



Les titres sont en full minuscules. Il me semble qu’ils sont censé être en full majuscule selon la “norme” Metro <img data-src=" />





Non, ça c’est pour le titre des onglets <img data-src=" />



Il est évident qu’il y a des apps Metro très ratées, et des apps Metro très réussies, donc je pense qu’il y a toujours un intérêt à avoir un bon designer, ex d’apps Metro que je trouve largement supérieure au niveau du design (c’est encore plus joli à l’utilisation car il y a de superbes effets de transition pendant la navigation) :http://www.windowsphone.com/fr-fr/store/app/cocktail-flow/ddd1ad08-d9d5-df11-a84…


Les designers sur Modern UI c’est comme les développeurs en .Net.



T’as ceux qui arriveront à répondre au besoin du client en respectant des règles, et d’autres qui n’y arriveront pas.



Pour moi un designer qui n’arrive pas à créer une UI originale et efficace avec Modern UI c’est comme ceux qui écrivent le C# comme le C++ qu’ils faisaient avant, avec un résultat catastrophique. Et après c’est la faute du C#. Ou de Modern UI. Bref c’est la faute des autres…


Tolor&gt;Arf… titre d’onglet uniquement. J’étais pas si loin.

(Mais t’aurais quand même pu lui donner au moins une chance d’éclore, espèce d’infanticideur <img data-src=" />)








Tolor a écrit :



Non, ça c’est pour le titre des onglets <img data-src=" />







Où peut-on trouver les normes de design ModernUI, quand on ne programme pas avec VisualStudio ? Ça m’intéresse d’intégrer ce modèle d’interface dans ma programmation, quitte à définir manuellement un «thème» au complet dans mon IDE.









olivier4 a écrit :



http://apps.microsoft.com/webpdp/fr-FR/app/youboox/9bd6709e-0a51-439d-afc8-9f168dc47cff



bof







Bof, pas beau ou bof pas original <img data-src=" />



Parce que autant on peux trouver ça moche, autant il est clair que c’est une application originale de Metro <img data-src=" />









Laere a écrit :



Je reste absolument convaincue qu’on peut faire des choses très originales en gardant l’esprit metro.



Voir par exemple cette appli là. Ca s’inspire des œuvres de Mondrian, et ca respecte en même temps les guidelines metro.



http://apps.microsoft.com/webpdp/fr-FR/app/youboox/9bd6709e-0a51-439d-afc8-9f168…





Original, c’est sûr. Joli, par contre….<img data-src=" />



Denouveau, le style windows 8 - metro - modern ui n’est pas un style qui se résume a des carrés de couleurs et en plus il ne défini pas que l’aspect statique mais aussi , et surtout, l’aspect dynamique de l’application.

Montrer une image d’une application style metro, c juste insuffisant pour juger de la qualité de l’implémentation du design dans l’application…


Le 03/10/2012 à 15h 42







Ricard a écrit :



Original, c’est sûr. Joli, par contre….<img data-src=" />







Si c’est du metro c’est nul en tout cas, il y a rien d’aligné, les proportions sont plus que douteuses, les typos sont posées jetées là à la truelle : ça suit pas vraiment la charte Metro amha. Ou alors elle est bien plus libre que ce qu’on veut nous faire croire ici.



Le 03/10/2012 à 19h 58







atomusk a écrit :



Bof, pas beau ou bof pas original <img data-src=" />



Parce que autant on peux trouver ça moche, autant il est clair que c’est une application originale de Metro <img data-src=" />





disons que sur smartphone ce seraitclasse mais sur un ecran 22 pouces. ca tue les yeux



Modern UI c’est surtout des concepts de mise en avant de l’information.



Par exemple, on ne met pas de cadre pour regrouper des éléments, mais un bloc. Pas de bouton “détail” ou “voir” mais on clique sur la donnée, etc.



C’est de la hiérarchie basé sur la sémantique.








Edtech a écrit :



Modern UI c’est surtout des concepts de mise en avant de l’information.



Par exemple, on ne met pas de cadre pour regrouper des éléments, mais un bloc. Pas de bouton “détail” ou “voir” mais on clique sur la donnée, etc.



C’est de la hiérarchie basé sur la sémantique.





<img data-src=" /> Toutafé.

































Mais qu’est-ce que c’est moche.<img data-src=" />



Microsoft : “Les bords arrondis en CSS3 ? Encore un truc d’Apple ça !”