Interaktives Design

Ein Blick auf das neue MSN.Com Design

Seit dem 9. März dieses Jahres hat Microsoft sein neues Design von MSN.com eingeführt.

Gestützt auf unzählige Teststunden und rund 70.000 Feedbacks von Anwendern wurde das Design in den letzten vier Monaten auf den aktuellen Stand gebracht.

Besucher, die es noch nicht sehen können http://www.msn.com kann auf es zugreifen http://preview.msn.com .

In diesem Post werfen wir einen Blick auf das neue Redesign und untersuchen dessen positive und negative Aspekte.

Fühlen Sie sich frei, Ihre Meinung über das Design im Kommentarbereich zu teilen.

Im Laufe des letzten Jahrzehnts haben drei Hauptsuchseiten eine solide Grundlage für Websites geschaffen, an die sich die Nutzer wenden, wenn sie mit ihren Online-Erfahrungen beginnen.

Während Yahoo und MSN sich darauf konzentrierten, ihren Seiten funktionale Elemente hinzuzufügen, blieb Google bei einem minimalen Design und fügte stattdessen ihre neuen Anwendungen verschiedenen URLs mit nur subtilen Erwähnungen auf ihrer Hauptseite hinzu. Google kam voran, aber Yahoo und MSN haben nicht aufgegeben und sie halten immer noch einen großen Teil des Marktes.

Eines der Hauptziele des neuen Designs ist es, die Oberfläche mit einem viel saubereren Aussehen zu aktualisieren; Ein Look, der an Google erinnert. Um dies zu erreichen, haben sie den Hintergrund in ein einheitliches Weiß geändert und Registerkarten für die verschiedenen Inhaltsbereiche hinzugefügt. Sie haben auch dem Hauptnachrichtenbereich ein höheres visuelles Gewicht gegeben, indem sie ihm eine größere Überschrift gegeben haben und seine Bilder größer gemacht haben. Dies gibt dem Benutzer einen klaren Hinweis darauf, wo seine Augen sofort gezeichnet werden sollten, was dazu beiträgt, dass die Website weniger beschäftigt ist.

Der weiße Hintergrund lässt die Seite sauber erscheinen, allerdings auf Kosten des Verlustes des Blaus, was die alte Seite leicht erkennbar und einzigartig macht. Trotz der Rückmeldung, die MSN erhalten hat, dass der weiße Hintergrund sich sauberer anfühlt, könnte es auf lange Sicht für Microsoft vorteilhaft sein, ihre alte blaue Hintergrundfarbe anzunehmen. Mit einer einzigen Hintergrundfarbe wurden viele vertikale Linien entfernt. Dadurch wird die Seite breiter, obwohl sie um etwa 20 Pixel etwas dünner ist.

Die Registerkarten machen die Seite auch viel sauberer. Die Abschnitte auf der Seite scheinen nicht in einer offensichtlichen Weise gruppiert zu sein, aber dies ist nicht unbedingt schädlich. MSN erkennt, dass diese Seite nicht wie eine Zeitung oder gar als Nachrichtenwebseite verwendet wird.

Jeder Abschnitt enthält kleine Überschriften und kurze Sätze, die den Leser dazu verleiten sollen, sich durchzuklicken und mehr zu erfahren. Scott Moore (General Manager für Inhalt und Programmierung bei MSN) erklärte, dass die Website maschinelles Lernen nutzt, um die Benutzer in acht Gruppen einzuteilen.

Er ging nicht auf die Details ein, aber dies könnte bedeuten, dass die Platzierung der Abschnitte / Tabs von den Dingen bestimmt wird, an denen die Nutzer Interesse gezeigt haben.

Inhaltserweiterungen

Ein Feature, auf das sich das MSN-Team konzentriert hat, ist Social Networking. Benutzer können sich jetzt entweder bei ihrem Windows Live / Facebook / Twitter-Konto anmelden, um Live-Updates auf ihrer MSN-Startseite anzuzeigen.

