Interaktiv design

En titt på den nye MSN.Com Design

Siden 9. mars i år har Microsoft rullet ut sitt nye design av MSN.com.

Støttet av utallige testtimer og omtrent 70 000 biter av tilbakemelding fra brukerne, har designet blitt tweaked de siste fire månedene til sin nåværende tilstand.

Besøkende som ikke kan se den på http://www.msn.com kan få tilgang til den på http://preview.msn.com .

I dette innlegget tar vi en titt på det nye redesignet og undersøker de positive og negative aspektene.

Du er velkommen til å dele din mening om designen i kommentarfeltet.

I løpet av det siste tiåret har tre hovedsøkingssider etablert en solid jording som nettsteder som folk blir til når de starter sine onlineopplevelser.

Mens Yahoo og MSN fokuserte på å legge til funksjonelle elementer på sidene deres, bodde Google med en minimal design, og i stedet lagde de nye applikasjoner på forskjellige nettadresser med bare subtile nevner på hovedsiden. Google kom ut foran, men Yahoo og MSN har ikke gitt opp og de har fortsatt en stor del av markedet.

Et av hovedmålene med det nye designet er å oppdatere grensesnittet med et mye renere utseende; en titt som minner om Google. For å oppnå dette har de endret bakgrunnen til en konsekvent hvit og de har lagt til faner for de ulike innholdsdelene. De har også gitt større visuell vekt til hovednyhetsdelen ved å gi den en større overskrift og gjøre bildene større. Dette gir brukeren en klar indikasjon på hvor øynene deres skal trekkes umiddelbart, noe som bidrar til å få nettstedet til å føle seg mindre opptatt.

Den hvite bakgrunnen gjør nettstedet rent, men det gjør det på bekostning av å miste det blå, noe som gjorde det gamle området lett gjenkjennelig og unikt. Til tross for tilbakemeldingene MSN har mottatt som sier at den hvite bakgrunnen føles renere, kan det være gunstig i det lange løp for Microsoft å omfavne sin gamle blå bakgrunnsfarge. Ved å gå med en enkelt bakgrunnsfarge ble mange vertikale linjer fjernet. Dette gjør at nettstedet føles bredere til tross for at det faktisk blir litt tynnere med rundt 20 piksler.

Flikene gjør også siden ser mye renere ut. Seksjonene på siden ser ikke ut til å være gruppert på en åpenbar måte, men dette er ikke nødvendigvis skadelig. MSN innser at denne siden ikke vil bli brukt som en avis eller til og med som en nyhetswebside.

Hver seksjon gir små overskrifter og korte setninger som tar sikte på å lokke leseren til å klikke gjennom og lære mer. Når du snakker om det nye designet, forklarte Scott Moore (MSNs daglig leder for innhold og programmering) at nettstedet bruker maskinlæring til å dele brukerne i åtte grupper.

Han gikk ikke over detaljene, men dette kan bety at plasseringen av seksjonene / fanene vil bli bestemt av de tingene som brukerne har vist interesse for.

Innholdstillatelser

En funksjon som MSN-teamet bestemte seg for å fokusere på, er sosiale nettverk. Brukere kan nå logge inn på enten deres Windows Live / Facebook / Twitter-konto for å få live oppdateringer vist på deres MSN hjemmeside.

Dette er en funksjon som noen vil finne litt hendig, og andre vil ignorere helt. "Social Media" har vært et Internett-buzzord i over et år nå, og det er overraskende at MSN har tatt så lang tid å integrere det i hjemmesiden sin.

Tillegget for sosiale medier vil ikke påvirke mange mennesker til å bruke hjemmesiden deres, men det påvirker ikke deres utseende negativt, og det viser at de omfavner Internett i stedet for å tvinge brukerne til å bare bruke MSN-applikasjoner.

MSN hjemmeside redesign har gitt Bing søkelinjen mye mer fremtredende. Den har fått sin egen del i stedet for å bli tvunget til å dele sin plass med mange forskjellige elementer.

Denne økningen i oppmerksomheten for Bing har gitt søkemotoren en dobbel sifferøkning i søk. Den større Bing-søkefeltet kan være en av de beste funksjonene i MSN-redesignet fordi det viser at MSN nå har en bedre forståelse for at hjemmesider vanligvis brukes som utgangspunkt for et websøk. Folk vil være raske til å endre sin hjemmeside hvis de tror at MSN tar for lang tid å laste inn irrelevant innhold.

Det tredje store tillegget er et fokus på lokalt innhold. Øverst til høyre på siden er det en link for Local Edition. Local Edition er som en annen versjon av hjemmesiden, men den er mer relevant for hver enkelt person. Brukeren kan lagre opptil tre forskjellige byer (eller postnummer), men det er ikke veldig intuitivt å legge til dem. Brukeren må skrive inn et bynavn, klikke på "Lagre" og deretter legge til en annen, de må klikke "Endre". Det ville være mer fornuftig å få linken til å lese "Legg til".


