Interactief ontwerp

Een blik op het nieuwe MSN.Com-ontwerp

Sinds 9 maart van dit jaar is Microsoft bezig met het uitrollen van hun nieuwe ontwerp van MSN.com.

Gesteund door talloze uren testen en ongeveer 70.000 feedbackfragmenten van hun gebruikers, is het ontwerp in de afgelopen vier maanden aangepast aan de huidige staat.

Bezoekers die het nog niet kunnen bekijken http://www.msn.com toegang hebben tot http://preview.msn.com .

In dit bericht bekijken we het nieuwe herontwerp en onderzoeken we de positieve en negatieve aspecten ervan.

Deel gerust uw mening over het ontwerp in het opmerkingenveld.

In het afgelopen decennium hebben drie hoofdzoekpagina's een stevige basis gelegd als sites waar mensen terechtkomen wanneer ze hun online ervaringen beginnen.

Terwijl Yahoo en MSN zich concentreerden op het toevoegen van functionele elementen aan hun pagina's, bleef Google met een minimaal ontwerp en in plaats daarvan plaatsten ze hun nieuwe applicaties op verschillende URL's met alleen subtiele vermeldingen op hun hoofdpagina. Google kwam vooruit maar Yahoo en MSN hebben niet opgegeven en ze houden nog steeds een groot deel van de markt.

Een van de hoofddoelen van het nieuwe ontwerp is om de interface te updaten met een veel schoner uiterlijk; een look die doet denken aan Google. Om dit te bereiken hebben ze de achtergrond veranderd in een consistent wit en hebben ze tabbladen toegevoegd voor de verschillende inhoudsecties. Ze hebben ook een hoger visueel gewicht gegeven aan het hoofdnieuwsgedeelte door het een groter kopje te geven en de afbeeldingen groter te maken. Dit geeft de gebruiker een duidelijke indicatie van waar zijn ogen onmiddellijk moeten worden getekend, waardoor de site minder druk wordt.

De witte achtergrond doet de site er schoon uitzien, maar dit gaat ten koste van het verlies van het blauw, waardoor de oude site eenvoudig herkenbaar en uniek was. Ondanks de feedback die MSN heeft ontvangen waarin staat dat de witte achtergrond schoner aanvoelt, kan het op de lange termijn gunstig zijn voor Microsoft om hun oude blauwe achtergrondkleur te omarmen. Door te gaan met een enkele achtergrondkleur werden veel verticale lijnen verwijderd. Hierdoor voelt de site breder, ondanks dat deze feitelijk iets dunner is met ongeveer 20 pixels.

De tabbladen zorgen er ook voor dat de pagina er veel schoner uitziet. De secties op de pagina lijken niet op een voor de hand liggende manier gegroepeerd te zijn, maar dit hoeft niet per se schadelijk te zijn. MSN beseft dat deze pagina niet zal worden gebruikt als een krant of zelfs als een nieuwssite.

Elke sectie biedt kleine koppen en korte zinnen die erop gericht zijn de lezer te verleiden door te klikken en meer te leren. Scott Moore (General Manager van Inhoud en Programmeren van MSN) legde uit dat de site machinaal leren gebruikt om de gebruikers in acht groepen onder te verdelen.

Hij heeft de details niet besproken, maar dit kan betekenen dat de plaatsing van de secties / tabbladen wordt bepaald door de dingen waarin de gebruikers interesse hebben getoond.

Inhoud toevoegingen

Een functie waar het MSN-team zich op heeft gericht is sociale netwerken. Gebruikers kunnen nu inloggen op hun Windows Live / Facebook / Twitter-account om live updates te krijgen op hun MSN-startpagina.

Dit is een functie die sommige mensen enigszins handig vinden en anderen zullen volledig negeren. "Social Media" is al meer dan een jaar een internetbuzz-woord en het is verrassend dat MSN er zo lang over deed om het op hun homepage te integreren.

De toevoeging van de sociale media zal niet veel mensen ertoe aanzetten om hun homepage te gebruiken, maar heeft geen negatieve invloed op hun uiterlijk en toont aan dat ze internet omarmen in plaats van hun gebruikers te dwingen alleen MSN-applicaties te gebruiken.

Het herontwerp van de homepage van MSN heeft de zoekbalk van Bing veel meer bekendheid gegeven. Het heeft een eigen gedeelte gekregen in plaats van gedwongen te zijn de ruimte te delen met veel verschillende elementen.

Deze toename in aandacht voor Bing heeft hun zoekmachine een dubbele toename in zoekopdrachten opgeleverd. De grotere Bing-zoekbalk zou een van de beste kenmerken van het herontwerp van MSN kunnen zijn omdat het laat zien dat MSN nu beter begrijpt dat homepages over het algemeen worden gebruikt als startpunt voor een zoekopdracht op internet. Mensen zullen snel hun startpagina wijzigen als ze denken dat MSN te lang duurt om irrelevante inhoud te laden.

De derde belangrijke toevoeging is een focus op lokale inhoud. Rechts bovenaan de pagina staat een link voor Local Edition. Lokale editie is als een andere versie van de startpagina, maar het is relevanter voor elk individu. De gebruiker kan maximaal drie verschillende steden (of postcodes) opslaan, maar het is niet erg intuïtief over hoe u ze kunt toevoegen. De gebruiker moet een stadsnaam invoeren, klik op "Opslaan" en dan om een ​​nieuwe naam toe te voegen moeten ze op "Wijzigen" klikken. Het zou logischer zijn om in plaats daarvan de link "Toevoegen" te laten lezen.


