Design interactif

Un regard sur le nouveau design MSN.Com

Depuis le 9 mars de cette année, Microsoft déploie son nouveau design de MSN.com.

Soutenu par d'innombrables heures de tests et environ 70 000 commentaires de la part de leurs utilisateurs, le design a été modifié au cours des quatre derniers mois pour atteindre son état actuel.

Visiteurs qui ne peuvent pas encore le voir à http://www.msn.com peut y accéder à http://preview.msn.com .

Dans cet article, nous examinons la nouvelle conception et examinons ses aspects positifs et négatifs.

N'hésitez pas à partager votre opinion sur le design dans la zone des commentaires.

Au cours de la dernière décennie, trois pages de recherche principales ont établi une base solide en tant que sites vers lesquels les gens se tournent lorsqu'ils commencent leurs expériences en ligne.

Alors que Yahoo et MSN se sont concentrés sur l’ajout d’éléments fonctionnels à leurs pages, Google est resté avec un design minimal et a mis ses nouvelles applications sur des URL différentes avec seulement des mentions subtiles sur leur page principale. Google est sorti en tête, mais Yahoo et MSN n’ont pas baissé les bras et ils détiennent toujours une grande partie du marché.

L'un des principaux objectifs du nouveau design est de mettre à jour l'interface avec une apparence beaucoup plus propre. un regard qui rappelle Google. Pour ce faire, ils ont modifié le fond en un blanc cohérent et ils ont ajouté des onglets pour les différentes sections de contenu. Ils ont également accordé plus de poids visuel à la section principale des actualités en leur donnant un titre plus important et en élargissant leurs images. Cela donne à l'utilisateur une indication claire de l'endroit où ses yeux doivent être dessinés immédiatement, ce qui aide à rendre le site moins occupé.

L'arrière-plan blanc rend le site propre, mais il en perd le bleu, ce qui rend l'ancien site facilement reconnaissable et unique. Malgré les commentaires que MSN a reçus, indiquant que le fond blanc semble plus propre, il pourrait être bénéfique à long terme pour Microsoft d’adopter leur ancienne couleur de fond bleu. En allant avec une seule couleur de fond, de nombreuses lignes verticales ont été supprimées. Cela rend le site plus large, même s'il est légèrement plus mince d'environ 20 pixels.

Les onglets rendent également la page beaucoup plus propre. Les sections de la page ne semblent pas être regroupées de manière évidente, mais cela n’est pas nécessairement préjudiciable. MSN se rend compte que cette page ne sera pas utilisée comme un journal ou même comme un site de nouvelles.

Chaque section fournit de petits titres et de courtes phrases visant à inciter le lecteur à cliquer et à en apprendre davantage. En parlant du nouveau design, Scott Moore (directeur général du contenu et de la programmation de MSN) a expliqué que le site utilise l'apprentissage automatique pour répartir les utilisateurs en huit groupes.

Il n'a pas passé en revue les détails, mais cela pourrait signifier que l'emplacement des sections / onglets sera déterminé par les éléments dans lesquels les utilisateurs ont manifesté leur intérêt.

Ajout de contenu

L’équipe de MSN a décidé de se concentrer sur les réseaux sociaux. Les utilisateurs peuvent maintenant se connecter à leur compte Windows Live / Facebook / Twitter pour obtenir des mises à jour en direct affichées sur leur page d'accueil MSN.

C'est une fonctionnalité que certaines personnes trouveront un peu pratique et d'autres l'ignoreront complètement. "Social Media" est un mot à la mode sur Internet depuis plus d’un an et il est surprenant que MSN ait mis si longtemps à l’intégrer dans sa page d’accueil.

L'ajout de médias sociaux n'influera pas beaucoup de personnes sur l'utilisation de leur page d'accueil, mais cela n'affecte pas leur apparence de manière négative et montre qu'ils adoptent Internet au lieu de forcer leurs utilisateurs à n'utiliser que des applications MSN.

La refonte de la page d'accueil MSN a donné à la barre de recherche Bing beaucoup plus d'importance. On lui a donné sa propre section au lieu de devoir partager son espace avec de nombreux éléments.

Cette attention accrue pour Bing a donné à leur moteur de recherche une augmentation à deux chiffres des recherches. La plus grande barre de recherche de Bing pourrait être l'une des meilleures caractéristiques de la nouvelle conception de MSN, car elle montre que MSN comprend désormais mieux que les pages d'accueil sont généralement utilisées comme point de départ pour une recherche sur le Web. Les gens vont rapidement changer leur page d'accueil s'ils pensent que MSN prend trop de temps pour charger du contenu non pertinent.

Le troisième ajout majeur porte sur le contenu local. En haut à droite de la page, il y a un lien pour l'édition locale. L'édition locale est comme une autre version de la page d'accueil, mais elle est plus pertinente pour chaque individu. L'utilisateur peut enregistrer jusqu'à trois villes différentes (ou codes postaux), mais il n'est pas très intuitif sur la manière de les ajouter. L'utilisateur doit saisir un nom de ville, cliquer sur "Enregistrer" puis, pour en ajouter un autre, cliquer sur "Modifier". Il serait préférable d’avoir le lien "Ajouter".