Dies ist eine Funktion, die manche Leute als nützlich empfinden und andere werden sie komplett ignorieren. "Social Media" ist seit über einem Jahr ein Internet-Schlagwort und es ist überraschend, dass MSN so lange gebraucht hat, um es in ihre Homepage zu integrieren.

Der Social-Media-Zusatz wird viele Leute nicht davon abhalten, ihre Homepage zu benutzen, aber sie wirkt sich nicht negativ auf ihr Aussehen aus und zeigt, dass sie das Internet akzeptieren, anstatt ihre Benutzer dazu zu zwingen, nur MSN-Anwendungen zu verwenden.

Das Redesign der MSN-Homepage hat der Bing-Suchleiste deutlich mehr Bedeutung verliehen. Es hat seinen eigenen Bereich bekommen, anstatt gezwungen zu sein, seinen Raum mit vielen verschiedenen Elementen zu teilen.

Dieser Anstieg der Aufmerksamkeit für Bing hat ihre Suchmaschine eine zweistellige Zunahme der Suchanfragen gegeben. Die größere Bing-Suchleiste könnte eine der besten Funktionen des MSN-Redesigns sein, da MSN jetzt besser versteht, dass Homepages im Allgemeinen als Ausgangspunkt für eine Websuche verwendet werden. Leute werden schnell ihre Homepage ändern, wenn sie denken, dass MSN zu lange dauert, um irrelevante Inhalte zu laden.

Die dritte wichtige Ergänzung ist die Konzentration auf lokale Inhalte. Oben rechts auf der Seite befindet sich ein Link für die lokale Edition. Local Edition ist wie eine andere Version der Homepage, aber für jeden Einzelnen relevanter. Der Benutzer kann bis zu drei verschiedene Städte (oder Postleitzahlen) speichern, aber es ist nicht sehr intuitiv, wie sie hinzugefügt werden. Der Benutzer muss einen Städtenamen eingeben, auf "Speichern" klicken und dann einen weiteren Namen hinzufügen, indem er auf "Ändern" klickt. Es wäre sinnvoller, stattdessen den Link "Add" zu lesen.


Lokale Ausgabe

Sobald der Benutzer eine Stadt ausgewählt hat, hat er Zugriff auf lokale Nachrichten, Wetter, Sport, Filme / Veranstaltungen, Restaurants, Gas / Verkehr und ein paar andere Dinge. Alle diese Funktionen sind wirklich gut umgesetzt, mit Ausnahme der Restaurants.

Für die Restaurants listet es einfach in der Nähe Restaurants mit Links zu Bewertungen, 5 Sterne Bilder und Wegbeschreibungen. Wenn Sie auf den Link Bewertung oder Bewertung klicken, wird eine Seite geladen, die verschiedene Details zum Restaurant auflistet, aber keine Kundenbewertungen enthält und das Bewertungs-Widget nirgends zu sehen ist. Es fühlt sich an, als wäre diese Funktion einem statischen Nachschlagewerk entnommen.

Die anderen Funktionen sind alle gut gemacht und es lohnt sich, sie auszuprobieren. Bitte beachten Sie, dass Local Edition zu diesem Zeitpunkt nur in den USA verfügbar ist.

Der letzte erwähnenswerte Zusatz ist die TrendWatch-Funktion, die die neuesten Twitter-Trends auflistet. Diese Funktion ähnelt merkwürdig Yahoo's Trending Now-Sektion, aber sie hat Pfeile neben jeder Suchanfrage, um ihre Popularität anzuzeigen. Es ist ein bisschen klebrig und seine Platzierung am unteren Rand der Seite macht es eher wie ein Nachdenken als ein nützliches Feature.


Yahoo Trending Now im Vergleich zu MSN Trendwatch


Performance

Interessanterweise lädt die alte MSN-Site ihren gesamten Inhalt auf den Computer des Benutzers herunter, wobei sie eine Sekunde weniger als das neue Design verwendet. Das neue Design führt dann viel mehr Code aus, was seine Gesamtfertigstellungszeit fast 3 Sekunden länger macht als das alte Design.

