Interaktiv design

Et kig på den nye MSN.Com Design

Siden den 9. marts i år har Microsoft rullet ud deres nye design af MSN.com.

Underbygget af utallige testtimer og ca. 70.000 stykker feedback fra deres brugere, er designet blevet tweaked i de sidste fire måneder til dets nuværende tilstand.

Besøgende der endnu ikke kan se det på http://www.msn.com kan få adgang til det på http://preview.msn.com .

I dette indlæg tager vi et kig på det nye redesign og undersøger dets positive og negative aspekter.

Du er velkommen til at dele din mening om designet i kommentarfeltet.

I løbet af det sidste årti etablerede tre hovedsøgningssider en solid grounding som websteder, som folk vender sig til, når de starter deres online oplevelser.

Mens Yahoo og MSN fokuserede på at tilføje funktionelle elementer til deres sider, forblev Google med et minimalt design, og i stedet lagde de deres nye applikationer på forskellige webadresser med kun subtile navngivelser på deres hovedside. Google kom ud, men Yahoo og MSN har ikke givet op, og de har stadig en stor del af markedet.

Et af de vigtigste mål for det nye design er at opdatere grænsefladen med et meget renere udseende; et udseende, der minder om Google. For at opnå dette har de ændret baggrunden til en ensartet hvid, og de har tilføjet faner til de forskellige indholdsafsnit. De har også givet større visuel vægt til hovednyhedsdelen ved at give den en større overskrift og gøre billederne større. Dette giver brugeren en klar indikation af, hvor deres øjne straks skal trækkes, hvilket hjælper med at få webstedet til at føle sig mindre travlt.

Den hvide baggrund gør webstedet rent, men det gør det på bekostning af at miste det blå, hvilket gjorde det gamle sted let genkendeligt og unikt. På trods af feedbacken, som MSN har modtaget, hedder det, at den hvide baggrund føles renere, kan det være nyttigt i det lange løb, at Microsoft skal omfavne deres gamle blå baggrundsfarve. Ved at gå med en enkelt baggrundsfarve blev mange lodrette linjer fjernet. Dette får webstedet til at føle sig bredere, selvom det faktisk er lidt tyndere med omkring 20 pixels.

Fanerne gør også siden meget mere ren. Sektionerne på siden synes ikke at være grupperet på en indlysende måde, men det er ikke nødvendigvis skadeligt. MSN indser, at denne side ikke vil blive brugt som en avis eller endda som en nyhedswebsted.

Hvert afsnit indeholder små overskrifter og korte sætninger med det formål at lokke læseren til at klikke igennem og lære mere. Når man taler om det nye design, forklarede Scott Moore (MSNs General Manager of Content and Programming), at webstedet bruger maskine læring til at opdele brugerne i otte grupper.

Han gik ikke over detaljerne, men det kan betyde, at placeringen af ​​sektionerne / fanerne vil blive bestemt af de ting, hvor brugerne har vist interesse.

Indholdsudvidelser

En funktion, som MSN-holdet har valgt at fokusere på, er social networking. Brugere kan nu logge ind på deres Windows Live / Facebook / Twitter konto for at få live opdateringer vist på deres MSN hjemmeside.

Dette er en funktion, at nogle mennesker vil finde lidt praktisk, og andre vil ignorere helt. "Social Media" har været et internet-buzzord i mere end et år nu, og det er overraskende, at MSN har taget så lang tid at integrere det i deres hjemmeside.

Socialmedietilsætningen vil ikke påvirke mange mennesker til at bruge deres hjemmeside, men det påvirker ikke deres udseende negativt, og det viser, at de omfavner internettet i stedet for at tvinge deres brugere til kun at bruge MSN-applikationer.

MSN hjemmeside redesign har givet Bing search baren langt mere fremtrædende. Det har fået sin egen sektion i stedet for at blive tvunget til at dele sin plads med mange forskellige elementer.

Denne stigning i opmærksomhed for Bing har givet deres søgemaskine en dobbeltcifret stigning i søgninger. Den større Bing-søgelinje kan være en af ​​de bedste funktioner i MSN-redesignet, fordi det viser, at MSN nu har en bedre forståelse for, at hjemmesider generelt bruges som udgangspunkt for en websøgning. Folk vil være hurtige til at ændre deres hjemmeside, hvis de mener, at MSN tager for lang tid til at indlæse irrelevant indhold.

Den tredje store tilføjelse er fokus på lokalt indhold. Øverst til højre på siden er der et link til Local Edition. Local Edition er som en anden version af hjemmesiden, men den er mere relevant for hver enkelt person. Brugeren kan gemme op til tre forskellige byer (eller postnummer), men det er ikke meget intuitivt, hvordan man tilføjer dem. Brugeren skal indtaste et bynavn, klikke på "Gem" og derefter tilføje en anden, de skal klikke på "Skift". Det ville være mere fornuftigt at i stedet få linket læs "Tilføj".