Lokale editie

Zodra de gebruiker een stad heeft geselecteerd, hebben ze toegang tot lokaal nieuws, weer, sport, films / evenementen, restaurants, gas / verkeer en een paar andere items. Al deze functies zijn echt goed geïmplementeerd, behalve voor de sectie Restaurants.

Voor de restaurants worden eenvoudig restaurants in de buurt weergegeven met links naar recensies, vijfsterrenafbeeldingen en routebeschrijvingen. Wanneer u op de koppelingen Review of Ratings klikt, wordt er een pagina geladen met verschillende details over het restaurant, maar deze bevat geen klantrecensies en de beoordelingswidget is nergens te zien. Het voelt alsof deze functie is overgenomen uit een statisch naslagwerk.

sDe andere functies zijn allemaal goed gedaan en het is de moeite waard om ze uit te proberen. Houd er rekening mee dat Local Edition op dit moment alleen beschikbaar is in de Verenigde Staten.

De laatste toevoeging die de moeite van het vermelden waard is, is de TrendWatch-functie met de nieuwste Twitter-trends. Deze functie is vreemd vergelijkbaar met Yahoo's Trending Now-sectie, maar het heeft pijlen naast elke zoekopdracht om het populariteitsmomentum te tonen. Het is een beetje plakkerig en de plaatsing onderaan de pagina geeft het meer een na-gedachte dan een handige functie.


Yahoo's Trending Now vergeleken met Trendwatch van MSN


Prestatie

Interessant is dat de oude MSN-site al zijn inhoud downloadt naar de computer van de gebruiker met een seconde minder dan het nieuwe ontwerp. Het nieuwe ontwerp voert dan veel meer code uit, waardoor de totale voltooiingstijd bijna 3 seconden langer is dan bij het oude ontwerp.

De Local Edition presteert iets beter dan het nieuwe ontwerp met een document-ready-tijd van 2,582 seconden, maar de volledig kant-en-klare tijd is een lelijke 10,545 seconden als gevolg van het laden van een ingebedde video.

Omdat alles ongeveer in dezelfde hoeveelheid wordt weergegeven, merken gebruikers waarschijnlijk niet het verschil in prestaties en dit kan schadelijk zijn voor het succes van het nieuwe ontwerp.

Startpagina's zouden extreem snel moeten zijn en dit is een gebied waar MSN de mogelijkheid heeft om echt tegen de meerderheid van hun concurrenten te schijnen. Massa's mensen gepropt in coffeeshops of luchthavens die draadloze netwerken delen, willen sites die het snelst worden geladen.

Als MSN is ingesteld als hun startpagina, gaan ze snel naar een snellere site of gebruiken ze de zoekopdracht in de rechterbovenhoek van de meeste moderne browsers. Als dit vaak genoeg gebeurt, zullen de gebruikers in de verleiding komen om hun startpagina helemaal te veranderen.

Notitie: http://www.webpagetest.org werd gebruikt voor het testen. Hieronder volgen de drie tests die zijn uitgevoerd:

Algemeen ontwerp

Het algemene herontwerp is effectief. Het behandelt enkele zorgen van MSN met hun oude ontwerp en het biedt een schoner beeld voor Microsoft.

Het ontwerp biedt een iets betere visuele hiërarchie, maar er is absoluut ruimte voor verbetering. Het hoofdgedeelte van de inhoud is de eerste die de aandacht van de gebruiker trekt, gevolgd door de omvangrijke Bing-zoekbalk, maar na die twee elementen is het moeilijk om aan te wijzen wat precies hun aandacht zal trekken.

Dit is gedeeltelijk het gevolg van het feit dat de pagina een grote hoeveelheid inhoud heeft die allemaal verschillende niveaus van belang heeft voor elk individu. Omdat iedereen anders is, is het moeilijk om precies te weten hoe het visuele pad moet worden ingesteld, maar zelfs een lichte hint kan significante resultaten opleveren.

Geen sectie heeft een hoger visueel gewicht dan enig ander gedeelte.

Hoewel het kleurenschema werkt, wordt het ontwerp niet gedefinieerd. Met uitzondering van het lichte verloop bovenaan de pagina en het MSN-logo, is er niets dat de MSN-identiteit weergeeft. De site komt over als flauw en zonder enige persoonlijkheid. De pagina krijgt geen kans om zichzelf te verkopen door charmant te zijn; het kan alleen op zijn functies vertrouwen.

Een van de beste aspecten van het herontwerp was de introductie van aanzienlijke witte ruimte. Elke nieuwsrubriek heeft een extra verticale ruimte van 12 pixels gekregen om deze te scheiden van de andere rubrieken. De lettergrootte is ook verhoogd, waardoor alles veel gemakkelijker te lezen is.

Conclusie

Dit nieuwe ontwerp voelt aan alsof het wordt bijgewerkt om te passen bij de concurrenten van MSN. Hoewel alles er goed uitziet en zich gedraagt ​​zoals het hoort, is er niet genoeg gedaan om het ontwerp de grenzen te laten verleggen van wat een moderne website kan doen.

De site verhandelde zijn identiteit en rommel voor netheid en een paar middelmatige functies. Local Edition is een geweldige toevoeging en het heeft een goede kans om aan te trekken, vooral als het een goed verkochte mobiele versie krijgt.

Referenties


    Dit artikel is exclusief voor Web Designer Depot geschreven door Eli Penner

    Wat vind je van het herontwerp van MSN? Wat zou je anders hebben gedaan?


    ontwerp herontwerp msn