Die Local Edition schneidet etwas besser ab als das neue Design mit einer Dokumentbereitschaftszeit von 2.582 Sekunden, aber die vollständige Bereitschaftszeit beträgt 10.545 Sekunden, da ein eingebettetes Video geladen wird.

Da alles ungefähr in der gleichen Zeit angezeigt wird, ist es unwahrscheinlich, dass Benutzer den Leistungsunterschied bemerken, was sich nachteilig auf den Erfolg des neuen Designs auswirken könnte.

Startseiten sollten extrem schnell sein und in diesem Bereich hat MSN die Möglichkeit, gegen die Mehrheit seiner Konkurrenten zu glänzen. Menschenmengen in Cafés oder Flughäfen, die sich drahtlose Netzwerke teilen, wollen Websites, die am schnellsten laden.

Wenn MSN als Startseite festgelegt ist, werden sie schnell zu einer schnelleren Website navigieren, oder sie verwenden die Suche in der oberen rechten Ecke der meisten modernen Browser. Wenn dies häufig genug auftritt, werden die Benutzer versucht sein, ihre Homepage insgesamt zu ändern.

Hinweis: http://www.webpagetest.org wurde zum Testen verwendet. Im Folgenden sind die drei durchgeführten Tests aufgeführt:

Gesamtkonzept

Das gesamte Redesign ist effektiv. Es behandelt einige Bedenken von MSN hinsichtlich des alten Designs und bietet ein saubereres Bild für Microsoft.

Das Design bietet eine etwas bessere visuelle Hierarchie, aber es gibt definitiv Raum für Verbesserungen. Der Hauptinhaltsabschnitt ist der erste, der die Aufmerksamkeit des Benutzers auf sich zieht, gefolgt von der großen Bing-Suchleiste, aber nach diesen beiden Elementen ist es schwierig zu bestimmen, worauf genau sie als nächstes aufmerksam machen.

Dies liegt zum Teil an der Seite mit einer großen Menge an Inhalten, die alle unterschiedliche Ebenen von Bedeutung für jeden einzelnen hat. Da jeder anders ist, ist es schwierig, genau zu wissen, wie man den visuellen Pfad einstellt, aber selbst ein kleiner Hinweis könnte zu signifikanten Ergebnissen führen.

Kein Abschnitt hat ein höheres visuelles Gewicht als jeder andere Abschnitt.

Während das Farbschema funktioniert, wird das Design nicht definiert. Außer dem leichten Farbverlauf am oberen Seitenrand und dem MSN-Logo gibt es nichts, was die MSN-Identität anzeigt. Die Seite wirkt mild und ohne Persönlichkeit. Die Seite hat keine Chance, sich selbst zu verkaufen, indem sie charmant ist; es kann sich nur auf seine Eigenschaften verlassen.

Einer der besten Aspekte des Redesigns war die Einführung von signifikanten Leerraum. Jeder Nachrichtenüberschrift wurde ein zusätzlicher vertikaler Abstand von 12 Pixeln gegeben, um ihn von den anderen Überschriften zu trennen. Die Schriftgröße wurde ebenfalls erhöht, wodurch alles viel leichter zu lesen ist.

Fazit

Dieses neue Design fühlt sich an, als ob es aktualisiert wird, um zu MSNs Konkurrenten zu passen. Während alles gut aussieht und sich so verhält, wie es sollte, wurde nicht genug getan, um das Design zu erweitern, was eine moderne Website leisten kann.

Die Website tauschte ihre Identität und Unordnung für Sauberkeit und ein paar mittelmäßige Merkmale. Die Local Edition ist eine großartige Ergänzung und hat eine gute Chance, sich durchzusetzen, vor allem, wenn sie eine gut vermarktete mobile Version erhält.

Verweise


    Dieser Artikel wurde exklusiv für Web Designer Depot geschrieben Eli Penner

    Was denkst du über MSNs Redesign? Was hättest du anders gemacht?


    Design Redesign msn