Lokal udgave

Når brugeren har valgt en by, har de adgang til lokale nyheder, vejr, sport, film / arrangementer, restauranter, gas / trafik og et par andre ting. Alle disse funktioner er virkelig godt implementeret, undtagen for sektionerne Restauranter.

For restauranterne lister den blot på nærliggende restauranter med links til anmeldelser, 5 stjerneklassificerede billeder og retninger. Når linkene Review eller Ratings klikkes, er der indlæst en side, der lister forskellige detaljer om restauranten, men den har ingen kundeanmeldelser, og rating-widgeten er ingen steder at se. Det føles som om denne funktion blev taget fra en statisk referencebog.

s De andre funktioner er alle godt færdige, og det er værd at prøve dem ud. Vær opmærksom på, at Local Edition kun på nuværende tidspunkt er tilgængelig i USA.

Den sidste tilføjelse værd at nævne er TrendWatch-funktionen, som viser de seneste Twitter-trends. Denne funktion er mærkeligt ligner på Yahoo's Trending Now-sektion, men det har pile ved siden af ​​hver søgestreng for at vise dens popularitet momentum. Det er lidt klæbrig, og dets placering nederst på siden gør det til at føle sig mere som en eftertanke end en nyttig funktion.


Yahoo's Trending Nu sammenlignet med MSNs TrendWatch


Ydeevne

Interessant nok downloader det gamle MSN-websted alt indhold til brugerens maskine med et sekund mindre end det nye design. Det nye design udfører så meget mere kode, hvilket gør den samlede færdiggørelsestid næsten 3 sekunder længere end det gamle design.

Den lokale udgave udfører en smule bedre end det nye design med en dokumenttid på 2.582 sekunder, men den fuldt klarede tid er en grim 10.545 sekunder, fordi en indlejret video bliver indlæst.

Fordi alt vises i stort set samme tid, vil brugerne sandsynligvis ikke mærke forskellen i ydeevne, og det kan være til skade for det nye designs succes.

Hjemmesider skal være ekstremt hurtige, og dette er et område, hvor MSN har mulighed for virkelig at skinne imod de fleste konkurrenter. Skarer af mennesker, der er pakket i kaffebarer eller lufthavne, der deler trådløse netværk, har brug for websteder, der indlaster den hurtigste.

Hvis de har MSN indstillet som deres hjemmeside, navigerer de hurtigt til et hurtigere websted, eller de bruger søgningen øverst til højre på de fleste moderne browsere. Hvis dette sker ofte nok, vil brugerne blive fristet til at ændre deres hjemmeside helt og holdent.

Bemærk: http://www.webpagetest.org blev brugt til testning. Følgende er de tre tests, der blev udført:

Samlet Design

Det samlede redesign er effektivt. Det behandler nogle af MSN's bekymringer med deres gamle design, og det giver et renere billede til Microsoft.

Designet giver et lidt bedre visuelt hierarki, men der er helt sikkert plads til forbedring. Hovedindholdet er det første, der tager fat i brugerens opmærksomhed, efterfulgt af den store Bing-søgelinje, men efter disse to elementer er det svært at finde ud af, hvad der nøjagtigt vil henlede deres opmærksomhed næste.

Dette skyldes dels, at siden har en stor mængde indhold, som alle har forskellige niveauer af betydning for hver enkelt person. Fordi alle er forskellige, er det svært at vide præcis, hvordan man indstiller den visuelle vej, men selv et lille tip kan give betydelige resultater.

Intet afsnit har en højere synsvægt end nogen anden sektion.

Mens farveskemaet fungerer, definerer det ikke designet. Bortset fra den lille gradient øverst på siden og MSN-logoet, er der intet der viser MSN-identiteten. Webstedet kommer over som intetsigende og uden nogen personlighed. Siden får ikke mulighed for at sælge sig selv ved at være charmerende; den kan kun stole på dens funktioner.

Et af de bedste aspekter af redesignet har været indførelsen af ​​markant hvidt rum. Hver nyhedsoverskrift har fået en ekstra 12 pixel lodret plads for at adskille den fra de andre overskrifter. Skriftstørrelsen er også blevet øget, hvilket gør alt meget lettere at læse.

Konklusion

Dette nye design føles som om det bliver opdateret for at passe ind med MSNs konkurrenter. Mens alt ser godt ud og opfører sig som det skal, er der ikke gjort nok for at få designet til at skubbe grænserne for, hvad en moderne hjemmeside kan gøre.

Stedet handlede sin identitet og rod for renlighed og et par middelmådige træk. Local Edition er en fantastisk tilføjelse, og det har en god chance for at fange, især hvis den får en velkøbt mobilversion.

Referencer


    Denne artikel er udelukkende skrevet til Web Designer Depot af Eli Penner

    Hvad synes du om MSNs redesign? Hvad ville du have gjort anderledes?


    design redesign msn