Lokal utgave

Når brukeren har valgt en by, har de tilgang til lokale nyheter, vær, sport, filmer / arrangementer, restauranter, gass / trafikk og noen andre ting. Alle disse funksjonene er virkelig godt implementert bortsett fra restauranter-delen.

For restauranter listes det bare nærliggende restauranter med lenker til vurderinger, 5 stjerner og bilder. Når linkene for gjennomgang eller rangering er klikket, er det lagt inn en side som viser ulike detaljer om restauranten, men det har ingen kundeanmeldelser, og rangeringskombinasjonen er ikke noe å se. Det føles som om denne funksjonen ble tatt fra en statisk referanse bok.

s De andre funksjonene er alt godt gjort, og det er verdt å prøve dem ut. Vær oppmerksom på at lokal utgave bare er tilgjengelig i USA på dette tidspunktet.

Det siste tillegget som er verdt å nevne, er TrendWatch-funksjonen som viser de nyeste Twitter-trendene. Denne funksjonen er merkelig lik Yahoo's Trending Now-seksjon, men den har piler ved siden av hvert søk for å vise sin popularitet momentum. Det er litt klebrig, og plasseringen nederst på siden gjør at den føles mer som en ettertanke enn en nyttig funksjon.


Yahoo's Trending Nå sammenlignet med MSNs TrendWatch


Opptreden

Interessant, den gamle MSN-siden laster ned alt innhold til brukerens maskin ved å bruke ett sekund mindre enn det nye designet. Den nye designen utfører da mye mer kode, noe som gjør den totale ferdigstillelsestiden nesten 3 sekunder lenger enn den gamle designen.

Den lokale utgaven virker litt bedre enn det nye designet med en klar klokkeslett på 2.582 sekunder, men fullstendig klokkeslett er en stygg 10.545 sekunder på grunn av at en innebygd video lastes inn.

Fordi alt vises i omtrent samme tid, vil brukerne ikke sannsynlig legge merke til forskjellen i ytelse, og dette kan være skadelig for det nye designets suksess.

Hjemmesider skal være ekstremt raske, og dette er et område hvor MSN har muligheten til å skinne mot flest konkurrenter. Crowds av folk proppet i kaffebarer eller flyplasser som deler trådløse nettverk, vil ha nettsteder som laster raskest.

Hvis de har MSN satt som deres hjemmeside, vil de raskt navigere til et raskere nettsted, eller de vil bruke søket øverst til høyre på de fleste moderne nettlesere. Hvis dette skjer ofte nok, vil brukerne bli fristet til å endre hjemmesiden deres helt og holdent.

Merk: http://www.webpagetest.org ble brukt til testing. Følgende er de tre testene som ble utført:

Samlet design

Det totale redesignet er effektivt. Den tar opp noen av MSNs bekymringer med sin gamle design, og det gir et renere bilde for Microsoft.

Designet gir et litt bedre visuelt hierarki, men det er definitivt rom for forbedring. Hovedinnholdsseksjonen er den første som tar tak i brukerens oppmerksomhet, etterfulgt av den store Bing-søkelinjen, men etter disse to elementene er det vanskelig å finne ut hva som nøyaktig vil trekke oppmerksomheten deres neste.

Dette skyldes delvis at siden har en stor mengde innhold som alle har forskjellige nivåer av betydning for hver enkelt person. Fordi alle er forskjellige, er det vanskelig å vite nøyaktig hvordan du skal sette den visuelle banen, men selv et lite hint kan gi betydelige resultater.

Ingen seksjon har høyere visuell vekt enn noen annen del.

Mens fargeskjemaet fungerer, definerer det ikke designet. Bortsett fra den svake gradienten øverst på siden og MSN-logoen, er det ingenting som viser MSN-identiteten. Nettstedet kommer over som tørt og uten personlighet. Siden får ikke sjansen til å selge seg ved å være sjarmerende; den kan bare stole på dens funksjoner.

En av de beste aspektene ved redesignet har vært introduksjonen av betydelig hvit plass. Hver nyhetsoverskrift har fått en ekstra 12 piksler vertikal plass for å skille den fra de andre overskriftene. Skriftstørrelsen er også økt, noe som gjør alt mye lettere å lese.

Konklusjon

Dette nye designet føles som det oppdateres for å passe inn med MSNs konkurrenter. Mens alt ser bra ut og oppfører seg som det skal, er det ikke gjort nok for å få designet til å skyve grensene til hva et moderne nettsted kan gjøre.

Nettstedet handlet sin identitet og rot for renhet og noen få middelmådige funksjoner. Local Edition er et flott tillegg, og det har en god sjanse til å fange på, spesielt hvis det er gitt en godt markedsført mobilversjon.

referanser


    Denne artikkelen ble skrevet utelukkende for Web Designer Depot av Eli Penner

    Hva synes du om MSNs redesign? Hva ville du ha gjort annerledes?


    design redesign msn