Edition locale

Une fois que l'utilisateur a sélectionné une ville, il a accès aux informations locales, à la météo, aux sports, aux films / événements, aux restaurants, au gaz / au trafic et à quelques autres articles. Toutes ces fonctionnalités sont vraiment bien implémentées à l'exception de la section Restaurants.

Pour les restaurants, il répertorie simplement les restaurants à proximité avec des liens vers des critiques, des images de 5 étoiles et des indications. Lorsque vous cliquez sur les liens Review ou Ratings, une page contenant des informations détaillées sur le restaurant est affichée, mais elle ne contient aucune critique client et le widget d'évaluation est introuvable. On a l'impression que cette fonctionnalité provient d'un livre de référence statique.

sLes autres fonctionnalités sont toutes bien faites et cela vaut la peine de les essayer. Sachez qu'à l'heure actuelle, l'édition locale n'est disponible qu'aux États-Unis.

Le dernier ajout à mentionner est la fonctionnalité TrendWatch qui répertorie les dernières tendances Twitter. Cette fonctionnalité est étrangement similaire à la section Trending Now de Yahoo, mais elle comporte des flèches à côté de chaque requête de recherche pour montrer sa popularité. C'est un peu collant et son placement au bas de la page lui donne l'impression d'être une réflexion après coup plutôt qu'une fonctionnalité utile.


Les tendances de Yahoo maintenant comparées à TrendWatch de MSN


Performance

Fait intéressant, l'ancien site MSN télécharge tout son contenu sur la machine de l'utilisateur en utilisant une seconde de moins que le nouveau design. Le nouveau design exécute alors beaucoup plus de code, ce qui rend son temps de réalisation total presque 3 secondes plus long que l’ancien design.

L'édition locale est légèrement meilleure que la nouvelle conception avec un temps de préparation du document de 2,582 secondes, mais le temps de préparation complet est de 10,545 secondes en raison du chargement d'une vidéo intégrée.

Comme tout s'affiche à peu près dans le même laps de temps, il est peu probable que les utilisateurs remarquent les différences de performances, ce qui pourrait nuire au succès de la nouvelle conception.

Les pages d'accueil doivent être extrêmement rapides et c'est un domaine où MSN a la possibilité de briller contre la majorité de ses concurrents. Des foules de personnes entassées dans des cafés ou des aéroports partageant des réseaux sans fil veulent des sites qui se chargent le plus rapidement.

S'ils ont MSN défini comme leur page d'accueil, ils navigueront rapidement vers un site plus rapide ou ils utiliseront la recherche dans le coin supérieur droit de la plupart des navigateurs modernes. Si cela se produit assez souvent, les utilisateurs seront tentés de changer leur page d'accueil.

Remarque: http://www.webpagetest.org a été utilisé pour les tests. Les trois tests suivants ont été effectués:

Conception générale

La refonte globale est efficace. Il aborde certaines des préoccupations de MSN avec leur ancien design et fournit une image plus propre pour Microsoft.

La conception offre une hiérarchie visuelle légèrement meilleure, mais il y a certainement place à l'amélioration. La section de contenu principale est la première à attirer l'attention de l'utilisateur, suivie par la barre de recherche Bing, mais après ces deux éléments, il est difficile de déterminer exactement ce qui attirera leur attention par la suite.

Cela est dû en partie à la grande quantité de contenu de la page, qui présente tous des niveaux d'importance différents pour chaque individu. Parce que tout le monde est différent, il est difficile de savoir exactement comment définir le chemin visuel, mais même un léger indice peut donner des résultats significatifs.

Aucune section n'a un poids visuel plus élevé que toute autre section.

Bien que le schéma de couleurs fonctionne, il ne définit pas le design. Excepté le léger dégradé en haut de la page et le logo MSN, rien ne permet d’identifier l’identité MSN. Le site apparaît comme fade et sans aucune personnalité. La page n'a pas la chance de se vendre en étant charmante; il ne peut compter que sur ses fonctionnalités.

L’un des meilleurs aspects de la refonte a été l’introduction d’un espace blanc important. Chaque en-tête d'actualités dispose de 12 pixels supplémentaires d'espace vertical pour le séparer des autres titres. La taille de la police a également été augmentée, ce qui rend la lecture beaucoup plus facile.

Conclusion

Ce nouveau design donne l'impression d'être mis à jour pour s'adapter aux concurrents de MSN. Bien que tout soit beau et se comporte comme il se doit, il n'y a pas eu assez d'efforts pour que le design repousse les limites de ce qu'un site Web moderne peut faire.

Le site a échangé son identité et son fouillis pour la propreté et quelques fonctionnalités médiocres. L'édition locale est un excellent ajout et elle a de bonnes chances de se faire remarquer, surtout si elle est fournie avec une version mobile bien commercialisée.

Les références


    Cet article a été écrit exclusivement pour Web Designer Depot par Eli Penner

    Que pensez-vous de la refonte de MSN? Qu'auriez-vous fait différemment?


    conception refonte msn